Fitts törvénye
Fitts törvénye az interakciós célpont elérésének idejét a cél méretével és távolságával kapcsolja össze. Gyakorlatban a fontos kontrollok legyenek elég nagyok és könnyen elérhetők.
Röviden
Fitts törvénye az interakciós célpont elérésének idejét a cél méretével és távolságával kapcsolja össze. Gyakorlatban a fontos kontrollok legyenek elég nagyok és könnyen elérhetők.
Vizuálisan
A fontos célpont legyen könnyen elérhető és elég nagy
Ugyanazt a helyzetet kétféleképp nézd meg: először a tipikus hibát, utána azt a megoldást, amelyik jobban támogatja a felhasználó feladatát.
×
GYAKORI HIBA
Apró ikon távol a figyelem fókuszától
×
apró célpont
Kisebb célpontot több pontossággal kell eltalálni, különösen érintőképernyőn vagy mozgáskorlátozottság mellett.
✓
HELYES IRÁNY
Nagyobb, közelebbi interakciós terület
×
nagyobb célterület
A célpont mérete és helye csökkenti a szükséges pontosságot és gyorsítja a műveletet.
Mit jelent a fitts törvénye?
Fitts törvénye az interakciós célpont elérésének idejét a cél méretével és távolságával kapcsolja össze. Gyakorlatban a fontos kontrollok legyenek elég nagyok és könnyen elérhetők.
Különösen érintőképernyőn számít, hogy a gomb tényleges target area-ja ne csak egy apró ikon legyen, és a veszélyes akciók ne kerüljenek túl közel más fontos kontrollhoz.
A legfontosabb alapelvek
- Növeld a gyakori célpontok target area-ját.
- Adj megfelelő spacinget szomszédos kontrolloknak.
- A teljes gombfelület legyen kattintható.
- Mobilon tesztelj ujjal is.
Gyakorlati példa
Egy 16px-es kuka ikon lehet vizuálisan kicsi, miközben a körülötte lévő kattintható gombterület 40–44px körüli. Így megmarad a vizuális könnyedség és javul a kezelhetőség.
Vizuális ikon és tényleges target area
×
20×20
×
44×44 target
Gyakori hibák
- Csak az SVG path kattintható.
- Két apró ikon közvetlenül egymás mellett.
- Fontos mobil CTA a nehezen elérhető sarokban.
Hogyan alkalmazd a saját felületeden?
Ne izolált szabályként kezeld a témát. A fitts törvénye akkor működik jól, ha a felhasználó céljával, a tartalom fontossági sorrendjével és a teljes felület többi döntésével együtt vizsgálod.
Teszteld valós feladattal: adj a felhasználónak konkrét célt, figyeld meg, hol bizonytalanodik el, mit ért félre, és mely pontokon kell indokolatlanul gondolkodnia. A jó UI/UX döntés nem attól jó, hogy látványos, hanem attól, hogy kiszámíthatóbbá és könnyebbé teszi a feladat elvégzését.
A vizuális minőség és a használhatóság nem egymás ellenfelei. A jó felület mindkettőt ugyanannak a felhasználói célnak rendeli alá.
Ne törvényként, hanem diagnosztikai eszközként használd
A UX-ben használt pszichológiai „törvények” jó gondolkodási keretek, de nem helyettesítik a konkrét kontextust. Nem az a cél, hogy minden képernyőre ráhúzz egy elvet, hanem hogy meg tudd magyarázni, miért lehet egy döntés lassú, bizonytalan vagy hibára hajlamos.
Ha egy elv alapján változtatsz a felületen, ellenőrizd a hatását. Lehet, hogy kevesebb opció gyorsít egy döntést, de ha emiatt a fontos lehetőségek rejtetté válnak, a teljes feladat rosszabb lesz. A mérce mindig a felhasználói cél sikeres elvégzése.
- az elv konkrét problémát magyaráz-e
- a változtatás tényleg csökkenti-e a terhelést
- nem okozol-e új problémát egy másik ponton
Gyakori kérdések
Miért fontos a fitts törvénye?
Különösen érintőképernyőn számít, hogy a gomb tényleges target area-ja ne csak egy apró ikon legyen, és a veszélyes akciók ne kerüljenek túl közel más fontos kontrollhoz.
Mikor érdemes tesztelni?
Már korai wireframe vagy prototípus szinten is. Minél később derül ki egy alapvető használhatósági probléma, annál drágább lehet a javítása.
Források és további olvasnivaló
Az accessibility és usability állításoknál elsődleges szabványokra és bevett szakmai forrásokra támaszkodj; a konkrét interface-döntéseket pedig mindig a saját felhasználói kontextusodban teszteld.