designing the user experience curve 2.0

64
Designing the User Experience Curve

Upload: andy-budd

Post on 08-Sep-2014

17.064 views

Category:

Technology


2 download

DESCRIPTION

An updated version of my UX talk

TRANSCRIPT

Page 1: Designing The User Experience Curve 2.0

Designing the User Experience Curve

Page 2: Designing The User Experience Curve 2.0

The Perfect Hotel Experience

Page 3: Designing The User Experience Curve 2.0

The User Experience Curve

Page 4: Designing The User Experience Curve 2.0

Meaningful

Pleasurable

Convenient

Usable

Reliable

Functional (Useful)

Focused on

Experiences(People, Activities, Context)

Focused on

Tasks(Products, Features)

© 2006 Stephen P. Anderson | poetpainter.com

SUBJECTIVE / QUALITATIVE

OBJECTIVE / QUANTIFIABLE

Has personal significance

Memorable experience worth sharing

Super easy to use, works like I think

Can be used without di!culty

Is available and accurate

Works as programmed

Prioritize Aesthetics (no, not Graphic Design) (visual, behaviors, sounds, psychology)

Design for FLOW (boredom vs anxiety)

Leverage Game Mechanics/Learning Theory (completeness)

Have a Personality

Create conversational and context aware interactions (“Adaptive Interfaces”; narrative IA structures)

Elicit Desire (Limited availability, limited access, curious and seductive experiences)Simplify, organize, and clarify

information

Display information visually

Reduce features and complexity

Are easier to understand

Use language for more natural interactions

Add features that support desired behaviors (o!ine browsing)

Have a believable story

Co-create value with customers

Connect people in community

Are part of a bigger system

Appeal to emotional, spiritual, and social values

Create a tolerance for faults at lower levels

Are tied to a person’s self-image, highly personal

Empower people to do things previously not possible

Creating Pleasurable Interfaces: Getting from Tasks to Experiencescreated by Stephen P. Anderson | poetpainter.com

“It is not enough that we build products that function, that are understandable and usable -we also need to build products that bring joy and excitement, pleasure and fun, and yes, beauty, to people’s lives.”

-Donald Norman

THIS IS THE “CHASM” THAT IS REALLY, REALLY HARD FOR ORGANIZATIONS TO CROSS

Hierarchy of Needs

Page 5: Designing The User Experience Curve 2.0

The Kano Model

Page 6: Designing The User Experience Curve 2.0

1. First impressions count1

Page 7: Designing The User Experience Curve 2.0

People do judge a book (or any product) by it’s cover

Page 8: Designing The User Experience Curve 2.0

The hotel check-in experience

Page 9: Designing The User Experience Curve 2.0

Unboxing your iPod

Page 10: Designing The User Experience Curve 2.0

Computer Game Training Level

Page 11: Designing The User Experience Curve 2.0

Create a landing page that communicates

Page 12: Designing The User Experience Curve 2.0

Make the first experience fun

Page 13: Designing The User Experience Curve 2.0

Interactive tours...

Page 14: Designing The User Experience Curve 2.0

In situ tours...

Page 15: Designing The User Experience Curve 2.0

Create a first use scenario

Page 16: Designing The User Experience Curve 2.0

Video tours make experts quickly

Page 17: Designing The User Experience Curve 2.0

2. Attentive service2

Page 18: Designing The User Experience Curve 2.0

The doorman hailing a cab...

Page 19: Designing The User Experience Curve 2.0

The waiter refilling your glass...

Page 20: Designing The User Experience Curve 2.0

Opening a new line at the checkout...

Page 21: Designing The User Experience Curve 2.0

Help people solve their problems

Page 22: Designing The User Experience Curve 2.0

Avoid problems in the first place

Page 23: Designing The User Experience Curve 2.0

Manages expectations

Page 24: Designing The User Experience Curve 2.0

Get people back on track

Page 25: Designing The User Experience Curve 2.0

Help systems

Page 26: Designing The User Experience Curve 2.0

Add value

Page 27: Designing The User Experience Curve 2.0

3. Personalisation and customisation3

Page 28: Designing The User Experience Curve 2.0

The barmaid remembering your favourite drink...

Page 29: Designing The User Experience Curve 2.0

Customise your drink at Starbucks...

Page 30: Designing The User Experience Curve 2.0

Customise your game characters...

Page 31: Designing The User Experience Curve 2.0

Welcome people back

Page 32: Designing The User Experience Curve 2.0

Allow them to customise their own experience

Page 33: Designing The User Experience Curve 2.0

