Představte si, že jste na telefonu našli web instalatéra. Potřebujete zjistit, zda přijede do vaší obce, a poslat fotografii problému. Na úvodní obrazovce běží video, v menu je „Náš svět“ a tlačítko „Začít cestu“. Grafika může být výborná, ale zatím nevíte ani to, jestli jste na správném místě. Použitelnost webu se v takové chvíli ukáže lépe než v galerii návrhů.
Nejde o zákaz videa či originálních názvů. Jde o pořadí informací a o to, zda člověk dokáže udělat svůj úkol. Nielsen Norman Group ve svých deseti zásadách použitelnosti mimo jiné popisuje rozpoznatelné ovládání, srozumitelný jazyk a zpětnou vazbu po akci. Tady je pět míst, kde se to u malého firemního webu prakticky láme.
1. Úvod vypráví atmosféru, ale nepojmenuje službu
Video provozovny, velká fotografie a věta „Prostor pro váš nový příběh“ mohou vyvolat náladu. Pokud služba, město a hlavní další krok přijdou až o dvě obrazovky níže, návštěvník musí hádat. Vyzkoušejte jednoduchou úpravu: na první obrazovce napište, co děláte, komu a kde. Video pak může podpořit důvěru. Text musí zůstat čitelný i při změně snímku a na pomalejším připojení.
2. Menu dává značce hlas na úkor orientace
Názvy „Objevte“, „Inspirace“, „Příběh“ nerozlišují mezi službou, referencemi a kontaktem. Pokud první návštěvník nemůže předem odhadnout cíl kliknutí, problém není v jeho pozornosti. Použijte v hlavní navigaci obyčejná slova „Služby“, „Ceník“, „Reference“, „Kontakt“. Charakter značky ponechte titulkům, fotografiím a detailům stránek. Na mobilu zkontrolujte i otevření a zavření menu.
3. Estetická typografie schová cenu a podmínky
Velký tenký nadpis a drobné šedé popisky mohou v návrhu vypadat klidně. Na slunci se ztrácí přesně ty řádky, podle kterých se člověk rozhoduje: cena, omezení nabídky, dostupnost. WCAG poskytují ověřitelná kritéria kontrastu a ovladatelnosti klávesnicí. Vezměte skutečný telefon, zvětšete text a projděte stránku i bez myši. Písmo není dekorace, když nese smluvní podmínku.
4. Pohyb vypadá živě, ale přerušuje čtení
Vyskakující nadpisy, vodorovné sekce řízené scrollováním a tlačítka měnící polohu přidávají návštěvníkovi práci. Zeptejte se, co animace vysvětluje. Pokud jde jen o ozdobu, ověřte, že obsah existuje i bez ní a že respektuje nastavení omezeného pohybu. Video ukázka procesu může být užitečná; povinné přehrání před zobrazením ceny nikoli.
5. Formulář slibuje jiný výsledek, než poskytuje
Tlačítko „Zjistit cenu“ otevře formulář s deseti poli, po odeslání přijde jen „Děkujeme“. Člověk neví, zda se má očekávat nabídka, schůzka nebo automatický výpočet. Upravte text tlačítka podle skutečného kroku, omezte první dotaz na potřebné údaje, označte povinná pole a po odeslání napište, co bude dál. Zkušební zprávu odešlete a ověřte v doručené schránce; zelená hláška na webu nestačí.
Patnáctiminutový test bez hotového výzkumného projektu
Dejte někomu, kdo web nezná, konkrétní zadání: „Najdi servis ve své obci, zjisti orientační cenu a odešli dotaz s fotografií.“ Neveďte ho a zaznamenejte, kde se zastavil a co si spletl. Pak tentýž úkol zkuste klávesnicí a na menším telefonu. Jeden takový test nereprezentuje všechny zákazníky; umí ale odhalit překážku, kterou tvůrci po sté návštěvě nevidí.
Seřaďte zjištění podle dopadu. Nefunkční formulář a chybějící informace o oblasti působnosti mají přednost před odstínem tlačítka. Pokud se lidé na stránce vyznají, ale stále se ptají na základní podmínky, nejprve upravte obsah. Pro redesign si tak připravíte lepší zadání než seznam trendů: tři úkoly návštěvníka a přesné místo, kde se každý z nich dnes zadrhne.