Ecrane tactile funcționează diferit de la tastatură și șoareci
În primele zile de proiectare a site-urilor web pentru dispozitive mobile, majoritatea dezvoltatorilor le-au bifurcat oferta de produse. Ei au lansat o versiune desktop pe deplin funcțională și apoi o versiune "optimizată pentru dispozitive mobile" care a îndepărtat o mare parte din branding și imagini pentru a se adapta la capacitățile limitate și la viteza de rețea a telefoanelor cu bomboane și a rețelelor fără fir 3G.
Cu toate acestea, smartphone-urile contemporane pot face paginile web la fel de eficiente ca și PC-urile desktop, prin intermediul rețelelor la fel de bune sau mai bune decât liniile DSL de ieri.
Design-ul, apoi, converge înapoi la o interfață cu un singur utilizator. Dar riscul pentru designeri nu este acela că un smartphone sau o tabletă nu pot face un site moderne receptiv. Mai degrabă, metoda de introducere de pe un dispozitiv touchscreen necesită modificări semnificative ale designului site-ului. Zilele de construire a unui site web, presupunând că vizitatorii au o tastatură și un mouse, se termină.
Reguli de bază pentru designul tactil al ecranului tactil
Proiectarea pentru o interfață Web cu ecran tactil necesită o evoluție a abordării tradiționale-mouse-tastatură tradițională a trecutului. În special, trebuie să găzduiți interacțiuni cum ar fi gesturi, robinete și intrare multitouch.
- Atingerea nu este corectă. Cu excepția cazului în care clientul are degetele unui copil, chiar și cu comenzile software foarte precise, poate fi dificil de atins și de precis.
- Gesturile sunt diferite de robinete. Pentru a derula o pagină lungă pe o touchscreen, utilizatorul scutură cu degetul în sus fereastra browserului. Este posibil ca acest lucru să nu pară semnificativ până când nu realizați că navigați cu mouse-ul, mutați mouse-ul în jos .
- Două (și mai multe) robinete pentru degete. Un utilizator poate folosi simultan mai multe butoane de pe dispozitiv pentru ao controla. Aceste robinete suplimentare pot însemna ceva specific în funcție de sistemul de operare al dispozitivului utilizatorului.
- Dispozitive cu înaltă strălucire. Ecranele majorității comprimatelor touchscreen sunt realizate dintr-un geam robust. Acest material poate fi foarte greu de citit, cu multă strălucire, în situații de lumină puternică. În plus, cu toate atingerile, ele primesc amprente și pete pe ecran care pot afecta aspectul paginilor dvs.
- Tastatură pe ecran. În timp ce unii utilizatori au o tastatură fără fir, se conectează la tablete, majoritatea utilizatorilor de tablete folosesc tastatura de pe ecran pentru introducerea datelor. Intrarea OSK poate duce la unele greșeli de tipărire, precum și la incomoditatea utilizării pentru perioade lungi de timp.
Din cauza acestor caracteristici ale dispozitivului, designerii web ar trebui să sublinieze mai multe reguli de proiectare de bază pentru utilizatorii de ecran tactil:
- Nu așezați obiectele pe care se poate face clic prea aproape împreună. Nu există o regulă greu și rapidă care să definească cât de aproape este prea aproape, dar listele de linkuri, mai ales într-o mărime mică a fontului, pot fi dificil de navigat făcând clic pe (atingând) cu un deget gras. Poate fi enervant să trebuiască să măriți doar pentru a încerca să faceți clic pe un link. Acest principiu este valabil atât pentru butoane, cât și pentru legături.
- Ierarhiile pot fi greu de păstrat. O formă populară de meniu dinamic utilizează JavaScript pentru a deschide un submeniu atunci când utilizatorul face clic și apoi se deplasează mouse-ul peste submeniu. Aceste stări pot fi foarte dificil sau imposibil de utilizat pe ecranele tactile, deoarece acestea nu rămân deschise sau nu se vor închide.
- Mutați linkurile și zonele care pot fi accesate de la marginea din dreapta a ferestrei. Majoritatea oamenilor sunt dreptaci și au tendința de a naviga pe acea parte a ecranului. Deoarece defilarea se face cu un gest, uneori este posibil să porniți din greșeală o legătură pe un link. Utilizatorii pot fi deranjați dacă doreau să se deplaseze pe pagină și, în schimb, au terminat prin atingerea accidentală a unui link. Prin mutarea legăturilor dvs. din partea dreaptă, le puteți ajuta să evitați aceste neplăceri.
- Nu există mouse. Și aceasta înseamnă că nu există indicatorul mouse- ului . Nu trebuie să vă bazați pe modificarea indicatorului mouse-ului pentru a indica faptul că este posibil să faceți clic pe ceva.
- Statul de hover nu există. Ca un corolar al celor de mai sus, din moment ce nu există niciun șoarece, nu este nimic de umbrit. O legătură este fie făcută pe un dispozitiv touchscreen, fie pe un dispozitiv touchscreen, astfel încât utilizatorii să nu poată deduce informații utile din astfel de stări de hover, cum ar fi modificările de culoare, sfaturile pentru unelte sau modificările barei de stare.
- Fundalul negru sporește strălucirea. Un site cu un fundal negru poate fi foarte greu de citit pe un dispozitiv touchscreen datorită orbire. Negrul face ca amprentele de pe dispozitive să apară mai clar, estompând ecranul. Și negrul poate transforma ecranul într-o oglindă care reflectă înapoi utilizatorii se confruntă adesea mai mult decât textul de pe ecran.
- Lungile blocuri de text în formulare sunt greu de scris. Deși este posibil să scrieți romane întregi pe un iPad sau pe o tabletă Android sau Windows, majoritatea oamenilor nu le place să folosească tastatura de pe ecran pentru întinderi lungi de text. Cu cât designul dvs. poate face intrarea datelor cât mai scurtă și mai ușoară, cu atât mai bine.
Cel mai important aspect al proiectării cu touchscreens în minte este de a testa paginile dvs. pe un dispozitiv touchscreen . În timp ce o mulțime de emulatori iPad și Android sunt disponibile și o mulțime de tablete Windows, ele încă nu oferă sensul unui ecran tactil. Nu puteți spune că legăturile sunt prea apropiate sau că butoanele sunt prea mici - sau că strălucirea face ca pagina să fie prea greu de citit - cu excepția cazului în care ieșiți dintr-o tabletă și încercați-le înainte de a vă lansa noul design al site-ului web.