SlideShare a Scribd company logo
User Experience (UX)
The process and guidelines
@DanSorvik   @NirishShakya
What is User Experience?
User Experience: Process and Guidelines
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
“You want to watch the first season
        of ‘Friends’. How would you find it
        on this site?
http://www.smashingmagazine.com/2010/06/16/design-better-faster-with-rapid-prototyping/
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
 guidelines
We can’t live without
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
User Experience: Process and Guidelines
http://0.tqn.com/d/radio/1/0/9/5/S_console3.jpg
http://wtfjournal.com/wp-content/uploads/2010/05/old-driver.gif
User Experience: Process and Guidelines
Know your
users and their
context
Guideline 3
Help the user get started
User Experience: Process and Guidelines
User Experience: Process and Guidelines
Guideline 4
Make it obvious
What can I do here?
What can I do here?
What can I do here?




                       More info   Add to cart



                       More info   Add to cart
User Experience: Process and Guidelines
User Experience: Process and Guidelines
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	
  
User Experience: Process and Guidelines
User Experience: Process and Guidelines
User Experience: Process and Guidelines
User Experience: Process and Guidelines
Clickable	
  




                    Not	
  
                 clickable	
  




   Not	
  
clickable	
  
User Experience: Process and Guidelines
Guideline 6
Make it readable
How users read your webpages
         1            2




         3        4
THIS IS IMPORTANT.
     This is less important.
        This is even less important.   
	
  
User Experience: Process and Guidelines
Guideline 7
Take it off slowly
User Experience: Process and Guidelines
Guideline 8
Tell the user what's going on
and what's going to happen
User Experience: Process and Guidelines
User Experience: Process and Guidelines
User Experience: Process and Guidelines
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?
User Experience: Process and Guidelines
User Experience: Process and Guidelines
19 seconds
X 1000 visitors per day
= 19000 seconds per day
= 13 hours per day
= 197 days per year!
User Experience: Process and Guidelines
Guideline 10
Let the user be in control
User Experience: Process and Guidelines
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




        ↺	
  
User Experience: Process and Guidelines
Register
  before you buy
User Experience: Process and Guidelines
User Experience: Process and Guidelines
Let the guidelines guide you
Keep looking at the bigger picture
User Experience: Process and Guidelines
Techniques
Who is your
               Observation
user?
         Personas

               Scenarios

How should it  Sketching
work?
         Prototyping

              Hallway Testing

Does it work?
               Heuristic Evaluation
               Usability Testing
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
Say hello


  Nirish Shakya
                   Dan Sorvik
  nshakya@objectivedigital.com 
   dsorvik@objectivedigital.com
  0431 170 608
                    0401 595 884
  @NirishShakya
                   @DanSorvik




                                      301/15 Lime Street
                                      King Street Wharf
 www.ObjectiveDigital.com             Sydney NSW 2000

More Related Content

User Experience: Process and Guidelines