Are you stressing out your users?

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