Iba't ibang mga Touchscreens Work mula sa Keyboards at Mice
Sa mga unang araw ng pagdidisenyo ng mga website para sa mga aparatong mobile, karamihan sa mga developer ay nag-bifurcated sa kanilang pag-aalok ng produkto. Inilabas nila ang isang fully functional desktop na bersyon at pagkatapos ay isang "mobile na-optimize" na bersyon na kinuha layo ng branding at imagery upang mapaunlakan ang limitadong mga kakayahan at bilis ng network ng kendi-bar phone at 3G wireless network.
Gayunpaman, ang mga kontemporaryong smartphone ay maaaring mag-render ng mga pahina ng Web tulad ng mahusay na mga desktop PC, sa pamamagitan ng mga network na mas mahusay o mas mahusay kaysa sa mga linya ng DSL kahapon.
Ang disenyo, pagkatapos, ay nagtatagpo pabalik sa isang single-user interface. Ngunit ang panganib para sa mga designer ay hindi na ang isang smartphone o isang tablet ay hindi maaaring mag-render ng isang modernong tumutugon website. Sa halip, ito ay ang paraan ng input ng gumagamit sa isang touchscreen na aparato ay nangangailangan ng makabuluhang mga pagbabago sa pinagbabatayan ng disenyo ng site. Ang mga araw ng pagbuo ng isang website na ipagpalagay na ang mga bisita ay may isang keyboard at isang mouse ay higit sa.
Mga Panuntunan sa Disenyo ng Pangunahing Touchscreen
Ang pagdidisenyo para sa isang touchscreen-aware Web interface ay nangangailangan ng ebolusyon ng tradisyunal na monitor-mouse-keyboard na diskarte ng nakaraan. Sa partikular, dapat kang tumanggap ng mga pakikipag-ugnayan tulad ng mga pagkilos, taps, at input ng multitouch.
- Hindi tumpak ang pag-tap. Maliban kung ang customer ay may mga daliri ng isang sanggol, kahit na ang napaka-tumpak na mga kontrol ng software, maaari itong maging mahirap upang i-tap at maging tumpak.
- Ang mga galaw ay iba mula sa mga taps. Upang mag-scroll sa isang mahabang pahina sa isang touchscreen, swipes ng gumagamit ang isang daliri sa window ng browser. Maaaring hindi ito mukhang makabuluhang hanggang mapagtanto mo na ang pag-browse gamit ang isang mouse, ililipat mo ang mouse pababa .
- Dalawang (at higit pa) daliri taps. Ang isang gumagamit ay maaaring gumamit ng maramihang mga taps daliri sa aparato sa parehong oras upang kontrolin ito. Ang mga karagdagang taps ay maaaring mangahulugang isang bagay na tiyak depende sa operating system ng aparato ng gumagamit.
- Mga high-glare device. Ang mga screen ng karamihan sa mga touchscreen na tablet ay gawa sa isang matatag na baso. Ang materyal na ito ay maaaring maging napakahirap upang mabasa, na may maraming matinding liwanag, sa maliliwanag na sitwasyon ng liwanag. Dagdag pa, sa lahat ng pagpindot, nakakakuha sila ng mga fingerprints at smudges sa screen na maaaring makaapekto sa hitsura ng iyong mga pahina.
- Keyboard sa screen. Habang ang ilang mga gumagamit ay may wireless na keyboard kumonekta sila sa kanilang mga tablet, ginagamit ng karamihan sa mga gumagamit ng tablet ang on-screen na keyboard para sa data entry. Ang OSK entry ay maaaring magresulta sa ilang mga masayang-maingay typos pati na rin ang pagiging hindi komportable na gamitin para sa pinalawig na tagal ng panahon.
Dahil sa mga tampok na ito ng device, ang mga taga-disenyo ng Web ay dapat bigyang diin ang ilang mga pangunahing panuntunan sa disenyo para sa mga gumagamit ng touchscreen:
- Huwag maglagay ng mga bagay na maaaring mai-click nang masyadong malapit. Walang mahigpit na panuntunan sa pagtukoy kung gaano kalapit ang napakalapit, ngunit ang mga listahan ng mga link, lalo na sa isang maliit na laki ng font, ay maaaring maging mahirap i-navigate sa pamamagitan ng pag-click (pagtapik) na may taba na daliri. Maaari itong nakakainis na mag-zoom in lamang upang subukan at i-click ang isang link. Ang prinsipyong ito ay totoo para sa mga pindutan pati na rin ang mga link.
- Ang hirarkiya ay maaaring maging mahirap upang panatilihing bukas. Ang isang popular na form ng dynamic na menu ay gumagamit ng JavaScript upang buksan ang isang submenu kapag nag-click ang gumagamit at pagkatapos ay hovers ang mouse sa submenu. Ang mga estado na ito ay maaaring maging mahirap o imposibleng gamitin sa mga touchscreens dahil alinman sila ay hindi mananatiling bukas o hindi isasara.
- Ilipat ang mga link at naki-click na mga lugar ang layo mula sa kanang gilid ng window. Karamihan sa mga tao ay may karapatan at may posibilidad na mag-scroll sa na bahagi ng screen. Dahil ang scroll ay tapos na sa isang kilos, kung minsan posible na simulan ang mag-swipe sa isang link nang hindi sinasadya. Ang mga gumagamit ay maaaring ma-annoy kung nais nilang mag-scroll sa pahina at sa halip ay natapos nang di-sinasadyang pagtapik sa isang link. Sa pamamagitan ng paggalaw sa iyong mga link mula sa kanang bahagi, maaari mong tulungan silang maiwasan ang abala na ito.
- Walang mouse. At nangangahulugan ito na walang mouse pointer . Hindi ka dapat umasa sa pagbabago ng pointer ng mouse upang makatulong na ipahiwatig na ang isang bagay ay naki-click.
- Ang mga hover estado ay hindi umiiral. Bilang isang corollary sa itaas, dahil walang mouse, walang anuman sa hover sa. Ang isang link ay alinman sa na-click (tapped) o hindi sa isang touchscreen device, upang ang mga gumagamit ay hindi maaaring magpahiwatig ng anumang kapaki-pakinabang na impormasyon mula sa naturang hover na estado bilang mga pagbabago sa kulay, mga tip sa tool, o mga pagbabago sa katayuan-bar.
- Itinutulak ng mga itim na background ang liwanag ng takip. Ang isang site na may itim na background ay maaaring maging napakahirap na basahin sa isang touchscreen device dahil sa ang liwanag na nakasisilaw. Ginagawang mas malinaw ng itim ang mga fingerprints sa mga device, na lumabo sa screen. At ang itim ay maaaring i-on ang screen sa isang mirror na sumasalamin sa likod ng mga gumagamit mukha madalas higit pa kaysa sa teksto sa screen.
- Mahirap isulat ang mahabang mga bloke ng teksto sa mga form. Bagaman posible na isulat ang buong nobelang sa isang iPad o isang Android o Windows tablet, ang karamihan sa mga tao ay hindi gusto ang paggamit ng on-screen na keyboard para sa mahabang stretch ng teksto. Ang higit pang iyong disenyo ay maaaring gumawa ng data entry bilang maikli at madali hangga't maaari, mas mahusay.
Ang pinakamahalagang aspeto ng pagdisenyo sa touchscreens sa isip ay upang subukan ang iyong mga pahina sa isang aparato touchscreen . Habang ang maraming mga iPad at Android emulators ay magagamit, at maraming mga tablet Windows, hindi pa rin sila nagbibigay ng kahulugan ng isang touchscreen. Hindi mo masasabi na ang mga link ay masyadong malapit o ang mga pindutan ay masyadong maliit-o ang paningin ay ginagawang masyadong matigas ang pagbabasa-maliban kung nakakuha ka ng isang tablet at subukan ito bago mo ilabas ang iyong bagong disenyo ng website.