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	
  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)	
  
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 DESIGN




Credit	
  |	
  Dan	
  Saffer	
  
UX	
  is	
  a	
  hot	
  topic	
  
  	
  New	
  devices	
  	
  
  	
  Web-­‐connected	
  world	
  
  	
  Every	
  business	
  an	
  e-­‐business	
  
  	
  Social	
  media	
  revolu8on	
  
  	
  Low	
  switching	
  cost	
  
Every	
  product	
  has	
  a	
  user	
  experience,	
  
whether	
  you	
  plan	
  it	
  or	
  not	
  
Every	
  product	
  decision	
  you	
  make	
  is	
  a	
  
design	
  decision	
  

-­‐	
  Josh	
  Seiden	
  
You	
  can’t	
  just	
  “hit	
  it	
  with	
  the	
  pre5y	
  s8ck”	
  




Flickr	
  |	
  Caro'H	
                                               8	
  
Focus	
  on	
  the	
  problem,	
  not	
  the	
  solu8on	
  




Flickr	
  |	
  woodleywonderworks	
  
PEOPLE	
  


                          NEEDS	
  
Business	
  vision	
  

                           USES	
       UI	
  design,	
  
                                        wireframes,	
  
                                        visual	
  design	
  
                         FEATURES	
  
User	
  Experience	
  &	
  Lean	
  Startup	
  
                 (Yum!)	
  




Image	
  |	
  iStockPhoto	
  
Eric	
  Ries	
  
Customer	
        Short	
  cycles,	
     Reduce	
  risk	
  
Development	
     itera8ve	
  
                  development	
  
Reduce	
  inventory,	
  risk	
  and	
  waste	
  




      Great	
  idea!	
                3	
  MONTHS?	
     Well,	
  that	
  
                                                         didn’t	
  work	
  

                                      3	
  HOURS!!	
  


Credit	
  |	
  Janice	
  Fraser	
  
Small,	
  frequent	
  correcAons	
  


Un-­‐validated	
  
assumpAons	
  



                                                 RISK	
             	
  
                                                 (design	
  debt)	
  




                                      Time	
  
Credit	
  |	
  Janice	
  Fraser	
  
Talking	
  to	
  customers	
  	
  
shouldn’t	
  be	
  a	
  special	
  occasion	
  




Flickr	
  |	
  ...love	
  Maegan	
  
What’s	
  the	
  most	
  lightweight	
  thing	
  
you	
  can	
  make	
  to	
  test	
  your	
  idea?	
  




Flickr	
  |	
  vivekkhurana	
  
The	
  Lean	
  Startup	
  cycle	
  




Credit	
  |	
  The	
  Lean	
  Startup	
  
The	
  Lean	
  Startup	
  (UX)	
  cycle	
  	
  
                                            Personas,	
  needs	
  
                                            and	
  uses	
  


               Customer	
  
                                                                 Prototypes	
  &	
  
               Conversa8ons	
  
                                                                 Experiments	
  




                                             Qualita8ve	
  
                                             evalua8on	
  	
  

Credit	
  |	
  The	
  Lean	
  Startup	
  
Quick	
  	
  
Visual	
  	
  
Collabora8ve	
  	
  
Con8nuous	
  
Team	
  interview	
  planning	
  




Image	
  @thinknow	
  	
  |	
  Atomic	
  Object	
  
Interview	
  guides	
  




Image	
  @thinknow	
  	
  |	
  LUXr	
  
Visual	
  radiator:	
  interview	
  planning	
  




Image	
  @thinknow	
  	
  |	
  	
  Lean	
  Startup	
  Machine	
     21	
  
Pair	
  interviewing	
  




Image	
  @thinknow	
  	
  |	
  Atomic	
  Object	
  
Visual	
  radiator:	
  interview	
  debrief	
  




Image	
  @thinknow	
  	
  |	
  	
  LUXr	
         23	
  
Personas	
  before	
  interviews	
  




Image	
  @thinknow	
  	
  |	
  	
  LUXr	
  
Personas	
  aler	
  interviews	
  




Image	
  @thinknow	
  	
  |	
  Atomic	
  Object	
  
Team	
  sketching	
  




Image	
  @thinknow	
  	
  |	
  AED	
  Meetup	
  
Visual	
  radiator:	
  team	
  sketches	
  




Image	
  @thinknow	
  	
  |	
  	
  LUXr	
  
Feedback	
  on	
  paper	
  prototype	
  




Image	
  @thinknow	
  	
  |	
  	
  Lean	
  Startup	
  Machine	
  
Results	
  of	
  collabora8ve	
  design	
  	
  




Image	
  @thinknow	
  	
  |	
  	
  LUXr	
  
Cross-­‐func8onal	
  pairing	
  




Image:	
  Flickr,	
  danicuki	
  
Just	
  enough	
  documenta8on	
  




Image	
  @thinknow	
  	
  |	
  	
  TIGC	
     31	
  
Thank	
  you!	
  



   Lean	
  Design	
  &	
  
   Agile	
  Development	
  	
  
   for	
  Web	
  &	
  Mobile	
  

User Experience - More Than Just a Pretty Stick