SLIDE 1
User Experience More Than Just a Pre5y S8ck QconSF Nov - - PowerPoint PPT Presentation
User Experience More Than Just a Pre5y S8ck QconSF Nov - - PowerPoint PPT Presentation
User Experience More Than Just a Pre5y S8ck QconSF Nov 7, 2012 What is User Experience? All the aspects of how people use an interac8ve
SLIDE 2
SLIDE 3
What ¡is ¡User ¡Experience? ¡
¡All ¡the ¡aspects ¡of ¡how ¡people ¡use ¡an ¡ interac8ve ¡product: ¡the ¡way ¡it ¡feels ¡in ¡their ¡ hands, ¡how ¡well ¡they ¡understand ¡how ¡it ¡ works, ¡how ¡they ¡feel ¡about ¡it ¡while ¡they’re ¡ using ¡it, ¡how ¡well ¡it ¡serves ¡their ¡purposes, ¡ and ¡how ¡well ¡it ¡fits ¡into ¡the ¡en8re ¡context ¡ in ¡which ¡they ¡are ¡using ¡it. ¡
- ‑ ¡Alben ¡(1996) ¡
SLIDE 4
USER EXPERIENCE DESIGN HUMAN-COMPUTER INTERACTION INTERACTION DESIGN VISUAL DESIGN INFORMATION ARCHITECTURE ARCHITECTURE MECHANICAL ENGINEERING ELECTRICAL ENGINEERING INDUSTRIAL DESIGN INTERFACE DESIGN USABILITY ENGINEERING Info Viz Navigation Signage Interactive Environments Ubicomp Controls CONTENT CREATION (Text, Data,Graphics)
UX ¡contains ¡many ¡disciplines ¡
Credit ¡| ¡Dan ¡Saffer ¡
SLIDE 5
UX ¡is ¡a ¡hot ¡topic ¡
¡New ¡devices ¡ ¡ ¡Web-‑connected ¡world ¡ ¡Every ¡business ¡an ¡e-‑business ¡ ¡Social ¡media ¡revolu8on ¡ ¡Low ¡switching ¡cost ¡
SLIDE 6
Every ¡product ¡has ¡a ¡user ¡experience, ¡ whether ¡you ¡plan ¡it ¡or ¡not ¡
SLIDE 7
Every ¡product ¡decision ¡you ¡make ¡is ¡a ¡ design ¡decision ¡
- ‑ ¡Josh ¡Seiden ¡
SLIDE 8
You ¡can’t ¡just ¡“hit ¡it ¡with ¡the ¡pre5y ¡s8ck” ¡
Flickr ¡| ¡Caro'H ¡
8 ¡
SLIDE 9
Focus ¡on ¡the ¡problem, ¡not ¡the ¡solu8on ¡
Flickr ¡| ¡woodleywonderworks ¡
SLIDE 10
PEOPLE ¡ USES ¡ FEATURES ¡
Business ¡vision ¡
NEEDS ¡
UI ¡design, ¡ wireframes, ¡ visual ¡design ¡
SLIDE 11
User ¡Experience ¡& ¡Lean ¡Startup ¡ (Yum!) ¡
Image ¡| ¡iStockPhoto ¡
SLIDE 12
Eric ¡Ries ¡
SLIDE 13
Short ¡cycles, ¡ itera8ve ¡ development ¡ Customer ¡ Development ¡ Reduce ¡risk ¡
SLIDE 14
Reduce ¡inventory, ¡risk ¡and ¡waste ¡
Great ¡idea! ¡ Well, ¡that ¡ didn’t ¡work ¡
3 ¡MONTHS? ¡ 3 ¡HOURS!! ¡
Credit ¡| ¡Janice ¡Fraser ¡
SLIDE 15
Small, ¡frequent ¡correcAons ¡
Time ¡ Un-‑validated ¡ assumpAons ¡
RISK ¡ ¡
(design ¡debt) ¡
Credit ¡| ¡Janice ¡Fraser ¡
SLIDE 16
Talking ¡to ¡customers ¡ ¡ shouldn’t ¡be ¡a ¡special ¡occasion ¡
Flickr ¡| ¡...love ¡Maegan ¡
SLIDE 17
What’s ¡the ¡most ¡lightweight ¡thing ¡ you ¡can ¡make ¡to ¡test ¡your ¡idea? ¡
Flickr ¡| ¡vivekkhurana ¡
SLIDE 18
The ¡Lean ¡Startup ¡cycle ¡
Credit ¡| ¡The ¡Lean ¡Startup ¡
SLIDE 19
The ¡Lean ¡Startup ¡(UX) ¡cycle ¡ ¡
Prototypes ¡& ¡ Experiments ¡ Qualita8ve ¡ evalua8on ¡ ¡ Customer ¡ Conversa8ons ¡ Personas, ¡needs ¡ and ¡uses ¡
Credit ¡| ¡The ¡Lean ¡Startup ¡
SLIDE 20
Quick ¡ ¡ Visual ¡ ¡ Collabora8ve ¡ ¡ Con8nuous ¡
SLIDE 21
Team ¡interview ¡planning ¡
Image ¡@thinknow ¡ ¡| ¡Atomic ¡Object ¡
SLIDE 22
Interview ¡guides ¡
Image ¡@thinknow ¡ ¡| ¡LUXr ¡
SLIDE 23
Visual ¡radiator: ¡interview ¡planning ¡
Image ¡@thinknow ¡ ¡| ¡ ¡Lean ¡Startup ¡Machine ¡
21 ¡
SLIDE 24
Pair ¡interviewing ¡
Image ¡@thinknow ¡ ¡| ¡Atomic ¡Object ¡
SLIDE 25
Visual ¡radiator: ¡interview ¡debrief ¡
23 ¡
Image ¡@thinknow ¡ ¡| ¡ ¡LUXr ¡
SLIDE 26
Personas ¡before ¡interviews ¡
Image ¡@thinknow ¡ ¡| ¡ ¡LUXr ¡
SLIDE 27
Personas ¡aler ¡interviews ¡
Image ¡@thinknow ¡ ¡| ¡Atomic ¡Object ¡
SLIDE 28
Team ¡sketching ¡
Image ¡@thinknow ¡ ¡| ¡AED ¡Meetup ¡
SLIDE 29
Visual ¡radiator: ¡team ¡sketches ¡
Image ¡@thinknow ¡ ¡| ¡ ¡LUXr ¡
SLIDE 30
Feedback ¡on ¡paper ¡prototype ¡
Image ¡@thinknow ¡ ¡| ¡ ¡Lean ¡Startup ¡Machine ¡
SLIDE 31
Results ¡of ¡collabora8ve ¡design ¡ ¡
Image ¡@thinknow ¡ ¡| ¡ ¡LUXr ¡
SLIDE 32
Cross-‑func8onal ¡pairing ¡
Image: ¡Flickr, ¡danicuki ¡
SLIDE 33
Just ¡enough ¡documenta8on ¡
31 ¡ Image ¡@thinknow ¡ ¡| ¡ ¡TIGC ¡
SLIDE 34