website usability tutorial for online marketers

73

Upload: paul-sherman

Post on 27-Jan-2015

110 views

Category:

Technology


0 download

DESCRIPTION

Tutorial for the Online Marketing Institute at the Online Marketing Summit, October 2009, San Diego CA.

TRANSCRIPT

Page 1: Website Usability Tutorial For Online Marketers
Page 2: Website Usability Tutorial For Online Marketers

  Definitions,  terms,  principles    Some  real-­‐world  examples    Easy  things  you  can  do  today    Questions  and  discussion  

2  

Page 3: Website Usability Tutorial For Online Marketers

 …and  those  are  the  last  bullet  points  you’ll  see  from  me!  

 (I  hate  bullet  points  and  sentence  fragments.)  

3  

Page 4: Website Usability Tutorial For Online Marketers

4  4  

Page 5: Website Usability Tutorial For Online Marketers

 What  is  usability?      Your  intended  users  can  accomplish  what  they’re  trying  to  do  on  your  site  or  with  your  product.    

 Usability  has  several  components.  It  can  mean  learnable,  memorable,  efficient,  and/or  error-­‐tolerant.  

5  

Page 6: Website Usability Tutorial For Online Marketers

How  about  this?  

 Usability  is…  

Getting  people  to  what  they  want  or  need  as  quickly  as  possible,  in  a  way  that  assures  that  they:  

Can  figure  out  what  to  do  next  Understand  why  they  should  do  it  

See  how  to  do  it  (And  will  like  doing  it)  

6  

Page 7: Website Usability Tutorial For Online Marketers

7  

Page 8: Website Usability Tutorial For Online Marketers

8  

Page 9: Website Usability Tutorial For Online Marketers

9  

Page 10: Website Usability Tutorial For Online Marketers

10  

Page 11: Website Usability Tutorial For Online Marketers

11  

Page 12: Website Usability Tutorial For Online Marketers

12  

Page 13: Website Usability Tutorial For Online Marketers

Getting  people  to  what  they  want  or  need  as  quickly  as  possible  so  they  can:  

Figure  out  what  to  do  next  Understand  why  they  should  do  it  

See  how  to  do  it  (And  will  like  doing  it)  

13  

Page 14: Website Usability Tutorial For Online Marketers

What  

Why  

How    

Like    

14  

Page 15: Website Usability Tutorial For Online Marketers

15  15  

Page 16: Website Usability Tutorial For Online Marketers

Let  me  hear  your  definitions:  

16  

Page 17: Website Usability Tutorial For Online Marketers

 I  like  this  definition:  

 The  fundamental  purpose  of  marketing  is  to  identify  what  people  want  and  need,  then  satisfy  those  customers.    

 John  Rhodes,  4  Jan  08.  http://bit.ly/BtfUF    

17  

Page 18: Website Usability Tutorial For Online Marketers

Sound  familiar?  

18  

Page 19: Website Usability Tutorial For Online Marketers

Marketing      SEO    Design  Usability  Identify  what      Make  it    Give  it  to  Ensure  that  

 they  want    findable        them    you  gave  it  

                   to  them  

19  

Page 20: Website Usability Tutorial For Online Marketers

20  20  

Page 21: Website Usability Tutorial For Online Marketers

 When  people  talk  about  “usability”,  they’re  usually  talking  about  user-­‐centered  design.  

Without  a  design,  you  have  nothing  to  usability  test!  

21  

Page 22: Website Usability Tutorial For Online Marketers

 Respect  design.  And  designers.    

They  help  create  the  emotional  bond  that  you’re  trying  to  build  with  your  audience.  

22  

Page 23: Website Usability Tutorial For Online Marketers

 Like  “security”  and  “accessibility”  (and  “beauty”),  usability  is  experiential  –  it’s  

experienced  by  the  perceiver.    

Usability  cannot  be  claimed,  it  can  only  be  established  through  demonstration.    

23  

