User Experience: Process and Guidelines

83
User Experience (UX) The process and guidelines @DanSorvik @NirishShakya

description

Usability has been one of the ‘non-functional’ requirements in software architecture for a long time now. However, just because you and your team can use your software with your eyes closed does not mean your users can or will. Usability is a very small subset of User Experience (UX) design and an increasing number of companies in Australia and overseas is paying more attention to this growing field. Contrary to popular belief, UX design is not a ‘black art’ that only the creative or artistic types can do. It’s not a single discipline or role that’s assigned to one person or team either. In fact, it’s an attitude that everyone involved in the project needs to acquire. Hence, it’s something that everyone needs to learn to make products that people actually want to use. This is especially true in the case of software architects who have so much say and stake on the final product. The User-Centred Design Process User-centred design (UCD) is the concept of designing and developing a system around the user to fit the user and business needs instead of the other way round. Just like everything in software development, user-centred design also has some standard processes that can be followed to ensure that the software we build meets the needs of the users and the business. We will look at what the UCD process is and how it can be integrated into our existing software development methodologies and timelines. We will present several techniques in the different stages of the process that you can use straightaway whatever phase you are in your project. UX design principles we can’t live without We will look at some of the top UX design principles that we can’t live without in our trade. These principles can (and should) be applied by anyone who is involved in software development. We will show you why these principles work and how they can help you get immediate improvements in the UX that your product offers.

Transcript of User Experience: Process and Guidelines

Page 1: User Experience: Process and Guidelines

User Experience (UX) The process and guidelines @DanSorvik @NirishShakya

Page 2: User Experience: Process and Guidelines

What is User Experience?

Page 3: User Experience: Process and Guidelines
Page 4: User Experience: Process and Guidelines

User-Centred Design Process

The techniques

Page 5: User Experience: Process and Guidelines

?

User

?

Who is the user?

Page 6: User Experience: Process and Guidelines

Observation

http://wtfjournal.com/wp-content/uploads/2010/05/old-driver.gif

Page 7: User Experience: Process and Guidelines

Personas

http://www.allmovieposter.org/poster/the-usual-suspects-poster-15.jpg

Page 8: User Experience: Process and Guidelines

Personas

Page 9: User Experience: Process and Guidelines

Scenarios

Page 10: User Experience: Process and Guidelines

?

User

?

How should it work?

Page 11: User Experience: Process and Guidelines

Sketching

http://www.italianvisits.com/people/da_vinci/images/da-vinci-skull_helicopter.jpg

Page 12: User Experience: Process and Guidelines

Prototyping

Page 13: User Experience: Process and Guidelines

http://www.smashingmagazine.com/2010/06/16/design-better-faster-with-rapid-prototyping/

Page 14: User Experience: Process and Guidelines

?

User

?

Does it work?

Page 15: User Experience: Process and Guidelines

Hallway testing

Page 16: User Experience: Process and Guidelines

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?

Page 17: User Experience: Process and Guidelines

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

Page 18: User Experience: Process and Guidelines

Usability testing

Page 19: User Experience: Process and Guidelines

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  

Page 20: User Experience: Process and Guidelines

UX design principles

We can’t live without

guidelines

Page 21: User Experience: Process and Guidelines

Guideline 1

Ask why

Page 22: User Experience: Process and Guidelines

Make sure you know:   Business Goals   User Goals Are they the same? Ask why it is being (re) designed

Page 23: User Experience: Process and Guidelines

Guideline 2

Context is everything

Page 24: User Experience: Process and Guidelines
Page 25: User Experience: Process and Guidelines

http://0.tqn.com/d/radio/1/0/9/5/S_console3.jpg

Page 26: User Experience: Process and Guidelines

http://wtfjournal.com/wp-content/uploads/2010/05/old-driver.gif

Page 27: User Experience: Process and Guidelines
Page 28: User Experience: Process and Guidelines

Know your users and their context

Page 29: User Experience: Process and Guidelines

Guideline 3

Help the user get started

Page 30: User Experience: Process and Guidelines
Page 31: User Experience: Process and Guidelines
Page 32: User Experience: Process and Guidelines

