(web)design for conversion

52
(Web)Design for Conversion Jochen Wolters, UX Designer | @Jochen Wolters

Upload: jochen-wolters

Post on 18-Jul-2015

325 views

Category:

Design


0 download

TRANSCRIPT

Page 1: (Web)design for conversion

(Web)Design for ConversionJochen Wolters, UX Designer | @Jochen Wolters

Page 2: (Web)design for conversion

Convert site visits to …?Convert site visits to business achievements

Page 3: (Web)design for conversion

Make buying simple, obvious, convenient

Page 4: (Web)design for conversion

Gestalt Laws

Page 5: (Web)design for conversion

Gestalt Lawsnoun, [guh-shtahlt, -shtawlt], (German):The essence or shape of an entity’s complete form.

Page 6: (Web)design for conversion

Gestalt Law of Similarity

Page 7: (Web)design for conversion

Gestalt Law of Proximity

Page 8: (Web)design for conversion

Gestalt Law of Closure

Page 9: (Web)design for conversion

sources: fontsinuse.com/uses/6947/braun-tg-60-tape-recorder

Page 10: (Web)design for conversion

Eight Golden Rulesof Interface Design

Ben Shneiderman’s

Page 11: (Web)design for conversion

1. Strive for consistency

2. Enable frequent users to use shortcuts

3. Offer informative feedback

4. Design dialog to yield closure

5. Offer simple error handling

6. Permit easy reversal of actions

7. Support internal locus of control

8. Reduce short-term memory load

1. Strive for consistency

2. Enable frequent users to use shortcuts

3. Offer informative feedback

4. Design dialog to yield closure

5. Offer simple error handling

6. Permit easy reversal of actions

7. Support internal locus of control

8. Reduce short-term memory load

Page 12: (Web)design for conversion

7 ± 2 source: www.musanim.com/miller1956/

“Chunks” of Information

Page 13: (Web)design for conversion

sources: headphone.com, amazon.com

Page 14: (Web)design for conversion

Make buying simple, obvious, convenient

Page 15: (Web)design for conversion
Page 16: (Web)design for conversion
Page 17: (Web)design for conversion
Page 18: (Web)design for conversion
Page 19: (Web)design for conversion
Page 20: (Web)design for conversion
Page 21: (Web)design for conversion
Page 22: (Web)design for conversion
Page 23: (Web)design for conversion
Page 24: (Web)design for conversion
Page 25: (Web)design for conversion
Page 26: (Web)design for conversion
Page 27: (Web)design for conversion
Page 28: (Web)design for conversion
Page 29: (Web)design for conversion
Page 30: (Web)design for conversion
Page 31: (Web)design for conversion
Page 32: (Web)design for conversion
Page 33: (Web)design for conversion
Page 34: (Web)design for conversion

Laptop… Families Models

11 1123 12

Page 35: (Web)design for conversion

“Nobody has the time or cognitive resources to be completely thorough and accurate with every decision, …”

“Nobody has the time or cognitive resources to be completely thorough and accurate with every decision, and as more decisions are required and more options are available, the challenge of doing the decision making correctly becomes ever more difficult to meet.”

Page 36: (Web)design for conversion

source: Barry Schwarz, “The Paradox of Choice;” photo: flickr/christaface

Flavors Sales

6 30%

24 3%

The Jam Study

Page 37: (Web)design for conversion

source: sweetwater.com

Page 38: (Web)design for conversion

source: sweetwater.com

Page 39: (Web)design for conversion

NudgingSlightly unfair techniques to nudge your visitors towards a purchase…

Page 40: (Web)design for conversion

Nudging: Social proof

source: Apple App Store

Page 41: (Web)design for conversion

Nudging: Urgency

Page 42: (Web)design for conversion

Nudging: Scarcity

source: united.com

Page 43: (Web)design for conversion

Nudging: Try-before-you-buy

Page 44: (Web)design for conversion

Nudging: Try-before-you-buy

source: barnesandnoble.com

Page 45: (Web)design for conversion

Nudging: Try-before-you-buy

source: barnesandnoble.com

Page 46: (Web)design for conversion

Nudging: Humans

Page 47: (Web)design for conversion

Pro Tip: Test your assumptions!

Page 48: (Web)design for conversion

Add Products to Cart

Log In or Sign Up

Check Out

Log In or Sign Up or Continue as Guest

Check Out (and Register)

A

Add Products to CartB

Page 49: (Web)design for conversion
Page 50: (Web)design for conversion

$300 MillionAdditional annual revenue at $25B retailer

source: http://www.uie.com/articles/three_hund_million_button/

Page 51: (Web)design for conversion

Make buying simple, obvious, convenient

Page 52: (Web)design for conversion

Thank You.http://www.slideshare.net/jochen_wolters