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

1. KNOWSY
Applying
Agile
UX
Methods
to
iPad
Game
Development
Agile
User
Experience
Meetup
May
5,
2011
Lane
Halley
@thinknow

2. 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

3. 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

4. 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

5. 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

6. 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

7. 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
other's
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

8. 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

9. 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

10. 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

11. 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

12. 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

13. 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

14. 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

15. 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

16. 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

17. 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

18. 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

19. 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

20. We
had
story
cards
www.slideshare.com/lanehalley
License:
CreaRve
Commons
APribuRon-­‐Share
Alike
hPp://innovaRongames.com/
20
3.0
United
States

21. We
had
screen
designs
www.slideshare.com/lanehalley
License:
CreaRve
Commons
APribuRon-­‐Share
Alike
hPp://innovaRongames.com/
21
3.0
United
States

22. 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

23. 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

24. 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

25. 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

26. 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

27. 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

28. 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

29. 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

30. 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

31. 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

32. Who’s
in
the
game?
www.slideshare.com/lanehalley
License:
CreaRve
Commons
APribuRon-­‐Share
Alike
hPp://innovaRongames.com/
32
3.0
United
States

33. Who’s
the
first
VIP?
www.slideshare.com/lanehalley
License:
CreaRve
Commons
APribuRon-­‐Share
Alike
hPp://innovaRongames.com/
33
3.0
United
States

34. VIP
picks
a
topic
www.slideshare.com/lanehalley
License:
CreaRve
Commons
APribuRon-­‐Share
Alike
hPp://innovaRongames.com/
34
3.0
United
States

35. VIP
orders
the
list
www.slideshare.com/lanehalley
License:
CreaRve
Commons
APribuRon-­‐Share
Alike
hPp://innovaRongames.com/
35
3.0
United
States

36. Who’s
the
first
player?
www.slideshare.com/lanehalley
License:
CreaRve
Commons
APribuRon-­‐Share
Alike
hPp://innovaRongames.com/
36
3.0
United
States

37. Player
one,
are
you
ready?
www.slideshare.com/lanehalley
License:
CreaRve
Commons
APribuRon-­‐Share
Alike
hPp://innovaRongames.com/
37
3.0
United
States

38. Player
one’s
turn
www.slideshare.com/lanehalley
License:
CreaRve
Commons
APribuRon-­‐Share
Alike
hPp://innovaRongames.com/
38
3.0
United
States

39. 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

40. 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

41. 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

42. 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

43. The
plavorm
conRnues
to
evolve
www.slideshare.com/lanehalley
License:
CreaRve
Commons
APribuRon-­‐Share
Alike
hPp://innovaRongames.com/
43
3.0
United
States

44. 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

45. 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

46. 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