91
Of buttons and brains: e-commerce tricks and tips Eric Reiss @elreiss UXcamp Europe 8 June 2014 Berlin, Germany

Of brains and buttons (UXCE, Berlin, Germany)

Embed Size (px)

DESCRIPTION

There are four main topics in this presentation - from simple practical considerations to the more obscure cognitive triggers. IAs need to know this stuff and act on it before the interaction-design crowd, the business analysts, and the content strategists take it away from them: 1. Forms and basic functionality - the crap needs to work 2. Building shared references - folks won't buy what they don't understand 3. Value-added services - enhancing the experience through context 4. Cognitive triggers - influencing irrational decision-making processes

Citation preview

Page 1: Of brains and buttons (UXCE, Berlin, Germany)

Of buttons and brains:e-commerce tricks and tips

Eric Reiss@elreiss

UXcamp Europe8 June 2014

Berlin, Germany

Page 2: Of brains and buttons (UXCE, Berlin, Germany)

Rational/physicalIntuitive/emotional

UnderstandableRewarding

Page 3: Of brains and buttons (UXCE, Berlin, Germany)

Let the games begin…

Page 4: Of brains and buttons (UXCE, Berlin, Germany)
Page 5: Of brains and buttons (UXCE, Berlin, Germany)
Page 6: Of brains and buttons (UXCE, Berlin, Germany)

Right answer.Wrong focus.

Thanks forplaying.

Goodbye.

Page 7: Of brains and buttons (UXCE, Berlin, Germany)
Page 8: Of brains and buttons (UXCE, Berlin, Germany)
Page 9: Of brains and buttons (UXCE, Berlin, Germany)

Words of wisdom #1

Forms are the Elmer Fuddsof e-commerce.

Page 10: Of brains and buttons (UXCE, Berlin, Germany)

Words of wisdom #2

Your form may be the firstand only true dialog youhave with a customer.

Page 11: Of brains and buttons (UXCE, Berlin, Germany)

Words of wisdom #3

There is no such thingas “online-conversion” without a form that works.

Page 12: Of brains and buttons (UXCE, Berlin, Germany)

The most (in)famous form of our time?

Source: L. David Roper

Page 13: Of brains and buttons (UXCE, Berlin, Germany)

Words of wisdom #4

Bad form design costs morethan just customers.

A bad form can cost lives.

Page 14: Of brains and buttons (UXCE, Berlin, Germany)

The top four problems with forms

• They come at a dumb time

• They are unintelligible

• They are difficult to complete

• They cannot be completed

Page 15: Of brains and buttons (UXCE, Berlin, Germany)
Page 16: Of brains and buttons (UXCE, Berlin, Germany)
Page 17: Of brains and buttons (UXCE, Berlin, Germany)
Page 18: Of brains and buttons (UXCE, Berlin, Germany)

Words of wisdom #5

If you want people to giveyou something, give themsomething first. They willfeel a sense of obligation.

Page 19: Of brains and buttons (UXCE, Berlin, Germany)
Page 20: Of brains and buttons (UXCE, Berlin, Germany)
Page 21: Of brains and buttons (UXCE, Berlin, Germany)

“I don’t want to marryyou guys. I just want to buy something. Stopforcing a relationship on me!”

A frustrated shopper

Page 22: Of brains and buttons (UXCE, Berlin, Germany)

Opinionated observation #1

Some e-commerce sites are essentially the cyberspaceequivalent of date-rape.

Page 23: Of brains and buttons (UXCE, Berlin, Germany)

10 things customers will tell you1. Don’t tell me how great you are. BE great!2. Go the extra mile.3. Don’t get in my way when I’m trying to shop.4. If I know what I’m looking for, help me find it.5. If I have questions, I want straight answers, not a salestalk.6. Tell me if you’re going off to look for my size. Don’t just turn and leave. 7. If you expect me to buy something, tell me what it costs8. Are your own affairs so important that you feel justified in ignoring me?9. Don’t make me feel stupid.10. If you make a mistake, admit it.

Sources: Paco Underhill, Eric Reiss

Page 24: Of brains and buttons (UXCE, Berlin, Germany)

The top four problems with forms

• They come at a dumb time

• They are unintelligible

• They are difficult to complete

• They cannot be completed

Page 25: Of brains and buttons (UXCE, Berlin, Germany)

Courtesy of Mark Hurst

Page 26: Of brains and buttons (UXCE, Berlin, Germany)