Guideline 4

Make it obvious

Page 33: User Experience: Process and Guidelines

What can I do here?

Page 34: User Experience: Process and Guidelines

What can I do here?

Page 35: User Experience: Process and Guidelines

Add to cart

Add to cart

More info

More info

What can I do here?

Page 36: User Experience: Process and Guidelines
Page 37: User Experience: Process and Guidelines
Page 38: User Experience: Process and Guidelines

But  HOW  do  I  pay??  

Page 39: User Experience: Process and Guidelines

Guideline 5

Keep it ‘affording’

Page 40: User Experience: Process and Guidelines

http://www.thehygieneexpert.co.uk/images/sized/images/uploads/office_door_handle_1-500x333.jpg

Page 41: User Experience: Process and Guidelines

http://www.cimex.com/assets-uploaded/images/original/redbutton2.jpg

Page 42: User Experience: Process and Guidelines

Buy  now  

Page 43: User Experience: Process and Guidelines
Page 44: User Experience: Process and Guidelines
Page 45: User Experience: Process and Guidelines
Page 46: User Experience: Process and Guidelines
Page 47: User Experience: Process and Guidelines

Clickable  

Not  clickable  

Not  clickable  

Page 48: User Experience: Process and Guidelines
Page 49: User Experience: Process and Guidelines

Guideline 6

Make it readable

Page 50: User Experience: Process and Guidelines

1 2

3 4

How users read your webpages

Page 51: User Experience: Process and Guidelines

THIS IS IMPORTANT. This is less important. �

This is even less important.  

Page 52: User Experience: Process and Guidelines
Page 53: User Experience: Process and Guidelines

Guideline 7

Take it off slowly

Page 54: User Experience: Process and Guidelines
Page 55: User Experience: Process and Guidelines

Guideline 8

Tell the user what's going on

and what's going to happen

Page 56: User Experience: Process and Guidelines
Page 57: User Experience: Process and Guidelines
Page 58: User Experience: Process and Guidelines
Page 59: User Experience: Process and Guidelines

Guideline 9 Let the computer do the work for the user

Page 60: User Experience: Process and Guidelines

Which "one is the "cheapest?

Page 61: User Experience: Process and Guidelines

What’s my Login ID??

Page 62: User Experience: Process and Guidelines

What’s my Login ID??

Page 63: User Experience: Process and Guidelines

Where am I?

Page 64: User Experience: Process and Guidelines
Page 65: User Experience: Process and Guidelines
Page 66: User Experience: Process and Guidelines

19 seconds

= 19000 seconds per day = 13 hours per day = 197 days per year!

X 1000 visitors per day

Page 67: User Experience: Process and Guidelines
Page 68: User Experience: Process and Guidelines

Guideline 10

Let the user be in control

Page 69: User Experience: Process and Guidelines
Page 70: User Experience: Process and Guidelines

To err is user

To forgive is design

Page 71: User Experience: Process and Guidelines

Loss of control can be stressful!

http://upload.wikimedia.org/wikipedia/commons/c/ce/Australian_Slippery_Road_Surface_sign.png

Page 72: User Experience: Process and Guidelines

The Undo button

↺  

Page 73: User Experience: Process and Guidelines
Page 74: User Experience: Process and Guidelines

Register before you buy

Page 75: User Experience: Process and Guidelines
Page 76: User Experience: Process and Guidelines
Page 77: User Experience: Process and Guidelines

Let the guidelines guide you

Page 78: User Experience: Process and Guidelines

Keep looking at the bigger picture

Page 79: User Experience: Process and Guidelines
Page 80: User Experience: Process and Guidelines

Techniques Observation Personas Scenarios Sketching Prototyping Hallway Testing Heuristic Evaluation Usability Testing

Who is your user?

How should it work?

Does it work?

Page 81: User Experience: Process and Guidelines

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

Page 82: User Experience: Process and Guidelines

Guidelines

7.  Take it off slowly 8.  Keep the user informed 9.  Let the computer do the work 10. Give the user control

Page 83: User Experience: Process and Guidelines

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