Fittsov zákon (Fitts’s Law)

Fittsov zákon (anglicky Fitts’s Law) je princíp, podľa ktorého čas potrebný na to, aby si trafil nejaký cieľ, závisí od jeho veľkosti a vzdialenosti. Čím je cieľ väčší a bližšie, tým rýchlejšie a spoľahlivejšie naň klikneš. Čím je menší a ďalej, tým to trvá dlhšie a robíš viac chýb. Znie to ako triviálna fyzika pohybu, ale vo svete webov a aplikácií je to jeden z najpraktickejších zákonov UX dizajnu vôbec. Rozhoduje totiž o tom, ako ľahko sa ľudia dostanú k tlačidlu kúpiť, a tým priamo o tvojich konverziách.

Zaradenie

• Príčina (Cognitive Bias Codex): Potreba konať rýchlo
• Mentálna oblasť: Motorika a pozornosť (UX)
• Marketingová funkcia: UX a konverzie (CTA)
• Nákupná cesta: Rozhodnutie a akcia
• Cialdiniho princípy: nevzťahuje sa
• System 1 / System 2: System 1 (rýchly, automatický)

V skratke

• Čo to je: veľký a blízky cieľ sa trafí rýchlejšie a s menším počtom chýb.
• Prečo to riešiť: ľahké kliknutie na CTA priamo zvyšuje konverzie.
• Kde to stretneš: tlačidlá, odkazy, formuláre, hlavne na mobile.
• Ako to využiť: rob kľúčové tlačidlá veľké a umiestni ich tam, kam dosiahne palec.

Príbeh zo života

Zákon sformuloval americký psychológ Paul Fitts v roku 1954 v práci publikovanej v Journal of Experimental Psychology. Pôvodne meral pohyby ľudskej ruky, ale s príchodom počítačov a myši sa z jeho zistení stal jeden zo základných kameňov návrhu rozhraní. Dnes ho denne používa každý, kto navrhuje weby a aplikácie, či už o tom vie, alebo nie.

Zober si nákup na mobile. Keď je tlačidlo kúpiť malé a schované hore v rohu, používateľ sa naťahuje, míňa ho a hnevá sa. Keď je veľké, kontrastné a v dolnej časti obrazovky, kam pohodlne dosiahne palcom, kliknutie je otázka sekundy. Rozdiel v dizajne pár pixelov, rozdiel v počte dokončených objednávok pokojne výrazný. Preto majú appky hlavné akcie dole a veľké, nie hore a drobné.

Ako Fittsov zákon funguje

Náš pohyb k cieľu má vždy dve fázy: rýchly presun smerom k cieľu a jemné doladenie na konci. Malý cieľ vyžaduje viac doladenia, takže trvá dlhšie a ľahšie ho minieme. Veľký a blízky cieľ doladenie takmer nepotrebuje. Na mobile sa navyše pridáva dosah palca, takže záleží aj na tom, kde na obrazovke tlačidlo je. Princíp sa spája s Von Restorffovým efektom, pretože výrazné a kontrastné tlačidlo zároveň lepšie upúta pozornosť, a s efektom predvolenej voľby, kde ľahká cesta k akcii rozhoduje o tom, čo používateľ urobí.

Využitie v marketingu a na webe

1. Zväčši hlavné CTA. Tlačidlo kúpiť alebo odoslať nech je veľké a ľahko zasiahnuteľné. Drobné odkazy patria vedľajším akciám.
2. Mysli na palec. Na mobile umiestni hlavné akcie do dolnej tretiny obrazovky, kam pohodlne dosiahne palec.
3. Daj klikateľným prvkom priestor. Dostatočné rozostupy znížia chybné kliknutia, hlavne na dotykových zariadeniach.
4. Zväčši celú klikaciu plochu. Klikateľný nech je celý riadok alebo karta, nie len malý text vnútri.
5. Nenúť k presnosti. Malé zatváracie krížiky a drobučké odkazy používateľov frustrujú. Daj im slušnú veľkosť.

Ako s tým pracovať

1. Testuj na mobile. Väčšina návštev prichádza z telefónu. Čo ide palcom, ide dobre.
2. Stráž veľkosť a rozostupy. Klikacie prvky drž dosť veľké a od seba.
3. Najdôležitejšie = najväčšie a najbližšie. Priorita akcie sa má premietnuť do jej veľkosti a umiestnenia.

Ako sa to stretáva s ďalšími skresleniami

Fittsov zákon najlepšie funguje v dvojici s Von Restorffovým efektom. Fitts hovorí, nech je tlačidlo veľké a poruke, Von Restorff dodáva, nech zároveň farebne vyčnieva z okolia. Veľké, kontrastné a dobre umiestnené CTA tak používateľ ľahko nájde aj ľahko zasiahne. Keď k tomu pridáš jednoduchosť podľa paradoxu voľby a jedno hlavné tlačidlo na stránku, dostaneš presne tú bezmyšlienkovito ľahkú cestu k akcii, o ktorú v konverziách ide.

Časté otázky

Čo je Fittsov zákon?

Princíp UX dizajnu, podľa ktorého čas na zasiahnutie cieľa závisí od jeho veľkosti a vzdialenosti. Väčší a bližší cieľ sa trafí rýchlejšie a s menším počtom chýb.

Kto Fittsov zákon vytvoril?

Americký psychológ Paul Fitts v roku 1954. Pôvodne pre pohyby ruky, dnes je základom návrhu webov a aplikácií.

Ako Fittsov zákon využiť na webe?

Robiť hlavné tlačidlá veľké, s dostatočnými rozostupmi a na mobile ich umiestňovať do dosahu palca, aby sa na ne ľahko a rýchlo klikalo.

Patrik Pilous

Som marketingový stratég a SEO konzultant. Baví ma svet marketingu, internetu a AI. Najlepšie sa cítim pri navrhovaní rozvoja biznisu, nastavovaní (exekúcii) marketingovej stratégie a pri optimalizácii webu (SEO, GEO a hlavne predaj).