phillychi - experience frameworks

59
Experience Frameworks A guide to great experience design Crystal Kubitsky October 13, 2010

Upload: crystal-kubitsky

Post on 01-Nov-2014

2.601 views

Category:

Technology


0 download

DESCRIPTION

Experience frameworks are tools that can help maintain focus on the qualities of a great experience when planning and evaluating design. There are many frameworks in the industry today, but few have been really put to the test as useful tools in other contexts. In this presentation, I share a few industry frameworks and show how I used one of those frameworks in my company.

TRANSCRIPT

Page 1: PhillyCHI - Experience Frameworks

Experience Frameworks A guide to great experience design Crystal Kubitsky October 13, 2010

Page 2: PhillyCHI - Experience Frameworks

Experience Frameworks

Page 3: PhillyCHI - Experience Frameworks

?What makes an experience great?

Page 4: PhillyCHI - Experience Frameworks

Consider these…

Page 5: PhillyCHI - Experience Frameworks

vs.  

Page 6: PhillyCHI - Experience Frameworks

record programs/seasons

pause/rewind live TV

dual tuner

lots of hard drive space

frees up space when needed

fast-forward commercials

on-screen guide

search and browse listings

on-demand options

✔ manage remotely ✔ ✔

Page 7: PhillyCHI - Experience Frameworks

vs.  

Makes  sure  there’s  something  good  on  

Records  your  programs  

Page 8: PhillyCHI - Experience Frameworks

vs.  

Page 9: PhillyCHI - Experience Frameworks

tracks distance, pace, time, calories

connects to heart rate monitor

custom workouts

feedback during workouts

supports more than just running

GPS support ✔ ✔

software to help review progress over time ✔ ✔

Page 10: PhillyCHI - Experience Frameworks

vs.  

Makes  your  run  be7er  

Tracks  your  performance  

Page 11: PhillyCHI - Experience Frameworks

?How are TiVo and Nike+ different?

Page 12: PhillyCHI - Experience Frameworks

record programs/seasons

pause/rewind live TV

dual tuner

lots of hard drive space

frees up space when needed

fast-forward commercials

on-screen guide

search and browse listings

on-demand options

✔ manage remotely ✔ ✔

rate favorites ✔ ✔ share with friends ✔ ✔

get recommendations ✔ ✔

more than ���just features…

Page 13: PhillyCHI - Experience Frameworks

integrated ���components…

Page 14: PhillyCHI - Experience Frameworks

meaningful interactions���in the human experience

Page 15: PhillyCHI - Experience Frameworks

Experience Frameworks

Page 16: PhillyCHI - Experience Frameworks

“We need to be able to…differentiate successful experience design from unsuccessful (or absent) experience design. In order to do that we need frameworks for thinking about experience, describing its qualities, and evaluating it.” Johnny Holland Magazine, March 2010

Page 17: PhillyCHI - Experience Frameworks

“…We need ways to generalize these practices so experiences can be compared and contrasted across contexts…”

Johnny Holland Magazine, March 2010

Page 18: PhillyCHI - Experience Frameworks

models that can be used to guide the framing and evaluation of an experience

Experience frameworks are…

Page 19: PhillyCHI - Experience Frameworks
Page 20: PhillyCHI - Experience Frameworks

and so many more…

Page 21: PhillyCHI - Experience Frameworks

1. The Experience Wheel ���2. CARS���3. The Experience Cycle

Three examples:

Page 22: PhillyCHI - Experience Frameworks

1. The Experience Wheel ���2. CARS���3. The Experience Cycle

Three examples:

Page 23: PhillyCHI - Experience Frameworks
Page 24: PhillyCHI - Experience Frameworks

1. The Experience Wheel ���2. CARS���3. The Experience Cycle

Three examples:

Page 25: PhillyCHI - Experience Frameworks

Source: Forrester.com

Page 26: PhillyCHI - Experience Frameworks

Customized by the user

Page 27: PhillyCHI - Experience Frameworks

Aggregated at the point of use

Page 28: PhillyCHI - Experience Frameworks

Source: Weather.com and iTunes

Relevant to the moment

Page 29: PhillyCHI - Experience Frameworks

Social as a rule

Page 30: PhillyCHI - Experience Frameworks

1. The Experience Wheel ���2. CARS���3. The Experience Cycle

Three examples:

