Ukipen-pantailak teklak eta saguetatik bereizten dira
Gailu mugikorretarako webguneak diseinatzeko lehen egunetan, garatzaile gehienek beren produktuen eskaintza bifurcated. Mahaigaineko bertsio guztiz funtzionala kaleratu zuten eta "mugikorretarako optimizatutako" bertsioa ezabatu zuten marka eta irudigintza asko mugikortasun gaitasun eta sarbide-abiadura gozamenerako telefono mugikorretarako eta 3G hari gabeko sareetara egokitzeko.
Smartphones garaikideak, hala ere, mahai gaineko ordenagailuak bezain eraginkorrak diren webguneak errendatu ditzakete, atariaren DSL lerroetan bezain onak edo hobeak diren sareen bidez.
Diseinua, gero, erabiltzaile interfaze bakar batera bihurtzen da. Baina diseinatzaileentzako arriskua ez da telefono mugikor bat edo tableta bat ezinezkoa den web orrialde moderno bat errendatzea. Baizik eta, ukipen-pantailako gailuen erabiltzaileen sarrera-metodoa azpiko gunearen diseinurako aldaketa esanguratsuak eskatzen ditu. Bisitari suposatzen duen webgune bat eraikitzeko egunak teklatua eta sagua daude.
Oinarrizko ukipen-pantaila diseinatzeko arauak
Pantaila ukigarrien web interfazearen diseinurako diseinua iraganeko ohiko monitore-saguaren teklatuaren hurbilketa behar da. Bereziki, keinuak, txorrotak eta multitouch sarrerak bezalako elkarreraginak egokitu behar dituzu.
- Tapping ez da zehatza. Bezeroak toddler baten behatzak ditu, nahiz eta software oso zehatzak kontrolatu, zaila eta zehatza izan daiteke.
- Geziak txorrotak dira. Ukipen-pantailaren orri luze bat mugitzeko, erabiltzaileak hatz bat zapaltzen du arakatzailearen leihoan. Honek ez du esangurarik izango saguaren bidez arakatzen zaren arte, saguaren ezkerreko botoia mugituko duzu.
- Bi (eta gehiago) finger txorrotak. Erabiltzaile batek telefonoaren ukipen anitz bat erabil dezake aldi berean kontrolatzeko. Kapsulagailu osagarriek zerbait zehatzak esan ditzakete erabiltzailearen gailuaren sistema eragilearen arabera.
- Goi distirako gailuak. Pantaila ukipen gehien dituzten pantailek beira sendoarekin egiten dute. Material hau oso gogorra izan daiteke irakurtzeko, distira asko eguzki argitsuetan. Gainera, ukitu guztiekin, hatz-markak eta margoak eskuratu ditzakete pantailan, zure orrialdeak nola eragiten dien.
- Pantailako teklatua. Zenbait erabiltzailek haririk gabeko teklatua badaude, pilulak konektatzen dira, tablet gehienek datuen sarrera pantailako teklatua erabiltzen dute. OSK sarrerak errore barregarri batzuk sor ditzake, baita denbora luzez erabiltzeko ere.
Gailuaren ezaugarri hauei esker, web diseinatzaileek hainbat ukipen-pantailako erabiltzaileentzako oinarrizko diseinu-arauak nabarmendu beharko lituzkete:
- Ez jarri elementu klikagarriak gehiegi hurbil. Ez dago hurbilegi hurbiltzen den arau gogor eta azkarrik, baina esteken zerrendak, batez ere letra-tamaina txikian, nabigatzeko zailak izan daitezke klik eginez (tapping) hatz gorriarekin. Zalantzarik gabe, estekan klik egin eta sakatu beharra dago. Printzipio hau egia da botoiak eta estekak ere bai.
- Hierarkiek oso zaila izaten jarraitzen dute. Maila dinamiko ezagunenetariko bat JavaScript erabiltzen du submenu bat irekitzeko, erabiltzaileak klik eginez eta sagua azpimenuaren gainean pasatzen duenean. Estatu horiek oso zaila edo ezinezkoa da ukipen-pantailetan erabiltzea, ez baitago irekita edo ez da itxi.
- Mugitu estekak eta egin klik leihoan eskuineko ertzetik. Jende gehienak eskuineko eskuak dira eta pantailaren alde horretan zehar joaten dira. Mugimendua keinu batez egiten denez, batzuetan lotura bidez mugitzeko aukera dago akatsen bidez. Erabiltzaileek gogaitu egin dezakete orrialdera joateko nahi izanez gero, eta, ondorioz, lotura bat egin gabe ustekabean amaitu da. Zure estekak eskuinetik alde batera uzteko, eragozpenak ekiditeko lagun zaitzake.
- Sagua ez dago. Horrek esan nahi du ez dagoela saguaren erakuslea . Ez zenuke saguaren erakuslea aldatzerik izan behar, zerbait klik egiterakoan laguntzeko.
- Igoera estatuak ez dira existitzen. Goiko korolarioa denez, sagua ez denez, ez da ezer pasatzen. Lotura bat klik egitean edo ukipen-pantailako gailu batean ez badago, erabiltzaileek ezin dute inolako informazio erabilgarririk inola ateratzeko estatuetatik, kolore-aldaketak, tresna-aholkuak edo egoera-barrako aldaketak.
- Black background hobetu glare. Atzeko plano beltza duen gune oso gogorra izan daiteke pantaila ukipeneko gailuetan irakurtzeko. Black gailuetan hatz-markak erakustea argiagoa da, pantailaren lausotzea. Eta beltzek pantaila piztu dezakete ispiluan, pantailako testuak baino gehiagotan sarritan aurpegiak ikusten dituztela.
- Testu-formako bloke luzeak idazteko zailak dira. IPad edo Android edo Windows tabletetan eleberri osoak idazteko aukera ematen duten bitartean, jende gehienek ez lukete gustuko pantailako teklatua testu luze luzeak erabiliz. Zure diseinuari ahalik eta laburrago eta sinpleena eman diezaioke, hobeto.
Pantaila ukipeneko pantailetan zure orriak probatzeko kontuan hartu beharreko ukipen-pantaila diseinatzeko alderdi garrantzitsuena da. IPad eta Android emuladore asko daude eskuragarri, eta Windows pilulak askorekin, oraindik ez dute ukipen-pantaila bat ematen. Ezinezkoa da esteken gehiegi hurbiltzea edo botoiak txikiak direla edo glareak irakurtzeko oso zaila den orria egiten duela, tablet bat atera ezean eta probatu zure webgunearen diseinu berria askatu aurretik .