This document discusses the importance of testing websites and applications on different browsers, devices, and network connections. It notes that testing is needed to ensure fast load times, proper functionality, and good visual design across a variety of situations. Tips are provided for using tools like browser emulators, virtual machines, and actual devices to thoroughly check performance and compatibility. The document stresses that testing is crucial because users have different browsers, devices, operating systems, network speeds, and levels of color blindness that need to be accounted for in design and development.

1. TEST 'TILL YOU DROP
your product should look good and load fast
Oana Mangiurea
UX/UI Designer at Veritech.io

2. SELLING A FERRARI?
I won’t buy one if:
1.Isn’t fast enough
2.Only works on Autobahn
3.I can’t take it wherever I want to go
4.I don’t see the steering wheel
5.You tell me it’s red but it looks kind of brownish

3. START TESTING
30 minutes of testing without installing anything on your server and without adding any plugin on your (already full of plugins) website.

4. HOW FAST DOES IT LOADS?
Is your site loading fast enough, for both your local and international clients?
0
0,5
1
1,5
2
2,5
3
3,5
4
Okazii - 1,9 MB
Alibaba - 1,4 MB
Amazon - 3,1 MB
Ebay - 2,5 MB
Load time –PINGDOM
New York
Amsterdam

5. HOW ABOUT A 3G CONNECTION?
Load time -webpagetest.org
Gandul
Business Insider
First view
43s
32s
Repeatedview
25s
14s

6. DOES IT LOOK GOOD/WORK ON ANY BROWSER?
Virtual Machines
BrowserStack
Sauce Labs
Browser Emulators
Pro
•Accuracy
•Testacross multiple browsers at the same time
•Local Server Testing
•Accuracy (actually runs tests on a VM)
•Easy to automate the tests
•Any browser has it
Cons
•Cost effective
•Hardto find old browser versions
•Takes to much time to test anything
•Not very accurate on IE
•Slow withany test
•It runs foronly one browser version at a time in manual mode
•Theycrash… a lot!
•Accuracy?

7. TALKING ABOUT “CRASHES”
Time to pause the debugger, again and again

8. WHY THE MENU DOESN’T OPEN ON MY BRAND NEW PHONE?
Try any emulator you want, you still going to need to see the app/website on an actual device

9. WHY THE DIFFERENCES?
1.User Interactions –swipe, zoom, pinch, etc.
2.Real occurring events –dead battery, no signal, etc.
3.Hardware –display (DPI), chipset, memory and sensors
4.OS versions and rooted phones
5.Network

10. WHERE’S THAT BUTTON?
Almost 10% of the population has some sort of color blindness
Red-blind / Protanopia

11. IT’S ALL ABOUT CONTRAST
Red-blind / Protanopia
Monochromacy / Achromatopsia

12. I SHALL SEE NO COMMERCIAL
Never tried
Adblock on your
own website?
I’m sure your
clients did.
Firefox stats

13. COULDN’T BE THAT BAD…

14. THANKS! AND TIME FOR QUESTIONS
Oana Mangiurea
UX/UI Designer at Veritech.io