Post on 23-Jun-2020
UX and Joomla!Joomla! User Group Chicago North
October 2015
What is UX?
UI vs. UXUI is short for “User Interface.”
In the software world, this means everything that shows up on the screen: the images, text, diagrams, and widgets as well as their color, size, and positioning.
UX stands for “User Experience.” It’s much more comprehensive than UI. It’s the entire experience a user has when they use your product! When you order something from Amazon and it comes a day early, that’s good UX. When your phone doesn’t wake you up with notifications, that’s good UX too.
http://blog.udacity.com/2014/07/whats-difference-between-ui-and-ux.html
UX Visionimage courtesy of: Killer UX Design, Jodie Moule, Sitepoint
content strategy
usability
information architecture
visual design
interaction design
user research
does the site follow standards?
how is the information laid out?
what’s the plan for adding content?
Is the site appealing?
what are the needs?
how to move around the site?
User Experience
UX Components
https://en.wikipedia.org/wiki/Website_wireframe
https://www.edrawsoft.com/example-order-workflow.php
True or False?
If you have great UX,
you cannot have great SEO?
UX helps a website be…
accessible
useful
usable
findable
credible
desirable
valuable
…this improves SEO
Personas
• Market Research
• Questionnaires/Surveys
• Site Analytics
• Past Experience
• Client Interviews
Wireframes
low fidelity wireframe high fidelity wireframe
True or False?
It’s better to have a page with a bad stock image than a page
full of text
User Stories
As a/an…I want to…so that… Given…when…then….
Client: Scholarship Foundation
Background:
Demographics:
Goals:
Challenges:
Common Objections:
Biggest Fears:
Hobbies & Interests:
UX Resources
• UX Magazine
• UX Mastery
• UXPin
• All About UX
• oncrawl.com
• uxmastery.com
• uxpin.com
• sitepoint.com
• lynda.com
• usability.gov
• moz.com
• tutsplus.com
• teamtreehouse.com