Page 24: Website Usability Tutorial For Online Marketers

Determine  whether  your  intended  users  can:    

Figure  out  what  to  do  next  Understand  why  they  should  do  it  

See  how  to  do  it  (And  will  like  doing  it)  

24  

Page 25: Website Usability Tutorial For Online Marketers

25  25  

Page 26: Website Usability Tutorial For Online Marketers

 User-­‐centered  design  is  a  process  in  which  the  needs,  wants,  and  limitations  of  users  are  given  extensive  attention  at  each  stage  of  the  ideation,  define,  and  design  phases.    

26  

Page 27: Website Usability Tutorial For Online Marketers

Design  

Research  

Wireframes  Interaction  design  

Visual  design  

Persona  definition  Site  visits  

Workflow  analysis  User  role  identification  

Usability  

Two  parallel  work  streams:  

27  

Page 28: Website Usability Tutorial For Online Marketers

Design  

Research  

Wireframes  Visual  design  

Iterate  design    and    personas  

Iterate  design    and    personas  

Validated  design  

Validated  user  models  

Customer    site  visits  

Synthesis  of  customer  roles  and  workflow.  Usability  evaluation.  

“Default”  personas  

End  result:  

Time  

28  

Page 29: Website Usability Tutorial For Online Marketers

29  

Page 30: Website Usability Tutorial For Online Marketers

30  

Page 31: Website Usability Tutorial For Online Marketers

Model  your  users!  

Start  from  demographic  data,  if  you  have  it.    Then  interview  and  observe  some  real  users  

Identify  their  typical  goals,  experiences,  needs.    

31  

Page 32: Website Usability Tutorial For Online Marketers

 It’s  not  “rocket  surgery.”    

You  can  do  this!  

32  

Page 33: Website Usability Tutorial For Online Marketers

  Define  your  users,  their  goals,  and  their  constraints.  

  Design  interactions  to  meet  the  personas’  needs…    Does  your  persona  need  lots  of  support  and  reassurance?  Hold  their  hand!  

  Do  they  want  to  go  fast?  Let  ‘em  tab  through  fields.  Don’t  ask  for  information  you  don’t  absolutely  need.    

  Test  your  design  with  actual  users.    Optimize  with  A/B/multivariate  testing.  

33  

Page 34: Website Usability Tutorial For Online Marketers

OK,  I  lied  about  “no  more  bullets.”  

34  

Page 35: Website Usability Tutorial For Online Marketers

 The  job  of  research    Determine  the  target  users’  characteristics.  

 Model  the  users.  

 Ensure  that  design  understands  and  accounts  for  the  user  characteristics.  

 Assess  whether  the  design  addresses  the  three  W’s  and  one  L.  

35  

 The  job  of  design    Answer  the  visitors’  questions  and  counter  their  objections.  

 State  the  offering’s  value.  

 Clearly  indicate  price.  (Or  clearly  indicate  how  to  get  to  it.)  

 Show  them  the  path  to  uptake.    

Page 36: Website Usability Tutorial For Online Marketers

An  e-­‐commerce  web  site  I’ve  worked  on…  

 First,  the  quick  usability  fix.    

Then  we’ll  evaluate  it  live…  three  W’s  and  one  L-­‐style.  

36  

Page 37: Website Usability Tutorial For Online Marketers

37  

Page 38: Website Usability Tutorial For Online Marketers

38  

Page 39: Website Usability Tutorial For Online Marketers

That  button  increased  the  percentage  of  clicks  to  the  configure  and  purchase  path  by  (low)  

double  digits.  

Who  knew  that  one  button  could  make  such  a  big  difference?  

Well,  I  did  actually…    

39  

Page 40: Website Usability Tutorial For Online Marketers

 [Let’s  look  at  a  site  together]  

40  

Page 41: Website Usability Tutorial For Online Marketers

 Define  (business  goals,  target  users,  personas)  

 Validate  (assumptions  about  users)  

 Design  (workflow,  interactions,  layout,  visuals)  

 Validate  (whether  the  design  achieves  the  goals)  

 Implement  and  assess…and  repeat  

