Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Are you stressing out your users?

Are you stressing out your users?

97e38d2c6636968957c178ae61d86184?s=128

Michael Gooding

May 25, 2016
Tweet

Transcript

  1. Are you stressing out your users? Michael Gooding @Michael_G_81

  2. 1. The Human Brain 2. Live Demo 3. What can

    we do? 4. Other use cases Agenda
  3. 1. The Human Brain

  4. 0.1 s – Instantaneous 1 s – Responsive 5 s

    – Slow – max for attention > 10 s – Too Slow Robert B Miller 1968
  5. 4 Types of Memory Sensory Memory Short-term Memory Working Memory

    + Long-term Memory
  6. type of brain wave 5 Types of Brainwave BETA ALPHA

    GAMMA +++ Anxiety, inability to relax, stress +++ Anxiety, stress +++ Inability to focus, too relaxed Conscious focus, memory, problem solving Cognition, information processing, learning, perception Relaxation
  7. type of brain wave 5 Types of Brainwave THETA DELTA

    +++ Inability to think +++ Depression, hyperactivity, impulsivity, inattentiveness Creativity, emotional connection, intuition, relaxation Immune system, healing, deep sleep
  8. Web stress is real 2013 2010

  9. Web stress is real 0 0.5 1 Queuing in shop

    Watching dramatic TV show Standing on a virtual cliff Watching horror movie Experiencing mobile delays Solving Math problem Poor Mobile experience is comparable to watching a horror movie!
  10. 2. Live Demo

  11. Live Demo

  12. Attention Results Fast Slow 75% of people paid more attention

    to the faster site
  13. Attention Results BETA RESULTS +++ Anxiety, inability to relax, stress

    Conscious focus, memory, problem solving 75% of people showed higher average BETA waves on the slow test 2 of these 3 people knew the purpose of the test Fast Slow
  14. Attention Results Conscious focus, memory, problem solving Clear spikes when

    searching BETA RESULTS +++ Anxiety, inability to relax, stress Fast Slow
  15. 3. What can we do?

  16. Mobile Web HTML CSS JS IMAGES Mobile Apps API IMAGES

    Improve Content Performance
  17. Improve Content Performance 0 350 700 Original Resized Image Size

    (Kb) Image Format Image Quality 0 150 300 450 10 20 30 40 50 60 70 80 90 100 300x400 450x600 600x800 750x1000 900x1200 jpg2000 jpgXR webp
  18. Improve Content Performance Cache Is King

  19. Avoid data theft and downtime by extending the security perimeter

    outside the data-center and protect from increasing frequency, scale and sophistication of web attacks. Improve Network Performance
  20. Improve Network Performance IPv6 connections are 15% faster due to

    removing the network address translation devices from the path Enabling HTTP/2 saw some pages load up to 50% faster
  21. 4. Other Use Cases

  22. Use Cases Waiting rooms Big forms Usability Demographics + many

    more Entering card details
  23. 1. Slow websites cause stress 2. Bad UI causes stress

    3. Testing is now affordable 4. Fix the obvious bottlenecks Summary
  24. Questions @Michael_G_81