Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

A/B Testing with React

181 views

Published on

Building a good UI is hard. Building a good UI that will delight your users is even harder. By incorporating A/B testing into your UI, you can stop guessing what your users love and start making data-driven UI decisions!

Published in: Technology
  • Be the first to comment

  • Be the first to like this

A/B Testing with React

  1. 1. A/B Testing with React Building Data Driven UI Seattle Web App Developer Meetup Jan 2019 Isabela Moreira @isabelacmor
  2. 2. What’s A/B testing?
  3. 3. What’s the big deal?
  4. 4. What’s the big deal? 50% of visitors see the control 50% of visitors see the first variant Order now Order now
  5. 5. What’s the big deal? Order now Order now 33% of visitors see the second variant Order now 33% of visitors see the control 33% of visitors see the first variant
  6. 6. Why experiment? - Objective - Optimize for user engagement
  7. 7. How to experiment Research Identify Hypothesize Experiment Analyze Ship
  8. 8. Hot tips 🔥 Statistical significance
  9. 9. Hot tips 🔥 Statistical significance Sample size
  10. 10. Hot tips 🔥 Statistical significance Sample size Find value
  11. 11. Hot tips 🔥 Statistical significance Sample size Find value Test something significantly different
  12. 12. Hot tips 🔥 Statistical significance Sample size Find value Test something significantly different Test small components
  13. 13. Hot tips 🔥 Statistical significance Sample size Find value Test something significantly different Test small components Test in parallel
  14. 14. Resources https://neilpatel.com/ab-testing-calculator/
  15. 15. Resources https://www.optimizely.com/sample-size-calculator
  16. 16. Resources https://vwo.com/ab-split-test-duration
  17. 17. Let’s get technical Type to enter a caption.
  18. 18. Let’s get technical
  19. 19. Basic React Component
  20. 20. Basic React component
  21. 21. Defining our experiment
  22. 22. Adding variants
  23. 23. Adding variants
  24. 24. Adding variants
  25. 25. Win condition
  26. 26. Actionable data
  27. 27. Actionable data
  28. 28. Actionable Data
  29. 29. Actionable data
  30. 30. Actionable data
  31. 31. 🎉

×