Touchscreens funkcionišu drugačije od tastature i miševa
U ranim danima dizajniranja web sajtova za mobilne uređaje, većina programera je razjasnila njihovu ponudu proizvoda. Izdali su potpuno funkcionalnu verziju za desktop računare, a potom i verziju "mobilno optimizovane" koja je uklonila veliki deo brendiranja i slika kako bi se prilagodili ograničenim kapacitetima i brzini mreže sličnih telefona i 3G bežičnih mreža.
Savremeni pametni telefoni, međutim, mogu učiniti Web stranice podjednako efikasnim kao desktop računari, kroz mreže kao dobre ili bolje od jučerašnjih DSL linija.
Dizajn, onda, konvergira se na jednostruki korisnički interfejs. Ali rizik za dizajnera nije da pametni telefon ili tablet ne mogu napraviti savremenu odgovarajuću web lokaciju. Umesto toga, metodom korisničkog unosa na uređaju osetljivog na dodir zahtijeva značajne promjene na osnovu dizajna sajta. Dani izgradnje web stranice pod pretpostavkom da posetioci imaju tastaturu i miš.
Osnovna pravila dizajna ekrana osetljivog na dodir
Dizajniranje Web osetljivog interfejsa osetljivog na dodir zahtijeva evoluciju tradicionalnog pristupa miša i tastature iz prošlosti. Konkretno, morate prilagoditi interakcije poput gesta, slavina i multitouch ulaza.
- Dodirivanje nije tačno. Osim ako korisnik ima prste mališana, čak i sa vrlo preciznim softverskim kontrolama, može biti teško dodirivati i biti precizan.
- Pokreti se razlikuju od slavina. Da bi se pomerala duga stranica na ekranu osetljivom na dodir, korisnik prebacuje jedan prst u prozor pregledača. Ovo se možda ne čini značajnim dok ne shvatite da pregledanjem miša pomerate miš.
- Dva (i više) prsta. Korisnik može istovremeno koristiti više prsta na uređaju kako bi ga kontrolisao. Ovi dodatni slavini mogu značiti nešto specifično u zavisnosti od operativnog sistema korisničkog uređaja.
- Naprave visokog glasa. Ekrani većine ekrana osetljivih na dodir su izrađeni od čvrste stakla. Ovaj materijal može biti veoma teško pročitati, sa puno odsjaja, u situacijama jakog osvetljenja. Plus, sa svim dodirom, na ekranu dobijaju otiske prstiju i mrlje koje mogu uticati na izgled vaših stranica.
- Tastatura na ekranu. Iako neki korisnici imaju bežičnu tastaturu koji se povezuju na svoje tablete, većina korisnika tablet-a koristi ekransku tastaturu za unos podataka. Unošenje OSK-a može dovesti do nekih smešnih grešaka, kao i neprijatnosti upotrebe u dužem vremenskom periodu.
Zbog ovih karakteristika uređaja, web dizajneri bi trebali naglasiti nekoliko osnovnih pravila dizajna za korisnike ekrana osetljivog na dodir:
- Ne stavljajte predmete koji se stavljaju u kontakt zajedno. Ne postoji čvrsta i brza pravila koja definišu koliko je bliska preblizu, ali se lista linkova, pogotovo u maloj veličini fonta, može otežati navigacijom klikom (dodirivanje) prstom. Može biti neprijatno što mora da se zumira samo da biste pokušali i kliknuti na vezu. Ovaj princip važi za dugmad i veze.
- Hijerarhije može biti teško ostati otvoreno. Jedna popularna forma dinamičkog menija koristi JavaScript da bi otvorila podmeni kada korisnik klikne i onda lebdi miš preko podmenija. Ove države mogu biti veoma teške ili nemoguće koristiti na dodirnim ekranima jer oni ne ostanu otvoreni ili neće zatvoriti.
- Pomerite veze i klizne površine daleko od desne ivice prozora. Većina ljudi ima desnu ruku i skloni se na tu stranu ekrana. Pošto je skrolovanje izvršeno gestom, ponekad je moguće pogrešno pokrenuti link na grešku. Korisnici mogu uznemiriti ako žele da se pomiču na stranici i umesto toga slučajno dodirnu vezu. Pomeranjem veza sa desne strane, možete im pomoći da izbegnu ovu neugodnost.
- Nema miša. A to znači da nema pokazivača miša . Ne bi trebalo da se oslanjate na promjenu pokazivača miša kako biste ukazali na to da se nešto može kliknuti.
- Stanje lebdeka ne postoji. Kao posledica gore navedenog, pošto nema miša, nema ništa sa kojim treba da se lebdi. Veza je ili kliknuta (tapirana) ili ne na ekranu osetljivom na dodir, tako da korisnici ne mogu zaključiti bilo kakve korisne informacije iz takvih stanja lebdenja, kao što su promene boje, savjeti za alat ili promjene statusne trake.
- Crna pozadina poboljšava odsjaj. Stranicu sa crnom pozadinom može biti veoma teško čitati na uređaju osetljivim na dodir zbog blještavosti. Crni čini otiske prstiju na uređajima jasnije, zamagljujući ekran. A crnac može pretvoriti ekran u ogledalo odražavajući se korisnici često više nego tekst na ekranu.
- Dugi blokovi teksta u obliku je teško pisati. Iako je moguće pisati čitave romane na iPad-u ili Android ili Windows tabletu, većina ljudi ne voli da koristi dugmad na ekranu za dugačke tekstove. Što više vaš dizajn može učiniti unos podataka što kraćim i lakšim, to bolje.
Najvažniji aspekt dizajniranja sa dodirom na dodir je da testirate svoje stranice na ekranu osetljivom na dodir . Iako su dostupni veliki broj iPad i Android emulatora, i puno Windows tableta, oni i dalje ne pružaju osećaj ekrana osetljivog na dodir. Ne možete reći da su veze preblizu ili da su dugmad previše mala - ili da blesk čine stranicu preteško za čitanje - osim ako ne izađete iz tablet računara i isprobate ih pre nego što pustite novi dizajn web sajta.