Top Banner
Paul Sherman Sherman Group User Experience The Role of Personas, Design Briefs, Stories, Storyboards and Wireframes in the Ideation/Design/Build Process
50

From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

Aug 20, 2015

Download

Technology

Paul Sherman
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

Paul Sherman Sherman Group User Experience

The Role of Personas, Design Briefs, Stories, Storyboards and Wireframes in the Ideation/Design/Build Process

Page 2: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 It’s  easy  to  become  trapped  into  a  product-­‐  or  market-­‐  centered  

perspective…  and  lose  site  of  what  the  customer  needs.  

 The  UX  field  gives  you  tools  to  put  and  keep  focus  on  the  customer,  release  

after  release.  

2  

Page 3: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

It’s  easy,  actually…  

Go  visit  the  customers  Profile  them  

Build  personas  from  the  profiles    Tell  the  customers’  stories  (“agile”-­‐ly)  

Illustrate  the  stories  

3  

Page 4: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

And  most  importantly…  

Socialize  and  share  your  customer  insights!  

I’ll  tell  you  how  at  the  end.    

4  

Page 5: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

5  

Page 6: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 Too  product-­‐focused:  

 Thinking  about  the  product  in  terms  of  the  features  it  supports.  

6  

Page 7: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 Leads  to  feature  matrix  thinking…  

 And  a  “presence-­‐absence”  mindset…  

 Which  de-­‐emphasizes  designing  to  satisfy  users’  goals  and  workflow.  

7  

Page 8: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 Too  market-­‐focused:  

 Thinking  about  customers  at  the  market  level,  not  in  terms  of  individuals,  their  goals,  and  their  workflow.  

8  

Page 9: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 Knowing  your  segment  and  competitors  doesn’t  tell  you  how  to  design  the  product!  

9  

Page 10: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

  Know  the  product      Know  the  market    Know  the  people  who  use  the  product!  

10  

Page 11: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

That  is…  know  your  customers’…    Capabilities  and  constraints    Goals    Workflow    Context  of  use  

Note:  you  can’t  get  this  from  a  survey  or  a  focus  group  session.  

11  

Page 12: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

12  

Page 13: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 Go  visit  the  customers  where  they  use  your  product  or  service…  not  in  a  focus  group  facility!  

13  

Page 14: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

Why?  Two  great  reasons:    1.  Self-­‐report  is  unreliable.  (People  don’t  

mean  to  lie,  they  just  do.)  

2.  Remove  people  from  their  context,  and  you  can’t  see  –  and  they  can’t  remember  -­‐  the  details  of  their  tasks.  

14  

Page 15: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

15  

Page 16: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

“Can’t  you  just  figure  that  stuff  out?”  

Not  so  much…  

Good  product  design  flows  from  understanding  the  users…and  

understanding  them  means  observing  them.  

16  

Page 17: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 “We  don’t  have  time  to  go  into  the  field!”  

I  call  BS  on  that…  

 It’s  not  hard  or  time-­‐consuming  if  done  right…plus  it  prevents  churn.  

17  

Page 18: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 “It’s  too  expensive!”  

You  can  do  quality  user  research  for  a  few  thousand  dollars.  

If  you  can’t  afford  that,  you  have  other  problems.  

18  

Page 19: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

Generating  insights  from  field  observation  is  not  hard  or  time-­‐consuming.  

But  sharing  and  socializing  it  is  critical.  We’ll  cover  this  before  the  end  of  the  session.    

19  

Page 20: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

Have  I  convinced  you  that  you  need  qualitative,  detailed,  individual-­‐level  user  research?    

If  not,  let  me  tell  you  a  story…  

20  

Page 21: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

At  my  former  company  we  nearly  missed  a  big  gap  in  the  product  experience…  

…and  we  only  found  the  problem  through  field  observations.  

21  

Page 22: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

What  did  we  miss?  

The  install  experience  was  too  hard.  

We  thought  it  was  decent.  but  when  we  took  the  beta  to  new  customers  and  watched  what  happened…  we  wanted  to  cry.  

22  

Page 23: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

…unless  we  watched  them!  

23  

Page 24: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

24  

Page 25: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

1.  Converting  observation  insights  into  useful  product  management  and  design  guidance.  

2.  Using  the  content  to  socialize  insights,  attain  alignment,  and  maintain  focus  on  the  customer.  

25  

Page 26: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 How  many  of  you  write  business  requirements  documents?  

26  

Page 27: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 Does  it  look  something  like  this?    

27  

Page 28: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

28  

Page 29: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

Where’s  the  user  in  that?  

Yeah,  there’s  actors…but  does  UML  really  tell  you  anything  about  your  users?  

29  

Page 30: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

A  “different”  kind  of  BRD…  

[show  sample]  

30  

Page 31: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

A  BRD  with  business  requirements  AND…    A  design  brief    Personas  built  from  user  observations    User  stories  (in  agile  format)    Storyboards  with  wireframes  

31  

Page 32: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

You  tell  me.  

32  

Page 33: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 Don’t  make  it  too  complex!  

 Include  stuff  like  goals,  tasks  and  context.    

 But  don’t  go  crazy…  it’s  not  rocket  science!  

33  

Page 34: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

34  

Page 35: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

35  

Page 36: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 Again,  don’t  go  crazy.  Let  me  show  you  wireframes  and  storyboard  for  part  of  an  app  I’m  working  on  this  week.    

 Context:  I  am  designing  a  way  for  people  to  create  an  update,  like  on  Twitter  or  Facebook.  

36  

Page 37: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

37  

Page 38: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

38  

Page 39: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

39  

Page 40: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

40  

Page 41: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

41  

Page 42: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

42  

Page 43: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

Your  immediate  goal  is  to  get  the  product  built  right.    

But  what  you  really  want  to  do  is  get  your  organization  aligned  on  the  customer  

experience.  

How?  

43  

Page 44: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

Placemats,  pictures,  posters,  wall  space…  

44  

Page 45: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

What’s  my  point?  

When  you  go  to  the  field,  profile  users,  and  build  personas,  you’re  gaining  incredible  

insight  into  your  customer  base.    

Bring  your  developers  and  management  along  on  this  journey!  

45  

Page 46: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

If  you  can’t  physically  bring  them  to  the  field,  share  what  you’ve  gleaned  from  the  field  

back  at  the  office:    

Hang  it  on  your  walls  &  boards  Make  “persona  placemats”  and  leave  them  in  

the  lunchroom  Put  persona  or  profile  “posters”  in  every  

meeting  room  

46  

Page 47: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

This  is  how  you  align  your  organization  on  the  user  experience  –  by  sharing  the  field  insights.  

47  

Page 48: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

  Visit  your  customers  in  their  environment!    Profile  them,  make  personas  and  tell  their  stories.  

  Storyboard  their  stories  with  wireframes.    Get  your  organization  to  really  understand  the  customer….not  just  the  market  or  the  product!  

48  

Page 49: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 What  are  your  experiences  in  this  area?  

49  

Page 50: From Personas to Production: The Role of Personas, Design Briefs, Stories, Storyboards, and Wireframes in the Ideation/Design/Build Process

 Paul  Sherman    Sherman  Group  User  Experience    www.shermanux.com    [email protected]    Twitter:  @pjsherman  

50