Legea lui Fitts aplicata la UX Design

Legea lui Paul Fitts, publicata in 1954, este un model matematic al miscarilor umane si calculeaza timpul necesar pentru deplasarea dintr-un punct initial la un punct final de o anumita dimensiune si situat la o anumita distanta. Pe langa aplicarea acestei legi in interactiunea om – masina, ea este folosita si in design-ul de interfete grafice.

Legea spune ca : Este mai usor sa ajungi la o tinta mai apropiata si de o dimensiune mai mare decat la o tinta mai mica si mai departata.

Exemple ale acestei legi le vedem in viata de zi cu zi, de la pedalele masinilor unde frana este mai mare si mai apropiata decat acceleratia, la butoanele de oprire si pornire ale utilajelor, unde butonul de oprire este mai mare decat cel de pornire pentru a evita accidentele.

In UX Design legea lui Fitts isi gaseste implementarea in realizarea si pozitionarea butoanelor CTA (call to action).

In exemplul de mai jos (extras din cursul User Experience Fundamentls for Web Design disponibil pe www.lynda.com) vedem cum actiunile preferate sunt aduse in evidenta cu ajutorul butoanelor mari, in schimb optiunea nepreferata “learn more” este sub forma unui link simplu.

In ceea ce priveste pozitionarea cea mai potrivita in pagina, pozitia centrala este cea mai buna deoarece ne da cea mai buna probabilitate ca mouse-ul utilizatorului sa se gasesaca in preajma.

Putem concluziona spunand ca legea lui Fitts in design-ul de interfete ne invata ca vom obtine efectul dorit din partea vizitatorilor site-ului nostru daca vom utiliza butoane mai mari si centrate in pagina pentru actiunile pe care dorim sa le incurajam.

Pentru actiunile secundare sau pe care dorim sa le descurajam vom folosi in schimb butoane de mici dimensiuni sau chiar link-uri in forma de text. In acest mod incurajam vizitatorii site-ului sa aleaga in mod inconstient o actiune in defavoarea alteia.

O alta tecnica foarte utilizata pentru a incuraja vizitatorii site-ului sa se indrepte cu mai multa usurinta inspre actiunea dorita de noi este utilizarea de butoane CTA de culori aprinse pentru actiunile pe care le favorizam si deci inspre care vrem sa indreptam atentia publicului nostru, ca in exemplul de mai jos.