Knowsy iPad Game Case Study

Knowsy® iPad Game Case Study Lane Halley @thinknow

About me Freelance product designer Agile / UX Coach LUXr Program Director 2/22/12 www.slideshare.com/lanehalley 2

Quick Visual CollaboraJve ConJnuous

Speedboat Speedboat Spider web Product Box Remember the future 2/22/12 www.slideshare.com/lanehalley 6

2/22/12 www.slideshare.com/lanehalley 7

Our ObjecJves:   Build MVP version of new game plaVorm   Learn iPad programming   Introduce UX methods to an agile team   Ship to Apple store quickly (~1 month) 2/22/12 www.slideshare.com/lanehalley 8

We all sat together in one room 2/22/12 www.slideshare.com/lanehalley 9

We had story cards 2/22/12 www.slideshare.com/lanehalley 10

We had screen designs 2/22/12 www.slideshare.com/lanehalley 11

We even had a persona We even had a persona 2/22/12 www.slideshare.com/lanehalley 12

But, there were a few sJcky spots We argued about what was important It was diﬃcult to coordinate our work We worried about ﬁnishing on Jme 2/22/12 www.slideshare.com/lanehalley 13

What was wrong? The team didn’t have a shared vision of what we were building. Here’s what we did… 2/22/12 www.slideshare.com/lanehalley 14

CollaboraJve sketching Experiment 1: Ask the front-‐end developer to draw me a picture of the game screen ﬂow 2/22/12 www.slideshare.com/lanehalley 15

This helped us develop a shared understanding 2/22/12 www.slideshare.com/lanehalley 16 2/22/12 www.slideshare.com/lanehalley 16

Context scenario Experiment 2: Create a context scenario to help us imagine the speciﬁc contents of each screen during each step of the game 2/22/12 www.slideshare.com/lanehalley 17

The team was interested, but not inspired 2/22/12 www.slideshare.com/lanehalley www.slideshare.com/lanehalley 18 18

Low-‐ﬁ screen layouts Experiment 3: Using Omnigraﬄe, create screen layouts to illustrate each of the the scenario steps 2/22/12 www.slideshare.com/lanehalley 19

This generated lots of conversaJon and ideas 2/22/12 www.slideshare.com/lanehalley 20

Paper prototype Experiment 4: Make a paper prototype of the whole game to quickly capture what the team had just decided 2/22/12 www.slideshare.com/lanehalley 21

Who’s in the game? 2/22/12 www.slideshare.com/lanehalley 22

Who’s the ﬁrst VIP? 2/22/12 www.slideshare.com/lanehalley 23

VIP picks a topic 2/22/12 www.slideshare.com/lanehalley 24

VIP orders the list 2/22/12 www.slideshare.com/lanehalley 25

Who’s the ﬁrst player? 2/22/12 www.slideshare.com/lanehalley 26

Player one, are you ready? 2/22/12 www.slideshare.com/lanehalley 27

Player one’s turn 2/22/12 www.slideshare.com/lanehalley 28

We were now back on track Playing the game together with the paper prototype created a shared experience for the team Everyone was having fun again and we all understood what we were building 2/22/12 www.slideshare.com/lanehalley 29

We added scenario steps (len) and annotaJons (right) 2/22/12 www.slideshare.com/lanehalley 30

Prototype as spec Experiment 5: Create a new low-‐ﬁdelity electronic prototype from the paper prototype. This became the product speciﬁcaJon 2/22/12 www.slideshare.com/lanehalley 31

Clickable prototype (Balsamiq) 2/22/12 www.slideshare.com/lanehalley 32

Knowsy was accepted to the iPhone store 2/22/12 www.slideshare.com/lanehalley 33

The plaVorm conJnues to evolve 2/22/12 www.slideshare.com/lanehalley 34

What I learned – ﬁve useful UX pracJces 1.  Build shared physical arJfacts 2.  Incorporate other team members’ mental models 3.  Lead with conversaJon, trail with documentaJon 4.  Use personas and scenarios as backstory, not as deliverables 5.  Associate user stories with pictures and scenario steps 2/22/12 www.slideshare.com/lanehalley 35

Contact informaJon @thinknow Lane Halley www.lanehalley.com 2/22/12 www.slideshare.com/lanehalley 36

http://www.theapprenticepath.com	1061
http://lanyrd.com	1
http://a0.twimg.com	1
http://www.linkedin.com	1

Knowsy iPad Game Case Study

by Lane Halley on Feb 22, 2012

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 1,064

Statistics

Knowsy iPad Game Case Study Presentation Transcript