Zaslon osjetljiv na dodir funkcionira različito od tipkovnica i miševa
U prvim danima projektiranja web stranica za mobilne uređaje, većina programera bifurkala je svoju ponudu proizvoda. Izdali su potpuno funkcionalnu verziju stolnog računala, a potom i "mobilno optimizirano" verziju koja je uklonila veći dio robne marke i slika radi prilagodbe ograničenim mogućnostima i brzini mreže bombonijskih telefona i 3G bežičnih mreža.
Suvremeni pametni telefoni, međutim, mogu pružiti web stranice jednako učinkovito kao i stolna računala, putem mreža što je bolje ili bolje od jučerašnjih DSL linija.
Dizajn se zatim konvergira na sučelje s jednim korisnikom. No, rizik za dizajnere nije taj da pametni telefon ili tablet ne može pružiti suvremenu web stranicu koja odgovara. Umjesto toga, metoda unosa korisnika na uređaju osjetljivom na dodir zahtijeva značajne promjene u temeljnom dizajnu web mjesta. Dani izgradnje web stranice pretpostavljajući da su posjetitelji imali tipkovnicu i miš.
Osnovne Pravila dizajna zaslona
Projektiranje web-sučelja svjesno zaslonom osjetljivim na dodir zahtijeva evoluciju tradicionalnog pristupa monitora i miša tipkovnice u prošlosti. Konkretno, morate primiti interakcije kao što su geste, dodirne točke i multitouch unos.
- Taktiranje nije točno. Osim ako klijent ima prste djeteta, čak i uz vrlo precizne kontrole softvera, može biti teško iskoristiti i biti precizni.
- Geste se razlikuju od udaraca. Da bi se na zaslonu osjetljivom na dodir pomicala duga stranica, korisnik prstom prstom prekida prozor preglednika. To se možda neće činiti značajnim dok ne shvatite da pregledavanje mišem pomičete prema dolje .
- Dva (i više) dodirnih prstiju. Korisnik može istovremeno upotrebljavati više prstiju na uređaju da bi je mogao upravljati. Te dodatni dodir može značiti nešto specifično ovisno o operacijskom sustavu korisničkog uređaja.
- Uređaji s visokim zaslonom. Zasloni većine tableta s dodirnim zaslonom izrađeni su od čvrstog stakla. Ovaj materijal može biti vrlo teško pročitati, s puno zasljepljivanja, u uvjetima jakih svjetlosti. Osim toga, s dodirivanjem na zaslonu dobivaju otisci prstiju i mrlje koje mogu utjecati na izgled vaših stranica.
- Tipkovnica na zaslonu. Dok neki korisnici imaju bežičnu tipkovnicu koja se povezuju sa svojim tabletima, većina korisnika tableta koristi zaslonsku tipkovnicu za unos podataka. Unos OSK može rezultirati nekim smiješnim pogreškom pri upisu, kao i neugodno koristiti duže vrijeme.
Zbog tih značajki uređaja, web dizajneri trebaju naglasiti nekoliko osnovnih pravila dizajna za korisnike osjetljivaca na dodir:
- Ne stavljajte stavke koje se mogu kliknuti preblizu. Ne postoji teško i brzo pravilo kojim se definira koliko je blizu preblizu, ali popisi veza, osobito u manjoj veličini fonta, mogu biti teški za kretanje klikanjem (dodirivanjem) debelim prstom. Može biti neugodno da morate zumirati samo da biste pokušali kliknuti vezu. Ovo načelo vrijedi i za gumbe, kao i za veze.
- Hijerarhije mogu biti teško zadržati. Jedan popularan oblik dinamičnog izbornika koristi JavaScript za otvaranje podizbornika kada korisnik klikne, a zatim prebacuje miša preko podizbornika. Ta stanja mogu biti vrlo teška ili nemoguća za korištenje na zaslonima osjetljivim na dodir, jer oni ne ostaju otvoreni ili se ne zatvaraju.
- Premjestite veze i područja koja se mogu kliknuti udaljena od desnog ruba prozora. Većina ljudi ima desnu ruku i skloni se pomicati na toj strani zaslona. Budući da je pomicanje učinjeno s gestom, ponekad je moguće pogreškom pokrenuti krivudanje na vezi. Korisnici se mogu smetati ako se žele pomicati na stranici, a umjesto toga slučajno su dodirnuli vezu. Premještanjem veza s desne strane, možete im pomoći da izbjegnete ovu neugodnost.
- Nema miša. A to znači da nema pokazivača miša . Ne biste se trebali oslanjati na mijenjanje pokazivača miša kako biste ukazali na to da se nešto može kliknuti.
- Stanja lebde ne postoje. Kao posljedica gore navedenog, budući da nema miša, nema ništa s kojim se može zadržati. Veza je kliknuta (dodirnuto) ili ne na uređaju osjetljivom na dodir, tako da korisnici ne mogu zaključiti nikakve korisne informacije iz takvih držača za lebdenje, kao što su izmjene boja, savjeti za alat ili izmjene stanja trake.
- Crne pozadine povećavaju svjetlucanje. Web mjesto s crnom pozadinom može se vrlo teško čitati na uređaju osjetljivim na dodir zbog zasljepljivanja. Crna čini da otisci prstiju na uređajima izgledaju jasnije, zamućujući zaslon. I crna može okrenuti zaslon u zrcalo koje odražava korisnike često više od teksta na zaslonu.
- Dugi blokovi teksta u obliku teško se mogu pisati. Iako je moguće napisati cijeli roman na iPadu ili tabletu sa sustavom Android ili Windows, većina ljudi ne voli upotrebljavati zaslonsku tipkovnicu za duge dijelove teksta. Što više vaš dizajn može učiniti unosom podataka što je moguće kraći i jednostavniji, to bolje.
Najvažniji aspekt projektiranja na zaslonu osjetljivim na dodir jest testiranje stranica na dodirnom uređaju . Iako su dostupni mnogi iPad i Android emulatori, a mnoge Windows tablete, one još uvijek ne daju osjećaj dodirnog zaslona. Ne možete reći da su veze preblizu ili da su gumbi premali - ili da zasljepljuju stranicu previše je teško čitati - osim ako ne izađete iz tabletnog računala i isprobate ih prije objavljivanja novog dizajna web mjesta.