Ttyfu v7-angelpadorg

32
The RTFM of Usability @uxrick @angelpadorg Sep/28/10

Transcript of Ttyfu v7-angelpadorg

Page 1: Ttyfu v7-angelpadorg

The RTFM of Usability

@uxrick@angelpadorg

Sep/28/10

Page 2: Ttyfu v7-angelpadorg

Cast

Eng

Product UX

User

Thanks to Braden Kowitz for smiley graphics

Page 4: Ttyfu v7-angelpadorg

http://www.all-tribes.com/eng/catalog/rtfm-vol2-girls-mastic-p-51.html

Read The Fantastic(?) Manual

How do I get CNN in MS-Office?

Go away. RTFM!

Page 5: Ttyfu v7-angelpadorg

Unfortunately real people don’t RTFM 1. F != “Fantastic” 2. Easier to bug the local techie 3. Better things to do

http://www.flickr.com/photos/juandesant/2320949867/

Page 6: Ttyfu v7-angelpadorg

Unfortunately real people don’t RTFM 1. F != “Fantastic” 2. Easier to bug the local techie 3. Better things to do

http://www.flickr.com/photos/juandesant/2320949867/

Usability

time!

Page 7: Ttyfu v7-angelpadorg

TTYFU co-creation credit: Dave McClure Pic: http://www.flickr.com/photos/victoriapeckham/164175205

How do we make our product usable?

Page 8: Ttyfu v7-angelpadorg

TTYFU co-creation credit: Dave McClure Pic: http://www.flickr.com/photos/victoriapeckham/164175205

Talk To Your Fantastic(?) Users

Go away!

TTYFU!

How do we make our product usable?

Page 9: Ttyfu v7-angelpadorg

http://www.sensible.com/rocketsurgery/index.html

TTYFU = “Usability” + Field studies + Surveys + Metrics ++Greatstarting point

Page 10: Ttyfu v7-angelpadorg

Unfortunately real startups don’t TTYFU

1. Lack of time 2. Lack of money 3. Too shy 4. “Launch and see” syndrome

http://www.flickr.com/photos/dunkv/97119622/lightbox/

Page 11: Ttyfu v7-angelpadorg

Unfortunately real startups don’t TTYFU

1. Lack of time 2. Lack of money 3. Too shy 4. “Launch and see” syndrome

What is the

“Hello World”

of TTYFU?

http://www.flickr.com/photos/dunkv/97119622/lightbox/

Page 12: Ttyfu v7-angelpadorg

TTYFU W/O TTYFU**Talk To Your F... Users Without Talking To Your F... Users

Page 13: Ttyfu v7-angelpadorg

%^&*!! WTF?

Eng

Product

bash% man ttyfuw\/ottyfu

Page 14: Ttyfu v7-angelpadorg

Simulate a target user! - Simple & quick - Catch issues early

Not a substitute for TTYFUbut a useful compliment ...

Structured UX Review

Page 15: Ttyfu v7-angelpadorg

Simple Process 1. Choose a Target User 2. Identify their goal 3. Step through UI to achieve goal (& note problems)At each step ask: “What would they do next?”

Page 16: Ttyfu v7-angelpadorg

User: My Mum (Mom) Goal:

I want to donate some money to my son’s sponsored bike ride

Example

Page 17: Ttyfu v7-angelpadorg

Step 1

Page 18: Ttyfu v7-angelpadorg

Step 1

Not personalized

Very wordy

Buried call to action

Page 19: Ttyfu v7-angelpadorg

Step 2

Page 20: Ttyfu v7-angelpadorg

Step 2 Again, easy to

miss call to action

Distracting animationsDistracting navigation

Very wordy

Page 21: Ttyfu v7-angelpadorg

Step 3

Exercise for you!

Page 22: Ttyfu v7-angelpadorg

Step 4

Exercise for you!

Page 23: Ttyfu v7-angelpadorg

Iterative “small-n” user studies - Involve entire team - Again, start early - Cover entire lifecycle

Triangulate findings with metrics

Bonus points: TTYFU

hi!hi!

Page 24: Ttyfu v7-angelpadorg

Startup UX Bombs - “New Users”

How to provide users with a “challenging” first experience in 5 easy steps!

%^&*!! WTF?

Page 25: Ttyfu v7-angelpadorg

Forget about how users get to your landing page

Startup UX Bombs - “New Users” #1

Page 26: Ttyfu v7-angelpadorg

No clear call-to-action on every step of the new user flow

Startup UX Bombs - “New Users” #2

Page 27: Ttyfu v7-angelpadorg

Provide a long, drawn-out signup form

Startup UX Bombs - “New Users” #3

Page 28: Ttyfu v7-angelpadorg

Startup UX Bombs - “New Users” #4

Post-signup, dump users on the Account page

Page 29: Ttyfu v7-angelpadorg

Startup UX Bombs - “New Users” #5

e.g. Don’t tell user its out of stock until they checkout

Don’t do QA of all end cases in your conversion flow

Page 30: Ttyfu v7-angelpadorg

Startup UX Bombs - “New Users” #5

Its not just startups who make these mistakes

See http://bit.ly/bccatS

Page 31: Ttyfu v7-angelpadorg

Recap TTYFU!

No money? No time? Too shy? - Start with a structured UX review- Choose target user and goal- Step through flow systematically- You will learn loads (promise!)- Then TTYFU

Page 32: Ttyfu v7-angelpadorg

GO FORTH & TTYFU!Rick [email protected]@uxrick