Avatars

Page 34: Designing The User Experience Curve 2.0

Provide value through recommendations

Page 35: Designing The User Experience Curve 2.0

4. Attention to detail4

Page 36: Designing The User Experience Curve 2.0

Car doors

Page 37: Designing The User Experience Curve 2.0

At Disney even the trash cans are themed

Page 38: Designing The User Experience Curve 2.0

Create delightful experiences

Page 39: Designing The User Experience Curve 2.0

Delighters

Page 40: Designing The User Experience Curve 2.0

Zurich Airport

Page 41: Designing The User Experience Curve 2.0

Easter eggs

Page 42: Designing The User Experience Curve 2.0

Delicious Library

Page 43: Designing The User Experience Curve 2.0

Dopplr toys

Page 44: Designing The User Experience Curve 2.0

6. Make it fun5

Page 45: Designing The User Experience Curve 2.0

We love collecting...

Page 46: Designing The User Experience Curve 2.0

Particularly if there is payback...

Page 47: Designing The User Experience Curve 2.0

What do points make...

Page 48: Designing The User Experience Curve 2.0

Leaderboards...

Page 49: Designing The User Experience Curve 2.0

We’re programmed to enjoy exploring

Page 50: Designing The User Experience Curve 2.0

You find play in the strangest places!

Page 51: Designing The User Experience Curve 2.0

Google maps are fun...

Page 52: Designing The User Experience Curve 2.0

Collecting photos...

Page 53: Designing The User Experience Curve 2.0

Collecting friends...

Page 54: Designing The User Experience Curve 2.0

Collecting badges...

Page 55: Designing The User Experience Curve 2.0

Points and Leaderboards...

Page 56: Designing The User Experience Curve 2.0

Create the perfect environment5

Page 57: Designing The User Experience Curve 2.0

The Starbucks Experience

Page 58: Designing The User Experience Curve 2.0

The Virgin Lounge

Page 59: Designing The User Experience Curve 2.0

Whole Foods Market

Page 60: Designing The User Experience Curve 2.0

Vegas baby, yeah

Page 61: Designing The User Experience Curve 2.0

The User Experience Curve

Visit Home Page

Take Tour

Register

Complete Profile

Invite FriendsExplore Site

Day-to-day Use

Add to Favourites

Day-to-day UseDay-to-day Use

First Purchase

Add to BasketAdd a Comment

Customise SitePersonaliseRecommendation

Page 63: Designing The User Experience Curve 2.0

http://www.flickr.com/photos/mpdehaan/

276497061

http://flickr.com/photos/seraphimc/107130125/

http://flickr.com/photos/fortphoto/1542210995

http://flickr.com/photos/tantek/132677060/

http://flickr.com/photos/

47313217@N00/1360279731

http://flickr.com/photos/fattytuna/357378839/

http://flickr.com/photos/kb-a/43723177

http://flickr.com/photos/davidz/235767673/

http://flickr.com/photos/glamhag/1894171628/

http://flickr.com/photos/mikeschmid/316595668

http://flickr.com/photos/aernout/486765071/

http://flickr.com/photos/ari/418042736

http://flickr.com/photos/paseodelsur/71971684/

http://flickr.com/photos/lauramary/1329843460

http://flickr.com/photos/giando/309134729

http://flickr.com/photos/more_pi-dah/442167479

http://www.flickr.com/photos/joshrussell/

1397913617/

http://flickr.com/photos/irrawaddyerik

http://flickr.com/photos/latitudes/263133495

http://flickr.com/photos/duncan/2084134925

http://www.flickr.com/photos/joeclark/1603186528

http://www.flickr.com/photos/xrrr/1295881382

http://www.flickr.com/photos/dryicons/2214368070

http://www.flickr.com/photos/vincross/184541034/

http://www.flickr.com/photos/tantek/272672701

http://www.flickr.com/photos/thehutch/

2168473863

http://www.flickr.com/photos/special/87276

http://www.flickr.com/photos/padsbrother/

197482567

http://www.flickr.com/photos/crypticon/

2073843558

http://www.flickr.com/photos/mhwolk/245494571/

http://www.flickr.com/photos/mr_babyman/

521306970

http://www.flickr.com/photos/adactio/251820692

http://www.flickr.com/photos/stuckincustoms/

2349026792

http://www.flickr.com/photos/stephenr/362189858/

http://www.flickr.com/photos/chengyee

http://flickr.com/photos/hofnik/

Page 64: Designing The User Experience Curve 2.0

So where are the web examples?