User Experience - More Than Just a Pretty Stick

1,857 views
1,762 views

Published on

Presented at QconSF http://qconsf.com/sf2012/tracks/show_track.jsp?trackOID=678

What is user experience (UX)? Why does it matter? UX design is more than just making things look good. How do you create a compelling product that balances user and business needs, efficiently, using the resources you have?

This presentation provide a framework for thinking about the UX of your product and contains examples of my work as a product designer and UX coach for Agile and Lean Startup teams.

1 Comment
4 Likes
Statistics
Notes
No Downloads
Views
Total views
1,857
On SlideShare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
0
Comments
1
Likes
4
Embeds 0
No embeds

No notes for slide

User Experience - More Than Just a Pretty Stick

  1. 1. User  Experience  More  Than  Just  a  Pre5y  S8ck  QconSF  Nov  7,  2012  
  2. 2. 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)  
  3. 3. 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  
  4. 4. UX  is  a  hot  topic    New  devices      Web-­‐connected  world    Every  business  an  e-­‐business    Social  media  revolu8on    Low  switching  cost  
  5. 5. Every  product  has  a  user  experience,  whether  you  plan  it  or  not  
  6. 6. Every  product  decision  you  make  is  a  design  decision  -­‐  Josh  Seiden  
  7. 7. You  can’t  just  “hit  it  with  the  pre5y  s8ck”  Flickr  |  CaroH   8  
  8. 8. Focus  on  the  problem,  not  the  solu8on  Flickr  |  woodleywonderworks  
  9. 9. PEOPLE   NEEDS  Business  vision   USES   UI  design,   wireframes,   visual  design   FEATURES  
  10. 10. User  Experience  &  Lean  Startup   (Yum!)  Image  |  iStockPhoto  
  11. 11. Eric  Ries  
  12. 12. Customer   Short  cycles,   Reduce  risk  Development   itera8ve   development  
  13. 13. Reduce  inventory,  risk  and  waste   Great  idea!   3  MONTHS?   Well,  that   didn’t  work   3  HOURS!!  Credit  |  Janice  Fraser  
  14. 14. Small,  frequent  correcAons  Un-­‐validated  assumpAons   RISK     (design  debt)   Time  Credit  |  Janice  Fraser  
  15. 15. Talking  to  customers    shouldn’t  be  a  special  occasion  Flickr  |  ...love  Maegan  
  16. 16. What’s  the  most  lightweight  thing  you  can  make  to  test  your  idea?  Flickr  |  vivekkhurana  
  17. 17. The  Lean  Startup  cycle  Credit  |  The  Lean  Startup  
  18. 18. The  Lean  Startup  (UX)  cycle     Personas,  needs   and  uses   Customer   Prototypes  &   Conversa8ons   Experiments   Qualita8ve   evalua8on    Credit  |  The  Lean  Startup  
  19. 19. Quick    Visual    Collabora8ve    Con8nuous  
  20. 20. Team  interview  planning  Image  @thinknow    |  Atomic  Object  
  21. 21. Interview  guides  Image  @thinknow    |  LUXr  
  22. 22. Visual  radiator:  interview  planning  Image  @thinknow    |    Lean  Startup  Machine   21  
  23. 23. Pair  interviewing  Image  @thinknow    |  Atomic  Object  
  24. 24. Visual  radiator:  interview  debrief  Image  @thinknow    |    LUXr   23  
  25. 25. Personas  before  interviews  Image  @thinknow    |    LUXr  
  26. 26. Personas  aler  interviews  Image  @thinknow    |  Atomic  Object  
  27. 27. Team  sketching  Image  @thinknow    |  AED  Meetup  
  28. 28. Visual  radiator:  team  sketches  Image  @thinknow    |    LUXr  
  29. 29. Feedback  on  paper  prototype  Image  @thinknow    |    Lean  Startup  Machine  
  30. 30. Results  of  collabora8ve  design    Image  @thinknow    |    LUXr  
  31. 31. Cross-­‐func8onal  pairing  Image:  Flickr,  danicuki  
  32. 32. Just  enough  documenta8on  Image  @thinknow    |    TIGC   31  
  33. 33. Thank  you!   Lean  Design  &   Agile  Development     for  Web  &  Mobile  

×