ux crash course for startup ucla

22
WTF UX? Startup UCLA 8.6.2013

Upload: skot-carruth

Post on 28-Nov-2014

485 views

Category:

Design


2 download

DESCRIPTION

From a 2013 talk I gave as a mentor to Startup UCLA. It's meant to be a crash course in the UX process for entrepreneurs. It touches on user research, defining scenarios, tasks, and user stories, design iteration, prototyping, and user validation / usability testing.

TRANSCRIPT

Page 1: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

WTF UX?

Startup UCLA8.6.2013

Page 2: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

SKOT CARRUTHFounding Partner,philosophie

Page 3: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

WHAT IS UX?“User experience” encompasses all aspects of the end-user’s interaction with the company, its services, and its products.

Nielsen Norman Group

Page 4: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013 © 2009 iA

Page 5: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

Page 6: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

WHO IS YOUR USER?• Personal History• Culture• Education• Motivations• Mood

Personal factors

Page 7: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

WHERE, WHY, HOW?• Location• Distractions• Devices• Other people

Contextual factors

Page 8: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

USER RESEARCH• Use market research• Look at competitors• Conduct a survey• Interview people

What do they need? How will they use it?

Page 9: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

FOCUS GROUPS

SURVEYS

ETHNOGRAPHIES

EYE-TRACKING

Page 10: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

DEFINE• User scenarios• User tasks• User stories• Features

What do you think you need to build?

Page 11: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

You are stuck in North Korea and trying to book a flight out of the country from your Blackberry. Speed is of the essence.

User scenarioDEFINE

Page 12: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

• Find and select the departure• Find and select the destination• Select travel time and date• View available flights• Pay for flight• Get ticket

User tasksDEFINE

Page 13: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

As a user, I want to filter flights by time so that I can get out of North Korea as quickly as possible.

User storiesDEFINE

Page 14: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

• Affordances = UI elements• Start with sketches• Think about how users move through the app• Use empathy

Boxes and arrows > colors and typographyDESIGN

Page 15: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

Sketches — lo-fiDESIGN

Page 16: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

Sketches — lo-fiDESIGN

Page 17: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

Analogs and conventionsDESIGN

Page 18: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

EmpathyDESIGN

Page 19: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

• Paper prototypes youtube.com/watch?v=9wQkLthhHKA

• Wireframes Omnigraffle, Axure, Hype

• HTML prototype• Rails prototype Scaffolding

Make it quickly and cheaplyDESIGN

Page 20: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

• “Hallway testing”• Ask users to complete tasks Example: how would you edit this widget?

• Watch for confusion• Incorporate feedback

Show it to some people — “beta” testersVALIDATE

Page 21: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

• Real users are better• Continually refine your app• Agile development

Rinse and repeat

Hypothesize → Design → Implement → Measure

BUILD + LAUNCH

Page 22: UX Crash Course for Startup UCLA

Startup UCLA8.6.2013

[email protected]@skotcarruth