Download - User Experience: Process and Guidelines
User Experience (UX) The process and guidelines @DanSorvik @NirishShakya
What is User Experience?
User-Centred Design Process
The techniques
?
User
?
Who is the user?
Observation
http://wtfjournal.com/wp-content/uploads/2010/05/old-driver.gif
Personas
http://www.allmovieposter.org/poster/the-usual-suspects-poster-15.jpg
Personas
Scenarios
?
User
?
How should it work?
Sketching
http://www.italianvisits.com/people/da_vinci/images/da-vinci-skull_helicopter.jpg
Prototyping
http://www.smashingmagazine.com/2010/06/16/design-better-faster-with-rapid-prototyping/
?
User
?
Does it work?
Hallway testing
http://www.smashingmagazine.com/2010/06/16/design-better-faster-with-rapid-prototyping/
“You want to watch the first season of ‘Friends’. How would you find it on this site?
Heuristics testing
Eg. Nielsen’s heuristics: 1. Visibility of system status 2. Match between system and the real world 3. User control and freedom 4. Consistency and standards 5. Error prevention 6. Recognition rather than recall 7. Flexibility and efficiency of use 8. Aesthetic and minimalist design 9. Help users recognize, diagnose, and recover from
errors 10. Help and documentation
bit.ly/H0yaff
Usability testing
Feedback implementation
Positive comments or findings Make sure these features stay
Minor issues Unable to implement in this phase Cosmetic/minor issue
Showstopper/Road Block Significant detriment to user Result in a loss of sales
UX design principles
We can’t live without
guidelines
Guideline 1
Ask why
Make sure you know: Business Goals User Goals Are they the same? Ask why it is being (re) designed
Guideline 2
Context is everything
http://0.tqn.com/d/radio/1/0/9/5/S_console3.jpg
http://wtfjournal.com/wp-content/uploads/2010/05/old-driver.gif
Know your users and their context
Guideline 3
Help the user get started
Guideline 4
Make it obvious
What can I do here?
What can I do here?
Add to cart
Add to cart
More info
More info
What can I do here?
But HOW do I pay??
Guideline 5
Keep it ‘affording’
http://www.thehygieneexpert.co.uk/images/sized/images/uploads/office_door_handle_1-500x333.jpg
http://www.cimex.com/assets-uploaded/images/original/redbutton2.jpg
Buy now
Clickable
Not clickable
Not clickable
Guideline 6
Make it readable
1 2
3 4
How users read your webpages
THIS IS IMPORTANT. This is less important. �
This is even less important.
Guideline 7
Take it off slowly
Guideline 8
Tell the user what's going on
and what's going to happen
Guideline 9 Let the computer do the work for the user
Which "one is the "cheapest?
What’s my Login ID??
What’s my Login ID??
Where am I?
19 seconds
= 19000 seconds per day = 13 hours per day = 197 days per year!
X 1000 visitors per day
Guideline 10
Let the user be in control
To err is user
To forgive is design
Loss of control can be stressful!
http://upload.wikimedia.org/wikipedia/commons/c/ce/Australian_Slippery_Road_Surface_sign.png
The Undo button
↺
Register before you buy
Let the guidelines guide you
Keep looking at the bigger picture
Techniques Observation Personas Scenarios Sketching Prototyping Hallway Testing Heuristic Evaluation Usability Testing
Who is your user?
How should it work?
Does it work?
Guidelines
1. Ask why 2. Context is everything 3. Help them get started 4. Make it obvious 5. Keep it ‘affording’ 6. Make it readable
Guidelines
7. Take it off slowly 8. Keep the user informed 9. Let the computer do the work 10. Give the user control
301/15 Lime Street King Street Wharf Sydney NSW 2000
Say hello
Nirish Shakya [email protected] 0431 170 608 @NirishShakya
Dan Sorvik [email protected] 0401 595 884 @DanSorvik
www.ObjectiveDigital.com