68
Designing the User Experience Curve

Designing the User Experience Curve

  • View
    22

  • Download
    2

Embed Size (px)

DESCRIPTION

These days people expect more from a website than a handy set of tools and a pretty interface — they want an experience. From the moment somebody enters your site they’ll be judging you on everything from the way the site looks to the tone of your error messages. And they won’t just be judging you against other sites. They will be judging you on every customer experience they have ever had, from the rude man at the train station to the lovely hotel clerk that checked them in on holiday. So in order to compete, we need to up our game and look at experiences both on and off-line. In this session Andy Budd will look at the 7 key factors that go into designing the perfect customer experience. By taking examples from the world around us, Andy will discuss how we can turn utilitarian experiences into something wonderful. Best of all, most of them won't cost you a cent!

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

Signi"cance

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
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

Interactive tours...

Page 16: Designing the User Experience Curve

In situ 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 re"lling 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

Create delightful experiences...

Page 35: Designing the User Experience Curve

Attention to detail

Page 36: 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 37: Designing the User Experience Curve

Easter eggs...

Page 38: Designing the User Experience Curve

5. Feedback5

Page 39: Designing the User Experience Curve

Something is happening...

Page 40: Designing the User Experience Curve

Prevents you wasting time...

Page 41: Designing the User Experience Curve

Manages expectations...

Page 42: Designing the User Experience Curve

Help people solve their problems

Page 43: Designing the User Experience Curve

Buttons give positive feedback...

Page 44: Designing the User Experience Curve

Progress through the system...

Page 45: Designing the User Experience Curve

Manages expectations...

Page 46: Designing the User Experience Curve

Facebook stream...

Page 47: Designing the User Experience Curve

Google maps are fun...

Page 48: Designing the User Experience Curve

Friendly and helpful feedback messages...

Page 49: Designing the User Experience Curve

6. Make it fun6

Page 50: Designing the User Experience Curve

We love collecting...

Page 51: Designing the User Experience Curve

Particularly if there is payback...

Page 52: Designing the User Experience Curve

What do points make...

Page 53: Designing the User Experience Curve

Leaderboards...

Page 54: Designing the User Experience Curve

We’re programmed to enjoy exploring

Page 55: Designing the User Experience Curve

You "nd play in the strangest places!

Page 56: Designing the User Experience Curve

Collecting photos...

Page 57: Designing the User Experience Curve

Collecting friends...

Page 58: Designing the User Experience Curve

Collecting badges...

Page 59: Designing the User Experience Curve

Points and Leaderboards...

Page 60: Designing the User Experience Curve

Just start playing...

Page 61: Designing the User Experience Curve

7. Create the perfect environment7

Page 62: Designing the User Experience Curve

The Starbucks Experience...

Page 63: Designing the User Experience Curve

The Virgin Lounge...

Page 64: Designing the User Experience Curve

Vegas baby, yeah...

Page 65: Designing the User Experience Curve

The User Experience Curve

Visit Home Page

Take Tour

Register

Complete Pro!le

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 66: Designing the User Experience Curve

www.andybudd.com www.clearleft.com [email protected]

Page 67: 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/

Page 68: Designing the User Experience Curve

So where are the web examples?