user experience for ecommerce - ux riga 2014

Download User experience for ecommerce - UX Riga 2014

Post on 15-Jan-2015

580 views

Category:

Design

4 download

Embed Size (px)

DESCRIPTION

Increase sales, engagement and satisfaction through better design.

TRANSCRIPT

  • 1. User experience for e-commerce Increase sales, engagement and satisfaction through better designMo Syed @uxmo !

2. Why? Conversion stubbornly low Growth slowing Competitive environment 3. A new way Whats going on in the brain? How we perceive What drives us How we can use these insights? 4. A cognitive model of engagement 5. Attention is scarce, interruption is abundant. 6. The mindunconscious conscious 7. Cues the breadcrumbs that lead us, without us knowing. 8. Seeking - dopamine systemDesire 9. Reward - opioid system Satisfaction 10. User engagementBuy thresholdLeave thresholdTime spent in journey 11. So why do we buy? 12. Social platforms Tablet AppRecommendationsEmail NewsletterConnected TVPurchase In-StoreKioskSearchWebsite Postal Mailing POS DisplayCatalogue 13. Retargeting ads 14. Visit new siteUser engagementBuy thresholdBuySee retargeting addLeave thresholdTime spent in journey 15. cost benefit 16. Design approaches for conversion oruc i n re dos t gc 17. Effortless buying Eliminate confusion Meet expectations Refine interactions 18. Where users look Eye trackingfrom http://www.useit.com/alertbox/reading_pattern.html 19. Where users look F-Shape pattern 20. Visual priority 21. Take a look at this 22. B ABBCBEF G 23. Path dependence AXB 24. Path to completionfrom http://rosenfeldmedia.com/books/webforms/ 25. Path to completionfrom http://rosenfeldmedia.com/books/webforms/ 26. Layout grids Highest priorityMedium priorityVisual harmonyLow priorityfrom http://en.wikipedia.org/wiki/Grid_(page_layout) 27. Layout grids Clear scan lines Clear path to completion 28. The F-pattern 29. Visual noise 30. Visual noise 31. Visual starting point 32. Visual starting point? 33. Where users look Eye tracking on web formsfrom http://rosenfeldmedia.com/books/webforms/ 34. The cost of choiceor 39/month Sign up now 35. Eye Hand Thought 36. cost benet 37. Size, quality, price & perception. 38. A cognitive bias is a pattern of deviation in judgment that occurs in particular situations. 39. Anchoring describes the common human tendency to rely too heavily, or "anchor," on one trait or piece of information when making decisions. 40. 120519259 41. 519259 120 42. Summary 43. References!Web Form Design: Filling in the Blanks by Luke WroblewskiWhy We Buy: The Science of Shopping by Paco UnderhillPriceless by William Poundstonehttp://en.wikipedia.org/wiki/ List_of_cognitive_biases