Touchscreens dela drugače od tipkovnic in miši
V prvih dneh oblikovanja spletnih strani za mobilne naprave je večina razvijalcev dvignila svojo ponudbo izdelkov. Izdali so popolnoma funkcionalno različico namizja in nato "mobilno optimizirano" različico, ki je odvzela večino blagovne znamke in posnetkov, da bi lahko prilagodila omejene zmogljivosti in omrežno hitrost telefonov s candy-bar in brezžičnimi omrežji 3G.
Sodobni pametni telefoni pa lahko spletne strani naredijo enako učinkovito kot namizni računalniki, prek omrežij kot dobre ali boljše od včerajšnjih DSL linij.
Oblikovanje nato konvergira nazaj v enoslojni vmesnik. Toda tveganje za oblikovalce ni, da pametni telefon ali tablični računalnik ne more postati sodobno odzivno spletno mesto. Namesto tega metoda vnosa uporabnika na zaslonu na dotik zahteva bistvene spremembe osnovnega zasnove spletnega mesta. Dneve izdelave spletne strani, ob predpostavki, da imajo obiskovalci tipkovnico in miško, so konec.
Osnovna pravila zasnove zaslona zaslona
Oblikovanje spletnega vmesnika, občutljivega na dotik, zahteva razvoj tradicionalnega pristopa z miško in tipkovnico iz preteklosti. Zlasti morate prilagoditi interakcije, kot so kretnje, pip in multitouch vnos.
- Tapping ni točen. Razen če ima stranka prste malega, tudi pri zelo natančnih programskih kontrolah, je težko uporabljati in biti natančen.
- Kretnje so drugačne od pip. Če se želite pomikati dolge strani na zaslonu na dotik, uporabnik preklopi en prst v okno brskalnika. To se morda ne bo zgodilo, dokler ne boste ugotovili, da brskanje z miško premaknete miško navzdol .
- Dva (in več) prstnih pip. Uporabnik lahko hkrati s pritiskom na več prstov na napravi hkrati nadzoruje. Te dodatne pipe lahko pomenijo nekaj posebnega, odvisno od operacijskega sistema uporabniške naprave.
- Naprave z visokim odsevom. Zasloni večine tablet na dotik so izdelani iz trdnega stekla. Ta material je zelo težko prebrati, z veliko bleščanja, v svetlih razmerah. Plus, z vsemi dotiki, dobijo prstne odtise in pigmente na zaslonu, ki lahko vplivajo na izgled vaših strani.
- Zaslonska tipkovnica. Čeprav imajo nekateri uporabniki brezžično tipkovnico, se povezujejo z njihovimi tabličnimi računalniki, večina uporabnikov tabličnega računalnika uporablja za vnos podatkov zaslonsko tipkovnico. Vnos OSK-ja lahko povzroči nekaj smešnih tipkanj in neprijetnosti za uporabo v daljšem časovnem obdobju.
Zaradi teh funkcij naprave morajo spletni oblikovalci poudariti več osnovnih pravil zasnove za uporabnike touchscreen:
- Ne postavljajte predmetov, ki jih je mogoče klikniti, preveč blizu skupaj. Ni težko in hitro pravilo, ki določa, kako blizu je preblizu, vendar je seznamov povezav, zlasti v majhni velikosti pisave, težko krmariti s klikom (dotikanje) z maščobnim prstom. Morda je neprijetno, da bi morali povečati samo, če želite poskusiti in klikniti povezavo. To načelo velja za gumbe in povezave.
- Hierarhije je težko ostati odprto. Ena priljubljena oblika dinamičnega menija uporablja JavaScript, da odpre podmeni, ko uporabnik klikne in nato premakne miško nad podmeni. Te države je lahko zelo težko ali nemogoče uporabljati na zaslonih na dotik, ker ne ostanejo odprta ali se ne bodo zapirala.
- Premaknite povezave in območja, ki jih je mogoče klikniti, stran od desnega roba okna. Večina ljudi je desničar in se nagibajo po tej strani zaslona. Ker je drsenje opravljeno s potezo, je včasih mogoče zmotno zagnati povezavo. Uporabniki se lahko motijo, če se želijo pomikati po strani in namesto tega končajo naključno tapanje povezave. S premikanjem povezav z desne strani jim lahko pomagate, da bi se izognili tej neprijetnosti.
- Ni miške. In to pomeni, da ni miškinega kazalca . Ne smete se zanašati na spremembo kazalca miške, da bi ugotovili, da je nekaj mogoče klikniti.
- Nihče ne obstaja. Kot posledica zgoraj navedenega, ker nima miške, nima ničesar, na katerem se je treba premakniti. Povezava je bodisi kliknjena (privzeta) ali ne na napravi na dotik, zato uporabniki ne morejo sklepati nobenih uporabnih informacij iz takšnih stanja lebdenja, kot so spremembe barve, nasveti orodja ali spremembe vrstice stanja.
- Črno ozadje povečuje bleščanje. Spletna stran s črnim ozadjem je zaradi blesk zelo težko berljiva na napravi na dotik. Črno povzroči, da so prstni odtisi na napravah jasnejši, z zameglitvijo zaslona. In črno lahko zaslon obrne v zrcalo, ki odraža uporabnike pogosto več kot besedilo na zaslonu.
- Dolgih blokov besedila v obrazcih je težko napisati. Medtem ko je mogoče pisati celotne romane v iPad ali tabličnem računalniku s sistemom Android ali Windows, večina ljudi ne želi uporabljati zaslonske tipkovnice za dolge odseke besedila. Bolj ko vaša zasnova omogoča vnašanje podatkov čim krajša in enostavnejša, bolje.
Najpomembnejši vidik načrtovanja s touchscreen-jem je, da preizkusite svoje strani na napravi na dotik . Čeprav so na voljo številni emulatorji za iPad in Android, in veliko tablet v sistemu Windows, še vedno ne zagotavljajo občutka zaslona na dotik. Ne morete reči, da so povezave preblizu ali da so gumbi premajhni - ali da blesk naredi stran preveč težko prebrati - razen če ne dobite tabličnega računalnika in ga preizkusite, preden sprostite novo zasnovo spletnega mesta.