Lumea modelelor anti-UX

În calitate de utilizator al web-ului, din când în când, puteți găsi anumite lucruri care sunt cu adevărat enervante. Poate că ceva despre un formular de autentificare, de navigare sau o aplicație web în general, face dificilă îndeplinirea unei sarcini date. De ce cineva a proiectat și a construit ceva în acest fel?

Răspunsul este complicat. Prima și cea mai importantă problemă este că cei responsabili ar fi neglijat să-și testeze designul cu utilizatorii reali. Adesea, atunci când se întâmplă acest lucru, ei probabil credeau că știu despre o modalitate bună de a trata această interacțiune. La urma urmei, au văzut-o pe alte site-uri web, și cu siguranță acei designeri au testat-o? De ce reinventați roata?!

Problema este că, uneori, concurența poate să nu fie la fel de inteligentă pe cât le dați credit. Deci, în timp ce suntem cu toții ocupați să vizităm galeriile CSS și să ne copiem reciproc munca fără să o testăm, construim neintenționat o bibliotecă de modele.

Unele dintre aceste modele funcționează, dar altele nu. Dacă roata pe care o copiați este de fapt pătrați (hei, funcționează dacă împingeți foarte tare!), Atunci da Virginia, de fapt trebuie să reinventați roata.

Luați în considerare următoarele:

  • Utilizatorii dvs. nu sunt neapărat utilizatorii Amazon, utilizatorii Google sau chiar utilizatorii competitorului dvs. Pentru a afla dacă un model de design va funcționa, trebuie să îl testați cu utilizatorii unici. Poate că utilizatorii dvs. sunt toți marinari din Dubai (un caz de utilizare care sa întâmplat de fapt în organizația mea recent). Utilizatorii dvs. au nevoi diferite de utilizatorii altor site-uri web.
  • Dar nu există anumite lucruri despre modul în care creierul uman interacționează cu informațiile?

Da. Dar din nou, acesta este un spectru. Există foarte puține absoluturi. Luați, de exemplu, acest studiu recent efectuat de Universitatea Harvard, care a condus la un joc care ar putea ghici vârsta dvs. cu viteza clicului mouse-ului (am luat-o, a fost la fața locului!)

Utilizatorii au nevoi diferite de vârstă, capacitate fizică, cultură și multe altele. De aceea soluțiile cu conservare se pot întoarce atât de des.


Ce este un model anti-model??

Un anti-model este un model de design frecvent utilizat, care fie nu funcționează sau este contraproductiv. Le veți vedea în aplicații web și pe site-uri web oriunde în care un utilizator trebuie să efectueze o acțiune în vreun fel, indiferent dacă se conectează, furnizează informații sau citește informații pentru a lua decizii.


Cum să le identificați

Ca designer de web, veți avea probabil un timp ușor de recunoscut atunci când ceva este în mod evident ineficient (de exemplu, un meniu care se închide înainte de a putea da clic pe un element din meniu). Cu toate acestea, anti-modelele sunt adesea mai subtile. Un utilizator determinat va trece peste ei, dar nu fără o anumită cantitate de durere.

Pentru a le identifica, este mai bine să vă întoarceți la valorile dvs. web. Dacă nu utilizați valori pe site-ul dvs., începeți ieri! Google Analytics este o alegere excelentă pentru a începe, deoarece este gratuit și ușor de configurat.

Ce căutați în valorile dvs.? Unele lucruri care vor indica prezența unei probleme (și, eventual, un model anti-model) includ:

Utilizatorii renunțând la pagini.
Dacă mulți utilizatori navighează către o anumită pagină, dar apoi dispar dintr-o dată, probabil că trebuie să aruncați o privire mai atentă la ceea ce se întâmplă pe acea pagină. Trebuie să finalizeze o acțiune pentru a continua? Nu reușesc să găsească unde să meargă în continuare? Este întreaga pagină o animație intermitentă? Nu veți ști până nu investigați. Semnați acest domeniu pentru o analiză ulterioară și pentru o cercetare reală în direct a utilizatorilor.