Page 31: PhillyCHI - Experience Frameworks
Page 32: PhillyCHI - Experience Frameworks

makes an impression; piques interest; effects action to learn more

explains, relates and informs; previews or tries; supports learning and exploring

supports use and enables re-use; embeds into users’ lives

raises expectations by promising more; strengthens relationship with the user

promotes use; actively shares their satisfaction to others

starts again with new user

Page 33: PhillyCHI - Experience Frameworks
Page 34: PhillyCHI - Experience Frameworks

Source: Dubberly Design Office http://www.dubberly.com/articles/interactions-the-experience-cycle.html

Highlights touchpoints of the experience cycle for the iPod in the Apple Store…

Page 35: PhillyCHI - Experience Frameworks

1. The Experience Wheel ���2. CARS���3. The Experience Cycle

Three examples:

Page 36: PhillyCHI - Experience Frameworks

The ���Experience Cycle

Page 37: PhillyCHI - Experience Frameworks

communicate issues���plan usability testing���prepare for design work

Uses for The Experience Cycle:

Page 38: PhillyCHI - Experience Frameworks

communicate issues���plan usability testing���prepare for design work

Uses for The Experience Cycle:

Page 39: PhillyCHI - Experience Frameworks

What is this? Why do I have to download something?

What do the orange keys mean?

What is this? How do I learn more?

What do I need to sign in with?

Page 40: PhillyCHI - Experience Frameworks

What is this? Why do I have to download something?

What do the orange keys mean?

What is this? How do I learn more?

With every slide, the user could fall.

What do I need to sign in with?

Page 41: PhillyCHI - Experience Frameworks

what the new feature was���how it benefitted them���what they needed to do

Users were concerned with…

Page 42: PhillyCHI - Experience Frameworks

The greater users valued ���the service and the better equipped they were to get started, the more likely they would overcome any necessary hurdles.

Conclusion:

Page 43: PhillyCHI - Experience Frameworks

attract

advocate

extend interact

orient

Certain  stages  focus  on  first-­‐1me  use;  others  focus  on  “hooks”  and  con1nued  use.  

first-time use

continued use

Threshold to continued use

Successful, positive experience in first-time use =

Page 44: PhillyCHI - Experience Frameworks

attract

advocate

extend interact

orient

first-time use

continued use Stumble- upon

Marketed-to

Page 45: PhillyCHI - Experience Frameworks

attract

advocate

extend interact

orient

first-time use

continued use

Marketed-to first-time use

continued use

Page 46: PhillyCHI - Experience Frameworks

attract

advocate

extend interact

orient

first-time use

continued use

first-time use

continued use Stumble- upon

Page 47: PhillyCHI - Experience Frameworks

attract

advocate

extend interact

orient

Page 48: PhillyCHI - Experience Frameworks

communicate issues���plan usability testing���prepare for design work

Uses for The Experience Cycle:

Page 49: PhillyCHI - Experience Frameworks
Page 50: PhillyCHI - Experience Frameworks
Page 51: PhillyCHI - Experience Frameworks
Page 52: PhillyCHI - Experience Frameworks
Page 53: PhillyCHI - Experience Frameworks

communicate issues���plan usability testing���prepare for design work

Uses for The Experience Cycle:

Page 54: PhillyCHI - Experience Frameworks

How could users become aware and interested in it?

How would users best understand and witness the value and purpose of it?

How could users get started and continuously use it?

How could users uncover additional uses and benefits they might not have expected?

How could users share and express their satisfaction to others?

SCENARIO…

RESPONSIBILITY Who has control and influence over the decisions for this?

OUTCOME What’s the desired outcome and how can we measure it?

DIRECTION What touchpoints, goals and actions for this scenario?

Page 55: PhillyCHI - Experience Frameworks

communicate issues���plan usability testing���prepare for design work

The Experience Cycle can…

…and so can many of the other frameworks

Page 56: PhillyCHI - Experience Frameworks
Page 57: PhillyCHI - Experience Frameworks

Experience Frameworks���a guide to great experience design

Page 58: PhillyCHI - Experience Frameworks

piqued your interest in experience frameworks

showed the value they can have in experience design

encouraged you to try and use them

mold and enhance them for your environment

report back

achieve great experience design J

Page 59: PhillyCHI - Experience Frameworks

Thank you :) ������Crystal Kubitsky���[email protected]���@ckubitsky