Play in User Experience

91
EA Documentation Guide to documentation and associated principles for Experience Architecture

description

A presentation I gave at a London IA event around play in User Experience

Transcript of Play in User Experience

Page 1: Play in User Experience

EA DocumentationGuide to documentation and associated principles for Experience Architecture

Page 2: Play in User Experience

Play can be used to engage stakeholders, your colleagues to ultimately engage users...

...and make work fun

Page 3: Play in User Experience

Fun

Morecreativity

Solve problems

Helps businesses

Play

Page 4: Play in User Experience

Play with your stakeholders

Page 5: Play in User Experience

IcebreakerGet people up, about and meeting each other

Page 6: Play in User Experience

Icebreaker

Whose idea was Windows 7?(not allowed to say Mine)

What is your favourite userexperience design activity?

Who is wearing the mostcolourful socks?

Tell me a secret aboutyourself?

Who gives a great massage?(ensure you get one to prove itand rate them out of 5)

AutographParticipant’s answerScenario question

Name ……………………………

Plan was to run this in session, getting everyone to take a sheet, and get a different signature and answer for each question. This forces networking between stakeholders and gets them warmed up for the play ahead

Page 7: Play in User Experience

Future obituary

Write an obituary for your product and service in the future. helps you to overcome barriers of the now to talk more about what your solution achieved for people.

Page 8: Play in User Experience

Rich pictures

Page 9: Play in User Experience

Rich pictures

Page 10: Play in User Experience

Sound EmotionsSmell

Fashion

Things SystemsImplementation

FinancialMission/brand Stakeholders

FeelSight

Events

Functionality Content

Rich picture example sketches

Activity

We gave our participants, stimulus for visualising abstract and more concrete concepts - but they didn’t really need them

Page 11: Play in User Experience

Rich pictures for current state, developed by themselves

Page 12: Play in User Experience
Page 13: Play in User Experience
Page 14: Play in User Experience
Page 15: Play in User Experience
Page 16: Play in User Experience
Page 17: Play in User Experience

Rich pictures for future state, developed in groups

Page 18: Play in User Experience
Page 19: Play in User Experience
Page 20: Play in User Experience

An example of a huge circular bit of foam board with magazine clippings from around the room, all pulled together in a rich collage of the future

Page 21: Play in User Experience

Create a cereal box proposition

What if your product / service was packaged as a cereal box? What would be your key messages? This exercise helps to focus teams, and is very fun - they each have to present boxes after the activity.

Page 22: Play in User Experience

Prioritisation

Page 23: Play in User Experience

An example of a prioritisation target board, adapted from a MoSCoW target board approach I have used before, but simplified. Simply stick post-its into the different regions, but only one single point can be in the centre

Page 24: Play in User Experience
Page 25: Play in User Experience

Dot sticking

See, only one in the middle

Page 26: Play in User Experience

Dot sticking

Allocate a certain number of points to each participant and ask them to distribute these points across the ideas / requirements they like

Page 27: Play in User Experience

Paired comparison

Trade off each requirement against each requirement to see which one trumps the other. you can then develop a weighted priority off the back of it.

I think this link tells you something useful on it - http://www.mindtools.com/pages/article/newTED_02.htm

Page 28: Play in User Experience

Shhh.....Shed, Shave, Shrink

Page 29: Play in User Experience

Set a structure for requirements

Page 30: Play in User Experience

Map requirements to structure and prioritise

Page 31: Play in User Experience

Price up your requirements

Page 32: Play in User Experience

Make little requirement slips

EA1 Make icons clearer and large enough to read

20

Unique id

Requirement title Unit price estimate

Used price

Page 33: Play in User Experience

Cluster into groups

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

Enhance user experience

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

Establish greater trust in information

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

EA1 Make icons clearer and large enough to read

20

Comply with legislation

Page 34: Play in User Experience

Setup your spreadsheet

Page 35: Play in User Experience

Make a countdown remix

Page 36: Play in User Experience

Setup your room

Team 2

Team 1

Facilitator

Pro

ject

or s

cree

n

Table

Sheetmaster

Page 37: Play in User Experience

Shed at a group level

Homepage redesign - 149

Pathway redesign - 396

User testing of new features - 17

Enhancing accessibility and visual clarity - 170

Help and provenance design - 48

Search results enhancements - 43

Feedback redesign - 7

Referrals redesign - 14

References enhancements - 20

Total 864Target 300

Page 38: Play in User Experience

Shed at a group level

Homepage redesign - 149

Pathway redesign - 396

User testing of new features - 17

Enhancing accessibility and visual clarity - 170

Help and provenance design - 48

Search results enhancements - 43

Feedback redesign - 7

Referrals redesign - 14

References enhancements - 20

Total 864Target 300Total 795Target 300

Page 39: Play in User Experience

