69
Designing the User Experience Curve

Designing The User Experience Curve

  • View
    6.721

  • Download
    2

Embed Size (px)

DESCRIPTION

A presentation delivered at Web Directions User Experience, May 16 2008

Citation preview

Page 1: Designing The User Experience Curve

Designing the User Experience Curve

Page 2: Designing The User Experience Curve

The Perfect Hotel Experience

Page 3: Designing The User Experience Curve

A More Typical Experience

Page 4: Designing The User Experience Curve

The User Experience Curve

Page 5: Designing The User Experience Curve

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 6: Designing The User Experience Curve

AnticipationDurationIntensity

SensationDi!erentiation

Significance

Page 7: Designing The User Experience Curve

1. First impressions count1

Page 8: Designing The User Experience Curve

Checking in at a hotel...

Page 9: Designing The User Experience Curve

People judge on looks ...

Page 10: Designing The User Experience Curve

Unboxing your iPod

Page 11: Designing The User Experience Curve

Computer Game Training Level

Page 12: Designing The User Experience Curve

Computer Game Training Level

Page 13: Designing The User Experience Curve

Create a nice design...

Page 14: Designing The User Experience Curve

The Start Screen on BaseCamp...

Page 15: Designing The User Experience Curve

Tours...

Page 16: Designing The User Experience Curve

Interactive tours...

Page 17: Designing The User Experience Curve

Newbie you

Page 18: Designing The User Experience Curve

2. Attentive Service2

Page 19: Designing The User Experience Curve

The doorman hailing a cab...

Page 20: Designing The User Experience Curve

The waiter refilling your glass...

Page 21: Designing The User Experience Curve

Opening a new line at the checkout...

Page 22: Designing The User Experience Curve

Usability

Page 23: Designing The User Experience Curve

Take Apple

Page 24: Designing The User Experience Curve

3. Personalisation and customisation3

Page 25: Designing The User Experience Curve

The barmaid remembering your favourite drink...

Page 26: Designing The User Experience Curve

Customise your drink at Starbucks...

Page 27: Designing The User Experience Curve

Customise your game characters...

Page 28: Designing The User Experience Curve

Welcome people...

Page 29: Designing The User Experience Curve

Customisation...

Page 30: Designing The User Experience Curve

Personal recommendations...

Page 31: Designing The User Experience Curve

4. Attention to detail4

Page 32: Designing The User Experience Curve

Car doors...

Page 33: Designing The User Experience Curve

Even the trash cans are themed...

Page 34: Designing The User Experience Curve

Make quality evident in everything...

Page 35: Designing The User Experience Curve

Create delightful experiences...

Page 36: Designing The User Experience Curve

Use quality imagery and copy...

Page 37: Designing The User Experience Curve

Attention to detail

Page 38: Designing The User Experience Curve

Personality is important

Hello Andy

I'm Little MOO - the bit of software that will be managing your order

with us. It will shortly be sent to Big MOO, our print machine who willprint it for you in the next few days. I'll let you know when it's doneand on its way to you.

In the meantime you can track and manage your order at:http://www.moo.com/account

Remember, I'm just a bit of software. So, if you have any questionsregarding your order please contact customer services (who are real people) at:

http://www.moo.com/service

Thanks,

Little MOO, Print Robot

Page 39: Designing The User Experience Curve

Easter eggs...

Page 40: Designing The User Experience Curve

5. Feedback5

Page 41: Designing The User Experience Curve

Something is happening...

Page 42: Designing The User Experience Curve

Prevents you wasting time...

Page 43: Designing The User Experience Curve

Manages expectations...

Page 44: Designing The User Experience Curve

Help people solve their problems

Page 45: Designing The User Experience Curve

Buttons give positive feedback...

Page 46: Designing The User Experience Curve

Progress through the system...

Page 47: Designing The User Experience Curve

Something is happening...

Page 48: Designing The User Experience Curve

Facebook stream...

Page 49: Designing The User Experience Curve

Google maps are fun...

Page 50: Designing The User Experience Curve

Friendly and helpful feedback messages...

Page 51: Designing The User Experience Curve

6. Make it fun6

Page 52: Designing The User Experience Curve

We’re love collecting...

Page 53: Designing The User Experience Curve

Particularly if there is payback...

Page 54: Designing The User Experience Curve

What do points make...

Page 55: Designing The User Experience Curve

Leaderboards...

Page 56: Designing The User Experience Curve

Leaderboards...

Page 57: Designing The User Experience Curve

We’re programmed to enjoy exploring

Page 58: Designing The User Experience Curve

Collecting photos...

Page 59: Designing The User Experience Curve

Collecting friends...

Page 60: Designing The User Experience Curve

Collecting badges...

Page 61: Designing The User Experience Curve

Points and Leaderboards...

Page 62: Designing The User Experience Curve

Just start playing...

Page 63: Designing The User Experience Curve

7. Create the perfect environment7

Page 64: Designing The User Experience Curve

The Starbucks Experience...

Page 65: Designing The User Experience Curve

The Virgin Lounge...

Page 66: Designing The User Experience Curve

Vegas baby, yeah...

Page 67: Designing The User Experience Curve

So where are the web examples?

Page 69: Designing The User Experience Curve

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/