jQuerySF: Experimentation and Emotional Design

Slides from my talk at jQuerySF 2015

Transcript

1. & Experimentation Emotional Design
2. About me @kng kellyk kellyking.me
3. About me @kng kellyk kellyking.me Quote Tweet
4. About me @kng kellyk kellyking.me While you were away...
8. +40.6%
9. original: variation:
10. original: variation: +15%
11. how to get started
12. Let’s pretend...
13. original: variation:
14. Old School
15. 0.2 1 =20% Last week What’s happening? 1 million This week ‘sup? 1.2 million Tweets
16. #obama # Tweets #2012 11/1 11/2 11/3 11/4 11/5 11/6 11/7 11/8 11/9 11/10
17. framework experimentation
18. • buckets + controls • multiple code paths • collect data We need
19. Buckets + Controls
20. Multiple Code Paths
21. Data
22. Optimizely Dashboard
23. Optimizely Dashboard
24. An option for all levels Off (web) site Third-party Diy
26. emotional design
27. Three Levels of Processing Norman, Ortony & Russell, 2001
28. visceral - images, text, tone - lower effort
29. Effort A/B Testing: The Most Powerful Way to Turn Clicks Into + 11%
31. behavioral - mental state - usability - new vs power users
35. reflective - personality - pride - obsession
38. Variable rewards
40. jasonshen.com
43. ‘ New Netflix - Most liked comment from Netflix blog announcement interface is complete crap. ‘ ‘‘
46. 1. Ship with confidence 2. Data Driven! 3. Eliminates HiPPO 4. Creative Freedom A/B Testing
47. 1. Ship with confidence 2. Data Driven! 3. Eliminates HiPPO 4. Creative Freedom A/B Testing
48. Tumblr Easter Eggs
49. iBook Animation
50. Slack Release Notes
51. Recommended Reading
52. Thank you @kng