Lay out the slips within groups

Team 2

Total 795Target 300

Page 40: Play in User Experience

Total 795Target 300

Shed as many as you can

Team 2

Total 484Target 300

Page 41: Play in User Experience

Total 484Target 300

Shave according to a threshold

Team 2

Total 335Target 300

Page 42: Play in User Experience

Total 335Target 300

Shrink according to elasticity

EA1 Make icons clearer and large enough to read

20 15

Total 287Target 300

EA1 Make icons clearer and large enough to read

20

Page 43: Play in User Experience

Affinity diagramming

Page 44: Play in User Experience

Treat them like kidsYou need to be the parent in this situation.

Get them to turn off their phones.

Don’t let them waffle on.

Call ‘time’.

Page 45: Play in User Experience

Be a clock watcher

Page 46: Play in User Experience

Play with your users

Page 47: Play in User Experience

CompetitionMobile Map of Medicine ballon race

Page 48: Play in User Experience

We had a lot of user research activities to conduct with a range of healthcare professionals who quiet frankly were saving lives, rather than helping us with surveys. We needed some way to incentive them to give our research some more weight.

Page 49: Play in User Experience

Building on the insight that these people were quite competitive. So we created a game on the logged-in area of the website for the pilot, where participants get a certain number of points for particular activities. It was funny because we had surgeons call us up, telling us that their points weren't registering.

Page 50: Play in User Experience

Diary studies

Make diary studies rich and engaging, so users participate more. This example pushed forward by Sarah Morris at LBi shows how some nice design touches can help better engage those users.

Page 51: Play in User Experience

Near the end of the user test, just get the users to build their own homepage with index cards on a bit of foam board. helps to distill their views of what they need.

obscured for confidentiality

obscured for confidentiality

obscured for confidentiality

obscured for confidentiality

obscured for confidentiality

Page 52: Play in User Experience

Paper prototyping

??

Paper prototyping is good - we just don’t do enough of it as an industry. Or at least, I rarely see it in portfolios.

Page 53: Play in User Experience

Play with your colleagues

Page 54: Play in User Experience

Holy trinity

DesignMake it look right

DevelopmentMake it Work

ArchitectureMake it feel right

Page 55: Play in User Experience

6 hats

http://www.flickr.com/photos/snow_badger/208264045/

Page 56: Play in User Experience

Prototyping

??

Page 57: Play in User Experience

Storyboarding

??

Page 58: Play in User Experience

Planning poker

http://www.planningpoker.com/

Page 59: Play in User Experience

Sketching

??

Page 60: Play in User Experience

Sketching

??

Page 61: Play in User Experience

Sketching

??

Page 62: Play in User Experience

Team building

Page 63: Play in User Experience

Team building

Page 64: Play in User Experience

Team building

Page 65: Play in User Experience

Introduce play into designs

Page 66: Play in User Experience

What if a cash machine talked your language?

Page 67: Play in User Experience

Cockney cash machine??

Page 68: Play in User Experience

Cockney cash machine??

Page 69: Play in User Experience

Cockney cash machine??

Page 70: Play in User Experience

Cockney cash machine??

Page 71: Play in User Experience

Cockney cash machine??

Page 72: Play in User Experience
Page 73: Play in User Experience

Floop??

Page 74: Play in User Experience

Playful error messages

Page 75: Play in User Experience
Page 76: Play in User Experience
Page 77: Play in User Experience

Physical play

Page 78: Play in User Experience

Baker tweet

http://www.bakertweet.com/

Page 79: Play in User Experience
Page 80: Play in User Experience

Monome

Page 81: Play in User Experience

Physical play

Page 82: Play in User Experience

Physical play

??

http://www.youtube.com/watch?v=KuDvCsGbfP4

Page 83: Play in User Experience

Hand from above

http://www.chrisoshea.org/projects/hand-from-above/#video

Page 84: Play in User Experience

Learning more

Page 85: Play in User Experience
Page 86: Play in User Experience
Page 87: Play in User Experience

http://www.flickr.com/photos/choosenick/sets/72157622724286892/

www.choosenick.com

Page 88: Play in User Experience

http://www.amazon.co.uk/Innovation-Games-Creating-Breakthrough-Products/dp/0321437292/ref=sr_1_1?ie=UTF8&s=books&qid=1257845026&sr=8-1

Page 89: Play in User Experience

http://www.amazon.co.uk/Participatory-Workshops-Sourcebook-Ideas-Activities/dp/1853838632/ref=sr_1_1?ie=UTF8&s=books&qid=1257845101&sr=1-1-spell

Page 90: Play in User Experience

http://www.amazon.co.uk/Serious-Creativity-Thinking-Step-step/dp/0887306357/ref=sr_1_2?ie=UTF8&s=books&qid=1257845344&sr=1-2

Page 91: Play in User Experience