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 nshakya@objectivedigital.com 0431 170 608 @NirishShakya

Dan Sorvik dsorvik@objectivedigital.com 0401 595 884 @DanSorvik

www.ObjectiveDigital.com