usability tests

13
Usability Tests using Keynote NALANDA U Anup Gosavi

Upload: anup-gosavi

Post on 27-Jan-2015

111 views

Category:

Design


0 download

DESCRIPTION

A simple guide on how to use Keynote for Usability Tests. Includes: a. Steps to create an interactive mockup b. A short analysis of a sample mockup

TRANSCRIPT

Page 1: Usability tests

Usability Tests using Keynote

NALANDA U Anup Gosavi

Page 2: Usability tests

What  is  usability  testing?  !

Tes$ng  a  new  product    or  a  feature  with  users  and  seeing  how  they  use  it  

Page 3: Usability tests

Goals  of  usability  testing  !

1.  Observe  actual  users  interact  with  products  2.  Discover  errors  and  improve  workflow  3.  Judge  if  the  users  find  the  new  workflow  intui$ve  4.  Measure  $me  and  steps  required  to  complete  a  task  5.  Understand  the  emo$onal  connect  of  the  user:  What  does  she  remember?  6.  Understand  if  the  user  will  recommend  the  product  to  others  

Page 4: Usability tests

Normal  Process    !

Brainstorming  Features  

Creating  mockups/  user>lows  

Building  those  features  

Usability    tests  with  

focus  group  

Launch  

Feedback  and  

improvements  

Disadvantages:  Users  cannot  understand  how  the  product  will  look  and  feel  with  Mockups.  You  have  to  build  features  before  you  can  test  it  with  a  focus  group  

Page 5: Usability tests

Opportunity  !

Crea$ng  rich,  interac$ve  mockups  that  a.Simulate  the  new  product  features  visually  b.  Take  less  $me  to  create      

Page 6: Usability tests

Mockups  with  Keynote  !

Keynote  is  not  just  for  presenta$ons.  It  can  be  used  to  create  user  flows  

Page 7: Usability tests

!

See  this  example

Page 8: Usability tests

Mindlit

Name

Email

Start learning

!

This  was  created  in  Keynote  using  different  shapes  and  images

Page 9: Usability tests

!

Lets  analyze  this

Page 10: Usability tests

Mindlit

Name

Email

Start learning

An  image  that  gives  an  idea    how  the  site  might  look

A  login  box  created  with  shapes

Company  name  and  space  for  taglines.  Can  also  be  used    

to  test  marketing    communications

A  button  that  links  to    another  slide

Page 11: Usability tests

!

1.  Each  slide  is  a  different  page  of  your  new  product/  feature.  

2.  Use  images  off  the  internet  that  are  closest  to  your  vision    

3.  Now  all  you  have  to  do  is  connect  the  slides  in  a  way  that  

mimics  the  workflow  of  the  new  feature.  

!

How  to  

continued  on  next  slide…..  

Page 12: Usability tests

4.  For  this  create  ‘naviga$on  bu[ons/  call  to  ac$ons’  using  shapes.    

5.  Make  them  ’clickable’  by  linking  the  shape  to  the  next  screen.    

(Right  click-­‐>  Add  Link-­‐>  Slide  number)  

6.  Use  this  mockup  in  full  screen  mode  and  do  the  user  tests  

according  to  the  standard  protocol

How  to  

Page 13: Usability tests

Usability Tests using Keynote

NALANDA U

..end..