TEST 'TILL YOU DROPyour product should look good and load fast

Oana Mangiurea

UX/UI Designer at Veritech.io

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

START TESTING

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

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

HOW ABOUT A 3G CONNECTION?

Load time - webpagetest.org

Gandul Business Insider

First view

43s 32s

Repeated view

25s 14s

DOES IT LOOK GOOD/WORK ON ANY BROWSER?

Virtual Machines BrowserStack Sauce Labs Browser Emulators

Pro

• Accuracy • Test across 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

• Hard to find old

browser versions

• Takes to much time to

test anything

• Not very accurate on IE

• Slow with any test

• It runs for only one

browser version at a

time in manual mode

• They crash… a lot!

• Accuracy?

TALKING ABOUT “CRASHES”

Time to pause the debugger,

again and again

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

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

WHERE’S THAT BUTTON?

Almost 10% of the population has some sort of color blindness

Red-blind / Protanopia

IT’S ALL ABOUT CONTRAST

Red-blind / Protanopia Monochromacy / Achromatopsia

I SHALL SEE NO COMMERCIAL

Never tried

Adblock on your

own website?

I’m sure your

clients did.

Firefox stats

COULDN’T BE THAT BAD…

THANKS! AND TIME FOR QUESTIONS

Oana Mangiurea

UX/UI Designer at Veritech.io