41  

Page 42: Website Usability Tutorial For Online Marketers

42  42  

Page 43: Website Usability Tutorial For Online Marketers

Ask  yourself  these  questions:  

Have  you  defined  your  users  well?  

If  not,  your  site  might  not  be  as  usable  as  you  think!  

43  

Page 44: Website Usability Tutorial For Online Marketers

Ask  yourself  these  questions:  

Are  you  clear  on  what  you  want  your  site  to  accomplish?    

Believe  it  or  not,  sometimes  organizations  aren’t.  

44  

Page 45: Website Usability Tutorial For Online Marketers

Ask  yourself  these  questions:  

Have  you  tested  your…  

Home  page?  Landing  pages?  Account  creation  flow?  Product  pages?  Main  conversion  flows?  

45  

Page 46: Website Usability Tutorial For Online Marketers

Ask  yourself  these  questions:  

Have  you  begun  to  A/B/multivariate  optimize?  Make  it  a  Darwinian  struggle…survival  of  the  

fittest  (pages)  

46  

Page 47: Website Usability Tutorial For Online Marketers

 If  you  do  even  some  of  these  things,  you’ll  be  on  your  way  to  a  better  designed  and  more  

usable  site.    

And  you’ll  convert  more  visitors  (to  users,  community  members,  buyers,  reviewers,  

whatever  your  goal  is).    

47  

Page 48: Website Usability Tutorial For Online Marketers

Often,  doing  these  things  require  that  you  change  your  organization.  And  changing  

organizations  is  hard!  

You  need  a  strategy  and  an  implementation  plan.    

And  you’re  going  to  have  to  sell  the  plan.  

48  

Page 49: Website Usability Tutorial For Online Marketers

 “[Strategy  is]  A  long  term  plan  of  action  designed  to  achieve  a  particular  goal.”  

 “Strategy  is  differentiated  from  tactics  or  immediate  actions  by  its  orientation  on  affecting  future,  not  immediate  conditions.”  

49  Wikipedia.org  

Page 50: Website Usability Tutorial For Online Marketers

50  

Driving  from  the  airport  to  the  hotel  

Page 51: Website Usability Tutorial For Online Marketers

51  

 Strategic  plan:  Go  from  airport  to  hotel  

 Tactics:      Make  some  turns  

Page 52: Website Usability Tutorial For Online Marketers

How  do  you  “do”  strategic  user  experience?    

It  sometimes  means    big  changes.    

It  often  drives  process  and  organizational  structure  changes.  

52  

Page 53: Website Usability Tutorial For Online Marketers

 Remember,  in  many  organizations,  departments  and  teams  are  incented  to  create  bad  user  experiences.  

 Changing  organization  structures  and  incentives  to  refocus  on  the  customer  is  hard  work.  

53  

Page 54: Website Usability Tutorial For Online Marketers

 Offline:      Nordstrom’s.  Virgin  Air.  

 Online:    Zappos.  Amazon.  Land’s  End.  (Offline  too.)    

 Who  else?  

54  

Page 55: Website Usability Tutorial For Online Marketers

The  sad  truth:  most  organizations  don’t  align  on  the  

user  experience.  

55  

Page 56: Website Usability Tutorial For Online Marketers

 Everybody’s.  And  nobody’s.    

 That’s  the  problem.    

56  

Page 57: Website Usability Tutorial For Online Marketers

How  do  you  take  a  strategic  approach  to  creating  a  great    

user  experience?    

 Four  very  hard  easy  steps…  

57  

Page 58: Website Usability Tutorial For Online Marketers

 1.  Alignment    Find  the  disincentives  to  delivering  a  good  user  experience,  then  surface  them  to  your  leadership.  Eliminate  them.  

 Advocate  for  tweaking  the  business  model  if  you  need  to.    

 Don’t  take  “bad  profits”.  Bad  profits  are  unsustainable  profits.  