The top four problems with forms

• They come at a dumb time

• They are unintelligible

• They are difficult to complete

• They cannot be completed

Page 27: Of brains and buttons (UXCE, Berlin, Germany)
Page 28: Of brains and buttons (UXCE, Berlin, Germany)

Scary fact #1

About 75% of the people whorequested a password, didn’t even try to complete a purchaseonce requested.

Source: Jared Spool

Page 29: Of brains and buttons (UXCE, Berlin, Germany)

The top four problems with forms

• They come at a dumb time

• They are unintelligible

• They are difficult to complete

• They cannot be completed

Page 30: Of brains and buttons (UXCE, Berlin, Germany)
Page 31: Of brains and buttons (UXCE, Berlin, Germany)
Page 32: Of brains and buttons (UXCE, Berlin, Germany)
Page 33: Of brains and buttons (UXCE, Berlin, Germany)
Page 34: Of brains and buttons (UXCE, Berlin, Germany)
Page 35: Of brains and buttons (UXCE, Berlin, Germany)

Rational/physical

Understandable

Intuitive/emotional

Rewarding

Page 36: Of brains and buttons (UXCE, Berlin, Germany)
Page 37: Of brains and buttons (UXCE, Berlin, Germany)

Berlin

HollywoodGermany

Page 38: Of brains and buttons (UXCE, Berlin, Germany)

And what are you looking for in a shoe?

Page 39: Of brains and buttons (UXCE, Berlin, Germany)
Page 40: Of brains and buttons (UXCE, Berlin, Germany)
Page 41: Of brains and buttons (UXCE, Berlin, Germany)
Page 42: Of brains and buttons (UXCE, Berlin, Germany)
Page 43: Of brains and buttons (UXCE, Berlin, Germany)
Page 44: Of brains and buttons (UXCE, Berlin, Germany)

Words

What’s in our shared-reference toolkit?

Page 45: Of brains and buttons (UXCE, Berlin, Germany)

Words“Words”

http://www.cdnow.com

Page 46: Of brains and buttons (UXCE, Berlin, Germany)

“Words”

“Who are they?”“What is this?” “No habla inglés”

“I’m new to the web”

But culture can kill

Page 47: Of brains and buttons (UXCE, Berlin, Germany)
Page 48: Of brains and buttons (UXCE, Berlin, Germany)

Old Hawaiian Hula Dancer Girl Motion LampAll original and signed Dodge Inc on the base. Shade is original also but needs some repair or restoration. The hula girl is in wonderful condition with a fabulous patina. There is a little loss to the bronze finish at her right shoulder. No chips, cracks, repairs or scratches. Hula mechanics work excellent -- strong and quiet. Light works also. The only damage I have to report is the switch is bent some but still works -- I don't want to try to straighten it and risk breaking it. There are 4 settings--off, hula only, lamp only and lamp and hula. Wiring looks good. Base is 7 1/4" diameter. Lamp is 18" tall to top of the socket, 21 1/2" tall with shade attached. This is the very first hula girl motion lamp -- she has a lei around her neck and around each ankle. She looks to be made of bronze but I don't think so. Circa 1940's. What looks like spotting on the base is magnified dust particles from rubbing my finger on her skirt to straighten it out -- my camera really shows them up for some reason.

Page 49: Of brains and buttons (UXCE, Berlin, Germany)

Scary fact #2

Longer text outperformsshort text by 40.5%

• Short-copy ROI = -14%• Long-copy ROI = +21%

Source: Marketingexperiments.com

Page 50: Of brains and buttons (UXCE, Berlin, Germany)

“Words fail me…”

Page 51: Of brains and buttons (UXCE, Berlin, Germany)
Page 52: Of brains and buttons (UXCE, Berlin, Germany)
Page 53: Of brains and buttons (UXCE, Berlin, Germany)
Page 54: Of brains and buttons (UXCE, Berlin, Germany)
Page 55: Of brains and buttons (UXCE, Berlin, Germany)

Words of wisdom #6

Show Bugs the carrot patch.

Page 56: Of brains and buttons (UXCE, Berlin, Germany)

Rational/physical

Understandable

Intuitive/emotional

Rewarding

Page 57: Of brains and buttons (UXCE, Berlin, Germany)
Page 58: Of brains and buttons (UXCE, Berlin, Germany)

I gss you cn rd ths txt :) wtht vwls.

