• Save
Knowsy: Applying Agile UX Methods to iPad Game Design
Upcoming SlideShare
Loading in...5
×
 

Knowsy: Applying Agile UX Methods to iPad Game Design

on

  • 4,999 views

Presented at the Agile Experience Design Meetup at Pivotal NYC, May 5, 2011.

Presented at the Agile Experience Design Meetup at Pivotal NYC, May 5, 2011.

Statistics

Views

Total Views
4,999
Views on SlideShare
4,968
Embed Views
31

Actions

Likes
11
Downloads
0
Comments
1

7 Embeds 31

http://innodesk.wordpress.com 15
http://www.twylah.com 4
https://twitter.com 4
http://paper.li 3
http://twitter.com 2
http://innodesk.posterous.com 2
https://si0.twimg.com 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • If you're interested in this case study, please also see my other deck http://www.slideshare.net/LaneHalley/knowsy-ipad-game-case-study
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Knowsy: Applying Agile UX Methods to iPad Game Design Knowsy: Applying Agile UX Methods to iPad Game Design Presentation Transcript

  • KNOWSY  Applying  Agile  UX  Methods    to  iPad  Game  Development  Agile  User  Experience  Meetup  May  5,  2011  Lane  Halley    @thinknow  
  • Who’s  here  tonight?     What  role(s)  do  you  fill?     What  kind  of  products  do  you  work  on?     What  kind  of  company  do  you  work  for?  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   2   3.0  United  States  
  • About  me     Freelance  product  designer     Agile  /  UX  Coach     20+  years  in  SW  development     Cooper  Fellow  (Goal-­‐Directed   Design©,  Personas)     Co-­‐director,  NYC  LUXr  program  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   3   3.0  United  States  
  • What  are  agile  UX  methods?   User  experience  pracRces  support  an  agile   development  framework  when  they  are:     Quick     Visual     CollaboraRve     ConRnuous   Working  this  way  benefits  the  product  and  the  team  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   4   3.0  United  States  
  • What’s  a  serious  game?   A  serious  game  is  a  game  designed  for  a  primary   purpose  other  than  pure  entertainment.     Innova4on  Games:  Crea4ng   Breakthrough  Products  Through   Collabora4ve  Play   Luke  Hohmann  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   5   3.0  United  States  
  • Speedboat   Speedboat   Spider  web   Product  Box   Remember    the  future  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   6   3.0  United  States  
  • Knowsy™  is  [an  iPad]  game  where  you,  your   friends,  family  and  co-­‐workers  get  a   chance  to  find  out  how  well  you  know   each  other.  How?  By  guessing  each  others   favorite  items  in  a  host  of  categories.   hPp://itunes.apple.com/us/app/knowsy/id398269760?mt=8#  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   7   3.0  United  States  
  • What’s  the  game  like?     It’s  easier  to  demonstrate  than  explain.     Let’s  play  a  game!  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   8   3.0  United  States  
  • Geong  ready   Form  groups   of  three  people.   Each  person  gets   a  set  of  six  ice   cream  flavor   cards.   Pick  the  first  VIP   (Very  InteresRng   Person).  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   9   3.0  United  States  
  • Remove  one  flavor   The  VIP  removes   their  least  favorite   flavor  of  the  six.   Show  the  other     players  the  flavor   that’s  “out.”   All  players  remove   that  flavor  from   the  cards  for     this  turn.  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   10   3.0  United  States  
  • VIP  orders  cards   The  VIP  arranges     1 Most  Favorite   the  five  flavors   from  most  favorite   2 to  least  favorite.   3 4 Keep  your  cards   hidden  from  the     5 Least  Favorite   other  players  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   11   3.0  United  States  
  • VIP  done,  other  players  order  cards   The  VIP  puts  the   1 cards  face-­‐down   on  a  surface  (or   2 just  holds  them).   3 The  other  players   4 arrange  their   cards,  in  an  order   5 they    think  will   match  the  VIP’s   favorite  flavors.  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   12   3.0  United  States  
  • Other  players  order  cards   When  the  other   1 players  are  done,   they  put  their     2 cards  down  next   3 to  the  VIP’s  cards,   face-­‐up.     4 5 (or  just  hold  them)  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   13   3.0  United  States  
  • Score  the  round   5 0 #1  =  5  points   4 4 #2  =  4  points   #3  =  3  points   3 3 #4  =  2  points   2 2 #5  =  1  point   1 0 9  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   14   3.0  United  States  
  • Repeat  with  next  VIP   The  next  VIP   removes  their   least  favorite  flavor.   Show  the  other     players  the  flavor   that’s  “out.”   All  players  remove   that  flavor  from  the   cards  for  this  turn.  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   15   3.0  United  States  
  • Let’s  get  started!   1.  VIP  picks  five  flavors   2.  VIP  orders  the  flavors  (hidden)   3.  Other  players  order  flavors  (hidden),   try  to  match  VIP’s  order   4.  VIP  shows  choices,  players  show   choices,  score  round,  record  scores   5.  ConRnue  with  new  player  as  VIP   The  game  ends  when  all  players  have  been  VIP  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   16   3.0  United  States  
  • Turning  an  idea  into  an  iPad  game     How  could  we  translate  the  experience  of  this   game  into  an  iPad  applicaRon?     Here’s  a  behind-­‐the-­‐scenes  look  at  the  making     of  Knowsy  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   17   3.0  United  States  
  • Our  objecRves     Build  MVP  version  of  new  game  plavorm     Learn  iPad  programming     Introduce  UX  methods  to  an  agile  team     Ship  to  Apple  store  quickly  (~1  month)  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   18   3.0  United  States  
  • We  all  sat  together  in  one  room   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   19   3.0  United  States  
  • We  had  story  cards   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   20   3.0  United  States  
  • We  had  screen  designs   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   21   3.0  United  States  
  • We  even  had  a  persona  We  even  had  a  persona   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   22   3.0  United  States  
  • But,  there  were  a  few  sRcky  spots     We  argued  about  what  was  important     It  didn’t  feel  like  we  were  all  working  on     the  same  thing     We  worried  about  finishing  on  Rme     The  designer  ley  the  project  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   23   3.0  United  States  
  • What  was  wrong?     The  team  didn’t  have  a  shared  vision  of  what   we  were  building     Here  are  some  different  things  I  tried  to  help   fix  this  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   24   3.0  United  States  
  • Experiment  1:  collaboraRve  sketching   Ask  the  front-­‐end  developer  to  draw  me  a  picture  of   the  game  screen  flow    www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   25   3.0  United  States  
  • This  helped  us  develop  a  shared  understanding   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   26   3.0  United  States  
  • Experiment  2:  context  scenario   Create  a  context  scenario  to  help  us  imagine  the   specific  contents  of  each  screen  during  each  step   of  the  game  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   27   3.0  United  States  
  • The  team  was  interested,  but  not  inspired   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hGp://innova4ongames.com/   3.0  United  States   28  
  • Experiment  3:  low-­‐fi  screen  layouts     Using  Omnigraffle,  create  screen  layouts  to   illustrate  each  of  the  the  scenario  steps     I  worked  on  it  all  weekend,  and  presented  it   to  the  team  Monday  morning  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   29   3.0  United  States  
  • This  generated  lots  of  conversaRon  and  ideas   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   30   3.0  United  States  
  • Experiment  4:  paper  prototype   Make  a  paper  prototype  of  the  whole  game  to   quickly  capture  what  the  team  had  just  decided  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   31   3.0  United  States  
  • Who’s  in  the  game?   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   32   3.0  United  States  
  • Who’s  the  first  VIP?   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   33   3.0  United  States  
  • VIP  picks  a  topic   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   34   3.0  United  States  
  • VIP  orders  the  list   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   35   3.0  United  States  
  • Who’s  the  first  player?   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   36   3.0  United  States  
  • Player  one,  are  you  ready?   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   37   3.0  United  States  
  • Player  one’s  turn   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   38   3.0  United  States  
  • We  were  now  back  on  track     Playing  the  game  together  using  the  paper   prototype  created  a  shared  experience  for  the   team     Everyone  was  having  fun  again  and  we  all   understood  what  we  were  building  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   39   3.0  United  States  
  • We  added  scenario  steps  (ley)  and  annotaRons  (right)   www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike   hPp://innovaRongames.com/   40   3.0  United  States  
  • Experiment  5:  prototype  as  spec   Create  a  new  low-­‐fidelity  electronic  prototype  in   Balsamiq,  based  on  paper  prototype.  This  became   the  product  specificaRon  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   41   3.0  United  States  
  • Knowsy  was  accepted  to  the  iPhone  store  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   42   3.0  United  States  
  • The  plavorm  conRnues  to  evolve  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   43   3.0  United  States  
  • Lessons  learned     Build  shared  physical  arRfacts       Incorporate  other  team  members’  mental  models     Lead  with  conversaRon,  trail  with  documentaRon     Use  personas  and  scenarios  as  backstory,     not  as  deliverables     Associate  user  stories  with  pictures  and   scenario  steps  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   44   3.0  United  States  
  • Summary  of  UX  methods  tried     Using  digital  tools  too  early  (fail)       CollaboraRve  sketching  (win)     Persona  and  context  scenario  (meh)     Low-­‐fi  screen  layouts  (meh)     Paper  prototype  (win)     Prototype-­‐as-­‐spec  (win)  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   45   3.0  United  States  
  • Thanks!   Lane  Halley   lbh.inc@gmail.com   twiPer:  thinknow   www.theapprenRcepath.com   www.slideshare.net/lanehalley  www.slideshare.com/lanehalley   License:  CreaRve  Commons  APribuRon-­‐Share  Alike  hPp://innovaRongames.com/   46   3.0  United  States