Uživatelské testování webu na mobilu - jak na to
14. ledna 2020
Mobilní verze většiny webů, které se mi dostávají pod ruce, často pokulhává za tou desktopovou. A to poměrně hodně. Proto čím dál více testuji weby primárně na mobilu.
Testování na mobilu mi dává smysl, protože:
- Na mobilu téměř vždy odhalíme více chyb než při testování na desktopu.
- Účastníci testování testují vždy na vlastních mobilních telefonech. Je tak zajištěno přirozené prostředí.
- Chyby odhalené na mobilu se snáze odstraňují i pro desktopovou verzi. Aneb lidé toho na desktopu zkousnou více. Mobil už tolik neodpouští.
Nějakou dobu mi trvalo najít optimální proces, hardware a software pro mobilní testování.
Jak testuji na mobilu
Co používám za hardware
- Notebook s Windows (na obrázku výše číslo 1)
- IPEVO HD document kamera (2)
- USB Webkameru (3)
- USB-C 3.1 Gen 1 Slim HUB 4 (když máte dost USB výstupů na notebooku, nepotřebujete, 4)
- Mobilní telefon účastníka výzkumu (5)
Co používám za software
- IPEVO Visualizer app
- Open Brodcaster Software (OBS)
Před testováním postupuji takto:
- Připravím veškerý hardware dle obrázku výše.
- Spustím Vizualizer app ve 2 oknech. První větší zachycuje mobil účastníka, druhé menší jeho obličej.
- V OBS nastavím nahrávání obrazovky notebooku a audia.
- Jakmile je účastník testování připravený, spouštím nahrávání a jdeme na to.
Tento setup mám rád z několika důvodů:
- Účastník testování může používat svůj vlastní mobil.
- Je vidět, kam přesně kliká a hýbe prstem.
- Díky druhé webkameře vidím okamžité reakce v obličeji člověka při interakci s webem.
- Veškerý hardware se vejde do malé cestovní krabice, takže nejsem vázaný testovat na jednom a tom samém fixním místě.
V reálu pak nahrané video vypadá takto (ukázka 25 vteřin z jednoho konkrétního scénáře pro Zahradnictví Flos):
Několik takto sestříhaných videí, delších či kratších, vidí klient při závěrečné prezentaci poznatků z uživatelského testování.
Na co si dát pozor
Chyb jsem nasekal nespočet, zde jsou ty nejzásadnější:
- Zkontrolujte světelné podmínky v místnosti. Čím větší šero, tím horší podmínky pro ostrou nahrávku.
- Pokud je mobil příliš přesvícený, požádejte účastníka, aby si o něco snížil jas. Pokud to nepomáhá, zkuste umístit pod mobil bílý A4 papír (velmi účinné, pokud snímáte na tmavém stole).
- A hlavně: Nezapomeňte vždy zapnout nahrávání v OBS!