Page 59: Of brains and buttons (UXCE, Berlin, Germany)

And what comes next…� Big Mac� Large shake� ???Fries

Page 60: Of brains and buttons (UXCE, Berlin, Germany)

Words of wisdom #7

Content is king.But context is the kingdom.

Page 61: Of brains and buttons (UXCE, Berlin, Germany)

The magic of context

• It differentiates your products

• It differentiates your company

• It provides a service

• It facilitates upselling

Page 62: Of brains and buttons (UXCE, Berlin, Germany)

Scary fact #3

In the dark, all toothpaste looks alike. But so does hemorrhoid cream.

Context differentiates. Yet often changes.

Source: Eric Reiss

Page 63: Of brains and buttons (UXCE, Berlin, Germany)
Page 64: Of brains and buttons (UXCE, Berlin, Germany)
Page 65: Of brains and buttons (UXCE, Berlin, Germany)
Page 66: Of brains and buttons (UXCE, Berlin, Germany)
Page 67: Of brains and buttons (UXCE, Berlin, Germany)
Page 68: Of brains and buttons (UXCE, Berlin, Germany)
Page 69: Of brains and buttons (UXCE, Berlin, Germany)
Page 70: Of brains and buttons (UXCE, Berlin, Germany)

Words of wisdom #9

Bugs might be interestedin your lettuce patch, too.

Page 71: Of brains and buttons (UXCE, Berlin, Germany)

Rational/physical

Understandable

Intuitive/emotional

Rewarding

Page 72: Of brains and buttons (UXCE, Berlin, Germany)
Page 73: Of brains and buttons (UXCE, Berlin, Germany)
Page 74: Of brains and buttons (UXCE, Berlin, Germany)

Mid brainlove, hate

Old brainsex, survival

New brainMT = a + b log2(2A/W + c)

Page 75: Of brains and buttons (UXCE, Berlin, Germany)
Page 76: Of brains and buttons (UXCE, Berlin, Germany)

Cognitive challenges

• Control images and colors• Limit choices (or expand them)• Provide social validation• Invoke scarcity• Play on fear of loss

Page 77: Of brains and buttons (UXCE, Berlin, Germany)

Buy now! Buy now!

21% increase in conversions

Source: University of Bergen, Norway

Page 78: Of brains and buttons (UXCE, Berlin, Germany)
Page 79: Of brains and buttons (UXCE, Berlin, Germany)

Cognitive challenges

• Control images and colors• Limit choices (or expand them)• Provide social validation• Invoke scarcity• Play on fear of loss

Page 80: Of brains and buttons (UXCE, Berlin, Germany)
Page 81: Of brains and buttons (UXCE, Berlin, Germany)

+

vs. vs.

Page 82: Of brains and buttons (UXCE, Berlin, Germany)

Three different scenarios� Buy camera and case at same time

� Expectation that some high-end cases would be sold

� Case bought separately – two choices� Expectation that mostly low-end case would be sold

� Case bought separately – three choices� Expectation that mostly mid-range case would be sold

Inspired by Dr. Susan Weinschenk

Page 83: Of brains and buttons (UXCE, Berlin, Germany)

Cognitive challenges

• Control images and colors• Limit choices (or expand them)• Provide social validation• Invoke scarcity• Play on fear of loss

Page 84: Of brains and buttons (UXCE, Berlin, Germany)

Scarcity

Social validation

Fear of loss

Page 85: Of brains and buttons (UXCE, Berlin, Germany)

39 x 3 = 117

Page 86: Of brains and buttons (UXCE, Berlin, Germany)

Words of wisdom #10

It’s always funny when Bugs’prefrontal cortex triumphs overElmer Fudds’s amygdala andhippocampus.

Page 87: Of brains and buttons (UXCE, Berlin, Germany)

Rational/physical

UnderstandableRewarding

Intuitive/emotional

Page 88: Of brains and buttons (UXCE, Berlin, Germany)
Page 89: Of brains and buttons (UXCE, Berlin, Germany)

Words of wisdom #11

You play the game.Or you lose the game.

Page 90: Of brains and buttons (UXCE, Berlin, Germany)

Danke!

Page 91: Of brains and buttons (UXCE, Berlin, Germany)

Eric Reiss can (usually) be found at:

The FatDUX Group ApSStrandøre 152100 CopenhagenDenmark

Office: (+45) 39 29 67 77Mobil: (+45) 20 12 88 44Twitter: @[email protected]