Responzivní web upravuje rozvržení podle velikosti a možností zařízení. Nejde jen o zmenšení počítačové stránky. Na telefonu lidé jinak čtou, ovládají formuláře a hledají kontakt, proto je potřeba ověřovat celý důležitý úkol od příchodu na stránku až po odeslání formuláře nebo objednávky.
Čitelnost a obsah
Text musí zůstat čitelný bez přibližování, odstavce mají mít přiměřenou délku a nadpisy jasnou hierarchii. Důležité informace nesmí být skryté pouze v obrázku nebo při najetí myší. Obrázky doplňte vhodným alternativním textem tam, kde nesou význam.
Navigace a ovládání
Menu má být snadno dostupné a srozumitelné. Tlačítka a odkazy potřebují dostatečnou plochu pro ovládání prstem a formuláře mají vyžadovat jen skutečně nutné údaje. Telefonní číslo, adresa, otevírací doba nebo možnost kontaktu mají být na běžných stránkách rychle dohledatelné.
Obrázky a výkon
Velké soubory mohou web zpomalit, zvlášť na mobilním připojení. Používejte vhodné rozměry, moderní formáty a načítání, které nebrání zobrazení hlavního obsahu. Výkon ověřujte měřením i na běžném zařízení; laboratorní test je užitečný, ale nenahrazuje reálné použití.
Testujte konkrétní scénáře
Otevřete web na několika telefonech a prohlížečích. Vyzkoušejte menu, hledání, galerii, mapu, formulář, košík, platbu a e-maily po odeslání. Kontrolujte také změnu orientace obrazovky a chování při pomalejším připojení. Nalezené chyby řaďte podle toho, zda brání návštěvníkovi dokončit hlavní úkol.
U nových webů zahrnujeme mobilní testování do předání. U stávajících stránek lze postupovat od nejvíce navštěvovaných a obchodně důležitých cest.
