VândPupăză

Icon

Bine o zis cine o zis cand o zis ce o zis

I duplicate states. A lot!

Am descoperit pe pielea mea urmatoarea ordine nefasta a comenzilor pentru tabul “States” in interfata Fireworks: operatiunea “Delete” este imediat sub “Duplicate”.

fireworks_ux_blooper

E o greseala in designul de interfata pentru ca mi se intampla des sa-mi fuga cursorul pe stergere cand de fapt vreau sa duplic ceva.
Situatia e agravata de faptul ca nu pot folosi comenzile Copy / Paste mult mai naturale in aceasta circumstanta. Totusi, pot sa dau “Undo”.

Argumentul logic

Conform legii lui Fitts un element de interfata este cu atat mai usor de actionat cu cat efortul de a ajunge la el este mai mic (viteza cursorului / precizie / acceleratie).

In general in interfete vei vrea sa pui butoanele care declanseaza actiuni distructive in pozitii care obliga utilizatorul sa depuna un efort considerabil mai mare decat pentru a actiona alte comenzi mai des utilizate. Facand asta impiedici executarea accidentala unor actiuni radicale.

Nu confunda aceasta opinie cu a face un workflow complicat de stergere in orice situatie. Daca interfata se ocupa de distrugerea unor elemente actiunea cea mai importanta este “delete” deci vrei ca declansatorul sa fie mai proeminent.

Input cu format inflexibil

Cand iti trebuie continut dintr-un input cu un format special si ti-e lene sa aplici niste logica sau expresii regulate pe server poti folosi un plugin de jQuery care iti ajuta userul sa introduca datele corect.

Mi se pare un plugin indispensabil celor care prezinta formulare care cer date / numere de telefon intr-un format inflexibil.

Acest plugin iti poate reduce numarul de useri frustrati care primesc o eroare dupa submitarea formularului pentru ca au uitat sa introduca o cratima intre prefix si numarul de telefon.

Niciodata nu ar trebui sa te bazezi pe datele prelucrate doar pe client pentru ca JavaScript-ul se poate dezactiva si cineva iti poate face ravagii pe server.