happy product pages
TRANSCRIPT
![Page 1: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/1.jpg)
Happy Product PagesJordi Rosell
Ecommerce Consultant and Digital Analyst
#happycustomers @jrosellelnostreraco.com/blog
![Page 2: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/2.jpg)
Make Customers Happy
#happycustomers @jrosellelnostreraco.com/blog
![Page 3: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/3.jpg)
What you do is important
#happycustomers @jrosellelnostreraco.com/blog
Reward
Effort
Signal
![Page 4: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/4.jpg)
My buying online frustration
#happycustomers @jrosellelnostreraco.com/blog
![Page 5: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/5.jpg)
Less effort make me happy
#happycustomers @jrosellelnostreraco.com/blog
![Page 6: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/6.jpg)
“May the Force be with you”
#happycustomers @jrosellelnostreraco.com/blog
![Page 7: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/7.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/8.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/9.jpg)
What they say, not happiness
#happycustomers @jrosellelnostreraco.com/blog
![Page 10: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/10.jpg)
Happiness
#happycustomers @jrosellelnostreraco.com/blog
Emotion = Experience - Expectation
![Page 11: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/11.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/12.jpg)
Respect your customer
Simplicity Contrast Speed Context#happycustomers @jrosellelnostreraco.com/blog
![Page 13: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/13.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/14.jpg)
SimplicityHow? Fewer fields & match mental model
Simplicity Contrast Speed#happycustomers @jrosellelnostreraco.com/blog
![Page 15: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/15.jpg)
ContrastPerceive, understand & operate
Simplicity Contrast Speed#happycustomers @jrosellelnostreraco.com/blog
![Page 16: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/16.jpg)
ContrastHow? Color contrast for better accesibility
Simplicity Contrast Speed#happycustomers @jrosellelnostreraco.com/blog
![Page 17: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/17.jpg)
Page speedYour product pages should load between 0.10s & 3s
Simplicity Contrast Speed#happycustomers @jrosellelnostreraco.com/blog
![Page 18: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/18.jpg)
Page speedHow? Test your site and make it faster
Simplicity Contrast Speed#happycustomers @jrosellelnostreraco.com/blog
![Page 19: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/19.jpg)
Reward your customer
Surprise Anticipation Recognise#happycustomers @jrosellelnostreraco.com/blog
![Page 20: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/20.jpg)
Surprise Anticipation Recognise#happycustomers @jrosellelnostreraco.com/blog
Our brains like to hunt unexpected or unknown information
Surprise
![Page 21: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/21.jpg)
Surprise Anticipation Recognise#happycustomers @jrosellelnostreraco.com/blog
What benefit I precive i will get from it?
Anticipation
![Page 22: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/22.jpg)
Surprise Anticipation Recognise#happycustomers @jrosellelnostreraco.com/blog
Self-actualization, esteem, belonging, love, guarantees
Recognise
![Page 23: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/23.jpg)
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](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/24.jpg)
#happycustomers @jrosellelnostreraco.com/blog
Reward
Effort
Signal Simplicity ContrastSpeed
Surprise
AnticipationRecognise
Light side
![Page 25: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/25.jpg)
![Page 26: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/26.jpg)
#happycustomers @jrosellelnostreraco.com/blog
Fear, pain, social rejection
Dark side, your choice
![Page 27: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/27.jpg)
“May the Force be with you”
#happycustomers @jrosellelnostreraco.com/blog
![Page 28: Happy product pages](https://reader031.vdocuments.net/reader031/viewer/2022030207/58a951f01a28ab77408b4f77/html5/thumbnails/28.jpg)
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