Clic pe aleatorie.
Dacă utilizatorii fac clic pe toate, înseamnă că nu știu exact ce ar trebui să facă clic.

Apăsând în mod repetat în sus și în jos.
Dacă utilizatorii se deplasează în sus și în jos, înseamnă că nu găsesc ceea ce caută sau ceea ce se așteaptă să facă.


Unele anti-modele comune

O problemă de uzabilitate nu echivalează neapărat cu prezența unui model anti-model, dar ar putea fi un indiciu. Multe anti-modele au fost studiate și dovedite a fi ineficiente suficient de des pentru a fi generalizate ca o idee rea. Aici sunt câțiva dintre ei:

Elemente care pot fi selectate care nu apar pe clic


Printre acestea se numără:

  • Butoane care sunt prea mici.
  • Link-uri text care nu sunt distincte din punct de vedere vizual (albastru este cel mai bun!)
  • Butoane care sunt prea plate pentru a sugera utilizatorii că sunt de fapt butoane (pentru mai multe despre problemele de uzabilitate cu tendința de design plat, citiți acest articol.)
  • Absența unor stări de hover poate fi, de asemenea, problematică, inclusiv lipsa de utilizare cursor: pointer;.

Acoperiți și acoperiți


Este convenabil să declanșați interfețele ascunzând informații în spatele obiectelor care pot fi hoverable, cum ar fi butoanele sau subtitrările, dar asigurați-vă că informațiile nu se ascund din nou prea repede. Utilizatorii nu pot citi cât de repede crezi că pot. Este destul de enervant să trebuiască să păstrați mousing pentru a păstra informațiile vizibile.


Context inconsistent

De exemplu, prezența a trei tipuri diferite de linkuri pe o pagină. Un tip returnează utilizatorul pe pagina de pornire, un tip ia utilizatorului în afara site-ului, iar al treilea deschide un pop-up. Acest lucru ar putea fi confuz și frustrant.

Pe rand


Într-o listă complexă în care utilizatorii efectuează acțiuni cum ar fi adăugarea, ștergerea sau modificarea stării elementelor de listă într-un fel, oferiți o opțiune de lot! Fiind obligat să facă modificări un singur articol la un moment dat este obositor și dureros.

Tone de conținut înghesuiți deasupra ori


Studiile au arătat că utilizatorii au citit, de fapt, mai jos de ori. Cu toate acestea, mitul de a păstra conținutul deasupra celei mai importante ori persistă. Extindeți-vă conținutul!

Navigare prin stick Pogo


bat pogo navigarea este atunci când utilizatorul este obligat să coboare un nivel sau două pentru a efectua o acțiune, reveniți până sus, apoi reveniți din nou în jos. Numele a fost inventat de Jared Spool și descrie acțiunea de sărituri de a avea de a naviga în jos, în sus și în jos din nou.

Ștergerea informațiilor despre eroare


Un exemplu în acest sens ar putea fi orice formă în care un utilizator salvează, declanșează o eroare și este obligat să reintroducă integral sau parțial informațiile introduse anterior.

Destinație greșită

Aceasta este atunci când o acțiune este finalizată și utilizatorul este dus la o pagină diferită decât se aștepta. O apariție obișnuită a acestei situații se petrece pe site-urile de eCommerce, unde un utilizator trebuie să se conecteze pentru a încheia o tranzacție. Cu toate acestea, atunci când se conectează, aceștia sunt returnați pe prima pagină în locul paginii în care erau gata să introducă informațiile cărții de credit.


Teme pentru acasă

Aruncați o privire în jurul proiectului dvs. curent, cu un ochi pentru unele dintre aceste modele. Au un prieten sau un coleg neinvocat să treacă pe aici și să privească ce se întâmplă. Sunt frustrați oriunde? Locurile în care lucrurile nu par să meargă fără probleme ar putea fi un semn al unui model anti-model.

Acestea sunt doar câteva! Ce anti-modele ați observat în jurul rețelei web? Ai căzut în oricare dintre aceste capcane pe site-urile tale?