User Experience & Lean Startup

3,178 views

Published on

Los Angeles User Experience Meetup March 5, 2013. "Lean UX with Lane Halley, Jaime Levy and Chris Chandler" at Cross Campus, Santa Monica CA

http://www.meetup.com/ia-55/events/98595432/

Published in: Design

User Experience & Lean Startup

  1. 1. User  Experience  &  Lean  Startup  Los  Angeles  UX  Meetup  March  5,  2013  
  2. 2. Tweet  it!  Lane  Halley  @thinknow  @LAUXmeetup  
  3. 3. Lean  Design  &   Agile  Development     for  Web  &  Mobile  www.carbonfive.com  
  4. 4. flickr  |  Oskay  
  5. 5. What  is  User  Experience?    All  the  aspects  of  how  people  use  an   interacRve  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  enRre  context   in  which  they  are  using  it.     -­‐  Lauralee  Alben  (1996)  
  6. 6. UX  contains  many  disciplines   USER EXPERIENCE ARCHITECTURE MECHANICAL DESIGN ENGINEERING Signage INFORMATION ARCHITECTURE INDUSTRIAL DESIGN ELECTRICAL ENGINEERING CONTENT CREATION (Text, Data,Graphics) INTERACTION DESIGN Ubicomp VISUAL DESIGN Controls Interactive Environments Info Viz USABILITY ENGINEERING HUMAN-COMPUTER INTERACTION Navigation INTERFACE DESIGNCredit  |  Dan  Saffer  
  7. 7. UX,  IA,  IxD?  Credit  |  Andy  Budd  
  8. 8. UX  is  a  hot  topic    New  devices      Web-­‐connected  world    Every  business  an  e-­‐business    Social  media  revoluRon    Low  switching  cost  
  9. 9. Opportunity  knocks  Source  |  LinkedIn  
  10. 10. Every  product  has  a  user  experience,  whether  you  plan  it  or  not.  
  11. 11. Every  product  decision  you  make  is  a  design  decision.  -­‐  Josh  Seiden  
  12. 12. You  can’t  just  “hit  it  with  the  predy  sRck”  Flickr  |  CaroH   13  
  13. 13. Focus  on  the  problem,  not  the  soluRon  Flickr  |  woodleywonderworks  
  14. 14. PEOPLE   NEEDS  Business  vision   USES   UI  design,   wireframes,   visual  design   FEATURES  
  15. 15. Hooray!  UX  has  a  seat  at  the  table  CC  BY-­‐NC-­‐SA     Boy    Flickr  |  Walter   16  
  16. 16. UX  must  adapt  Image:  Michael  K  Bergman  
  17. 17. The  origin  of  SW  development  Flickr  |  zoutedrop  
  18. 18. Back  in  the  day…  PLAN  –  BUILD  –  TEST  –  SHIP  –  T-­‐SHIRT    
  19. 19. We  tried  to  fit  in  PLAN  –  BUILD  –  TEST  –  SHIP  –  T-­‐SHIRT     ^  DESIGN  RESEARCH  –  
  20. 20. The  Web  grew  up   Web  services   Web  apps   Web  analyRcs   Web  speed  
  21. 21. Agile  caught  on   www.scrumalliance.org/learn_about_scrum  
  22. 22. hdp://agilemanifesto.org/  
  23. 23. The  changing  role  of  design   Design  as  team  responsibility   Cross-­‐funcRonal  pairing   Designer  as  facilitator   Product  owner  team  
  24. 24. What  is  “Lean  UX?”  Image  |  @thinknow  
  25. 25. Jeffrey  Liker  
  26. 26. Mary  Poppendieck  
  27. 27. Eric  Ries  
  28. 28. Lean  Startup  influences  Customer   Short  cycles,   Reduce  risk  Development   iteraRve   development  
  29. 29. Janice  Fraser  
  30. 30. Josh  Seiden,  Jeff  Gothelf  
  31. 31. User  Experience  &  Lean  Startup  Image  |  iStockPhoto  
  32. 32. AssumpRons%and%Experiments% Great%idea!% 3"MONTHS?" Well,%that% didn’t%work% 3"HOURS!!"Credit%|%Janice%Fraser%
  33. 33. Small,%frequent%correcRons%UnVvalidated%assumpRons% RISK% % (design%debt)% Time% Credit%|%Janice%Fraser%
  34. 34. Talking  to  customers    shouldn’t  be  a  special  occasion  Flickr  |  ...love  Maegan  
  35. 35. What’s  the  most  lightweight  thing  you  can  make  to  test  your  idea?  Flickr  |  vivekkhurana  
  36. 36. The  Lean  Startup  cycle  Credit  |  The  Lean  Startup  
  37. 37. The  Lean  Startup  (UX)  cycle     Personas,  needs   and  uses   Customer   Prototypes  &   ConversaRons   Experiments   QualitaRve   evaluaRon     Credit  |  The  Lean  Startup  
  38. 38. Quick    Visual    CollaboraRve    ConRnuous  
  39. 39. Team  interview  planning   Image  @thinknow    |  Atomic  Object  
  40. 40. Interview  guides  Image  @thinknow    |  LUXr  
  41. 41. Visual  radiator:  interview  planning   Image  @thinknow    |    Lean  Startup  Machine   43  
  42. 42. Pair  interviewing   Image  @thinknow    |  Atomic  Object  
  43. 43. Visual  radiator:  interview  debrief   Image  @thinknow    |    LUXr   45  
  44. 44. Personas  before  interviews  Image  @thinknow    |    LUXr  
  45. 45. Personas  aver  interviews   Image  @thinknow    |  Atomic  Object  
  46. 46. Team  sketching   Image  @thinknow    |  AED  Meetup  
  47. 47. Visual  radiator:  team  sketches   Image  @thinknow    |    LUXr  
  48. 48. Feedback  on  paper  prototype   Image  @thinknow    |    Lean  Startup  Machine  
  49. 49. Results  of  collaboraRve  design     Image  @thinknow    |    LUXr  
  50. 50. Cross-­‐funcRonal  pairing   Image:  Flickr,  danicuki  
  51. 51. Just  enough  documentaRon   Image  @thinknow    |    Knowsy   53  
  52. 52. Thank  you!   Lean  Design  &   Agile  Development     for  Web  &  Mobile  

×