58  

Page 59: Website Usability Tutorial For Online Marketers

 2.  Values    Be  open  to  learning  and  improving  the  user  experience.    

 Those  aphorisms  about  the  customer  always    being  right?  They’re  all  true.  

 Remember  the  guy  who  complained  about  the  food  on  Virgin  Air?  He’s  now  a  taster.  Stunt?  Yes.  But  effective  and  revealing!  

59  

Page 60: Website Usability Tutorial For Online Marketers

 3.  Assess  the  user  experience  holistically    Walk  the  customer  corridor.  Assess  the  total  experience  –  not  just  the  user  interface.  

 Find  the  sticky  points,  the  little  trapdoors.  

 Remember,  one  bad  touchpoint  affects  the  whole  brand.  

60  

Page 61: Website Usability Tutorial For Online Marketers

 From  sign-­‐up  to  initial  use…free  to  pay  conversion…calling  and  emailing  help,  tech  support,  and  billing…even  closing  the  account.  

61  

Page 62: Website Usability Tutorial For Online Marketers

 If  you  don’t  know  about  this  concept,  talk  to  your  product  managers.  They  do.  

62  A  typical  product  manager-­‐y  image…    

Page 63: Website Usability Tutorial For Online Marketers

 4.  Leverage  user  experience  design    Don’t  just  fix  the  little  user  experience  trapdoors  and  holes.    

 Assess  and  redesign  the  customer  touchpoints…  all  of  them.    

63  

Page 64: Website Usability Tutorial For Online Marketers

Yeah,  but…  how  do  I  get  my  organization  to  do  this?    

“Initiative”  

64  

Page 65: Website Usability Tutorial For Online Marketers

Give  yourself  a  new  job:    “Change  agent”  

Easy  to  say…  harder  to  put  into  practice.  

65  

Page 66: Website Usability Tutorial For Online Marketers

A  person  who  leads  a  business  initiative  by:    Defining  and  researching  the  problem    Planning  the  intervention    Building  business  support  for  the  intervention    Enlisting  others  to  help  drive  change  

Isixsigma.com  UXmatters.com  –  “The  User  Experience  Practitioner  As  Change  Agent”  

66  

Page 67: Website Usability Tutorial For Online Marketers

“Change  agents  must  have  the  conviction  to  state  the  facts  based  on  data,  even  if  the  

consequences  are  associated  with  unpleasantness.”  

Isixsigma.com  Uxmatters.com  –  “The  User  Experience  Practitioner  As  Change  Agent”  

67  

Page 68: Website Usability Tutorial For Online Marketers

Successful  strategic  user  experience  is  not  just  about  delivering  a  design  or  testing  

the  site.  

68  

Page 69: Website Usability Tutorial For Online Marketers

It’s  about  aligning  the  organization  to  measure  and  improve  the  user  experience…  

Using  the  tools  and  techniques  of  user  research  and  usability  assessment.  

69  

Page 70: Website Usability Tutorial For Online Marketers

If  you’re  doing  your  job  right,  you’re  changing  your  

organization.  

“Initiative”  

70  

Page 71: Website Usability Tutorial For Online Marketers

71  

Page 72: Website Usability Tutorial For Online Marketers

 Connecting  Cultures,  Changing  Organizations:  The  User  Experience  Practitioner  As  Change  Agent.  Published  in  UXMatters  Magazine,  January  2007.  http://uxmatters.com/MT/archives/000162.php  

 Usability  For  Strategic  User  Experience.  http://www.slideshare.net/PaulSherman/usability-­‐for-­‐strategic-­‐user-­‐experience    

 A  Kit  For  Building  User  Experience  Teams  In  R&D  and  Product  Management  Organizations.  http://www.slideshare.net/PaulSherman/user-­‐experience-­‐kit    

72  

Page 73: Website Usability Tutorial For Online Marketers

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

73