Uživatelské testování webu na mobilu - jak na to

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:

  1. Připravím veškerý hardware dle obrázku výše.
  2. Spustím Vizualizer app ve 2 oknech. První větší zachycuje mobil účastníka, druhé menší jeho obličej.
  3. V OBS nastavím nahrávání obrazovky notebooku a audia.
  4. 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!