phillychi - experience frameworks
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/1.jpg)
Experience Frameworks A guide to great experience design Crystal Kubitsky October 13, 2010
![Page 2: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/2.jpg)
Experience Frameworks
![Page 3: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/3.jpg)
?What makes an experience great?
![Page 4: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/4.jpg)
Consider these…
![Page 5: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/5.jpg)
vs.
![Page 6: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/7.jpg)
vs.
Makes sure there’s something good on
Records your programs
![Page 8: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/8.jpg)
vs.
![Page 9: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/10.jpg)
vs.
Makes your run be7er
Tracks your performance
![Page 11: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/11.jpg)
?How are TiVo and Nike+ different?
![Page 12: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/13.jpg)
integrated ���components…
![Page 14: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/14.jpg)
meaningful interactions���in the human experience
![Page 15: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/15.jpg)
Experience Frameworks
![Page 16: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/16.jpg)
“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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/17.jpg)
“…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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/18.jpg)
models that can be used to guide the framing and evaluation of an experience
Experience frameworks are…
![Page 19: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/19.jpg)
![Page 20: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/20.jpg)
and so many more…
![Page 21: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/21.jpg)
1. The Experience Wheel ���2. CARS���3. The Experience Cycle
Three examples:
![Page 22: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/22.jpg)
1. The Experience Wheel ���2. CARS���3. The Experience Cycle
Three examples:
![Page 23: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/23.jpg)
![Page 24: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/24.jpg)
1. The Experience Wheel ���2. CARS���3. The Experience Cycle
Three examples:
![Page 25: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/25.jpg)
Source: Forrester.com
![Page 26: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/26.jpg)
Customized by the user
![Page 27: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/27.jpg)
Aggregated at the point of use
![Page 28: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/28.jpg)
Source: Weather.com and iTunes
Relevant to the moment
![Page 29: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/29.jpg)
Social as a rule
![Page 30: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/30.jpg)
1. The Experience Wheel ���2. CARS���3. The Experience Cycle
Three examples:
![Page 31: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/31.jpg)
![Page 32: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/32.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/33.jpg)
![Page 34: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/34.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/35.jpg)
1. The Experience Wheel ���2. CARS���3. The Experience Cycle
Three examples:
![Page 36: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/36.jpg)
The ���Experience Cycle
![Page 37: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/37.jpg)
communicate issues���plan usability testing���prepare for design work
Uses for The Experience Cycle:
![Page 38: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/38.jpg)
communicate issues���plan usability testing���prepare for design work
Uses for The Experience Cycle:
![Page 39: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/39.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/40.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/41.jpg)
what the new feature was���how it benefitted them���what they needed to do
Users were concerned with…
![Page 42: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/42.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/43.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/44.jpg)
attract
advocate
extend interact
orient
first-time use
continued use Stumble- upon
Marketed-to
![Page 45: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/45.jpg)
attract
advocate
extend interact
orient
first-time use
continued use
Marketed-to first-time use
continued use
![Page 46: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/46.jpg)
attract
advocate
extend interact
orient
first-time use
continued use
first-time use
continued use Stumble- upon
![Page 47: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/47.jpg)
attract
advocate
extend interact
orient
![Page 48: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/48.jpg)
communicate issues���plan usability testing���prepare for design work
Uses for The Experience Cycle:
![Page 49: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/49.jpg)
![Page 50: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/50.jpg)
![Page 51: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/51.jpg)
![Page 52: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/52.jpg)
![Page 53: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/53.jpg)
communicate issues���plan usability testing���prepare for design work
Uses for The Experience Cycle:
![Page 54: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/54.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/55.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/56.jpg)
![Page 57: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/57.jpg)
Experience Frameworks���a guide to great experience design
![Page 58: PhillyCHI - Experience Frameworks](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/58.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051208/5457e940af79594f558b5192/html5/thumbnails/59.jpg)
Thank you :) ������Crystal Kubitsky���[email protected]���@ckubitsky