happy product pages

28
Happy Product Pages Jordi Rosell Ecommerce Consultant and Digital Analyst #happycustomers @jrosell elnostreraco.com/blog

Upload: jordi-rosell

Post on 19-Feb-2017

443 views

Category:

Marketing


0 download

TRANSCRIPT

Page 1: Happy product pages

Happy Product PagesJordi Rosell

Ecommerce Consultant and Digital Analyst

#happycustomers @jrosellelnostreraco.com/blog

Page 2: Happy product pages

Make Customers Happy

#happycustomers @jrosellelnostreraco.com/blog

Page 3: Happy product pages

What you do is important

#happycustomers @jrosellelnostreraco.com/blog

Reward

Effort

Signal

Page 4: Happy product pages

My buying online frustration

#happycustomers @jrosellelnostreraco.com/blog

Page 5: Happy product pages

Less effort make me happy

#happycustomers @jrosellelnostreraco.com/blog

Page 6: Happy product pages

“May the Force be with you”

#happycustomers @jrosellelnostreraco.com/blog

Page 7: Happy product pages

UX research

#happycustomers @jrosellelnostreraco.com/blog

Interviews,feedback &focus groups

Clickstream analysis & a/b testing

Email & onsite surveys

Observation &user testing

What people do

What people say

How many & how much

Why & How

Page 8: Happy product pages

What they do, not happiness

#happycustomers @jrosellelnostreraco.com/blog

Original design RedesignTask 1 12 sec. 6 sec.Task 2 75 sec. 15 sec.Task 3 9 sec. 8 sec.Task 4 140 sec. 40 sec.Satisfaction score 44.75 74.50

Page 9: Happy product pages

What they say, not happiness

#happycustomers @jrosellelnostreraco.com/blog

Page 10: Happy product pages

Happiness

#happycustomers @jrosellelnostreraco.com/blog

Emotion = Experience - Expectation

Page 11: Happy product pages

Emotions

Frustration

Delight

Concesion

Contentment

Cost higher than expected

Benefit higher than expected

Benefit lower than expected

Cost lower than expected

+Competent

+Gratitude

Page 12: Happy product pages

Respect your customer

Simplicity Contrast Speed Context#happycustomers @jrosellelnostreraco.com/blog

Page 13: Happy product pages

SimplicityTime, ability to think & money required shouldn't be greaterthan benefits expected at moment the user is on product page

Simplicity Contrast Speed#happycustomers @jrosellelnostreraco.com/blog

Page 14: Happy product pages

SimplicityHow? Fewer fields & match mental model

Simplicity Contrast Speed#happycustomers @jrosellelnostreraco.com/blog

Page 15: Happy product pages

ContrastPerceive, understand & operate

Simplicity Contrast Speed#happycustomers @jrosellelnostreraco.com/blog

Page 16: Happy product pages

ContrastHow? Color contrast for better accesibility

Simplicity Contrast Speed#happycustomers @jrosellelnostreraco.com/blog

Page 17: Happy product pages

Page speedYour product pages should load between 0.10s & 3s

Simplicity Contrast Speed#happycustomers @jrosellelnostreraco.com/blog

Page 18: Happy product pages

Page speedHow? Test your site and make it faster

Simplicity Contrast Speed#happycustomers @jrosellelnostreraco.com/blog

Page 19: Happy product pages

Reward your customer

Surprise Anticipation Recognise#happycustomers @jrosellelnostreraco.com/blog

Page 20: Happy product pages

Surprise Anticipation Recognise#happycustomers @jrosellelnostreraco.com/blog

Our brains like to hunt unexpected or unknown information

Surprise

Page 21: Happy product pages

Surprise Anticipation Recognise#happycustomers @jrosellelnostreraco.com/blog

What benefit I precive i will get from it?

Anticipation

Page 22: Happy product pages

Surprise Anticipation Recognise#happycustomers @jrosellelnostreraco.com/blog

Self-actualization, esteem, belonging, love, guarantees

Recognise

Page 23: Happy product pages

NPS as ”Happiness” measure

#happycustomers @jrosellelnostreraco.com/blog

How likely is it that you could recommend [X] to a friend or colleague?

“Very likely” recommend minus “Unlikely” to recommend percentages is called the Net Promoter Score (NPS)

Page 24: Happy product pages

#happycustomers @jrosellelnostreraco.com/blog

Reward

Effort

Signal Simplicity ContrastSpeed

Surprise

AnticipationRecognise

Light side

Page 25: Happy product pages
Page 26: Happy product pages

#happycustomers @jrosellelnostreraco.com/blog

Fear, pain, social rejection

Dark side, your choice

Page 27: Happy product pages

“May the Force be with you”

#happycustomers @jrosellelnostreraco.com/blog

Page 28: Happy product pages

Thank you!Reference:@bjfogg@asterixofficiel@starwars@nngroup@webaim@LoadImpact@natzir9and many others

Jordi RosellEcommerce Consultant and Digital Analyst

Digital Analytics and Ecommerce optimization

#happycustomers @jrosellelnostreraco.com/blog