Faptul că o pagină încape pe ecranul telefonului nu înseamnă că este și ușor de folosit. Un vizitator poate ajunge cu o singură mână liberă, cu tastatura deschisă sau cu o conexiune instabilă. Verificarea pe mobil trebuie să urmărească acțiunile reale, nu doar o captură frumoasă a primei secțiuni.
Parcurge traseul important de la început la sfârșit
Alege o sarcină: găsirea unui serviciu și trimiterea unei cereri. Deschide meniul, citește informațiile, completează câmpurile și urmărește confirmarea. Verifică dacă un banner, un buton fix sau tastatura acoperă elementele necesare. Un detaliu care pare minor pe desktop poate bloca întregul traseu pe un ecran mic.
Controlează textele și elementele interactive
Folosește denumiri care descriu destinația butoanelor. Verifică titlurile lungi, adresele de email și mesajele de eroare, fiindcă ele pot avea alte dimensiuni decât exemplele scurte din machetă. Linkurile apropiate trebuie să poată fi selectate fără atingerea accidentală a celui de lângă ele.
Nu ascunde etichetele câmpurilor doar pentru a economisi spațiu. După ce începe să scrie, persoana ar trebui să știe în continuare ce informație îi este cerută. Dacă apare o eroare, păstrează datele deja introduse ori de câte ori fluxul permite acest lucru.
Adaptează imaginile, nu doar coloanele
O fotografie destinată unui ecran mare poate avea un subiect greu de urmărit după decuparea pe telefon. Verifică zona vizibilă și lizibilitatea textului din capturi. HTML permite oferirea mai multor variante ale unei imagini prin srcset și sizes; alegerea resursei poate astfel ține cont de condițiile de afișare. Detaliile sunt explicate în ghidul MDN despre imagini responsive.
Testează și situațiile incomode
Rotește telefonul, mărește textul și verifică pagina cu preferința pentru mișcare redusă activată. Încearcă și revenirea la o pagină după folosirea butonului Înapoi. Dacă site-ul cere introducerea unor date, verifică ce se întâmplă când lipsește un câmp sau când serverul nu răspunde imediat.
Emularea din browser ajută la descoperirea problemelor de structură, dar merită completată cu verificări pe telefoane reale. Aspectul și interacțiunile trebuie evaluate împreună, pe paginile pe care oamenii chiar le folosesc.
Pentru organizarea acestor trasee, vezi serviciul de strategie orientată spre experiența utilizatorului.
