Ang mga Touchscreens nga lahi nga nahimo gikan sa Keyboards ug Mice
Sa unang mga adlaw sa pagplano sa mga website alang sa mga mobile device, kadaghanan sa mga tig-develop midugang sa ilang paghalad sa produkto. Gipagawas nila ang usa ka fully functional version sa desktop ug unya usa ka "mobile optimized" nga bersyon nga naghubo sa kadaghanan sa branding ug imagery aron ma-accommodate ang limitado nga kapabilidad ug network speed sa candy-bar phones ug 3G wireless networks.
Ang moderno nga mga smartphones, bisan pa niana, makahatag sa mga panid sa Web sama ka epektibo sama sa desktop PCs, pinaagi sa mga network nga maayo o mas maayo kay sa mga linya sa DSL kagahapon.
Busa, ang disenyo nagdala balik ngadto sa us aka usa ka user interface. Apan ang risgo alang sa mga tigdesinyo dili nga ang usa ka smartphone o usa ka tablet dili makahatag sa usa ka moderno nga responsive nga website. Hinunoa, kini nga ang pamaagi sa paggamit sa user sa usa ka touchscreen nga kagamitan nagkinahanglan og makahuluganon nga mga pagbag-o sa gipahigayon nga disenyo sa site. Ang mga adlaw sa pagtukod sa usa ka website nga nagdahum nga ang mga bisita adunay usa ka keyboard ug usa ka mouse nga nahuman.
Mga Sukaranan sa Sukaranan nga Touchscreen
Ang pagplano alang sa usa ka touchscreen-aware Web interface nagkinahanglan og ebolusyon sa tradisyonal nga monitor-mouse-keyboard nga pamaagi sa nangagi. Sa partikular, kinahanglang imong maangkon ang interaksyon sama sa mga lihok, taps, ug input sa multitouch.
- Ang pagpitik dili tukma. Gawas kon ang customer adunay mga tudlo sa usa ka gamayng bata, bisan pa sa tukma kaayo nga pagkontrol sa software, kini mahimong lisud nga magamit ug tukma.
- Lahi ang mga kompas gikan sa mga taps. Aron sa pag-scroll sa usa ka taas nga panid sa usa ka touchscreen, ang user mogamit sa usa ka tudlo sa window sa browser. Mahimo nga kini dili ingon ka mahinungdanon hangtod nga imong nahibal-an nga ang paglibot sa usa ka mouse, imong gipalihok ang mouse.
- Duha (ug labaw pa) tudlo sa tudlo. Ang usa ka tiggamit makagamit sa daghang tudlo sa tudlo sa device sa samang higayon aron makontrol kini. Kadtong mga dugang nga mga taps mahimong magpasabut sa usa ka piho nga butang depende sa operating system sa device sa gumagamit.
- Mga himan sa high-glare. Ang mga tabil sa kadaghanan nga mga tablet sa touchscreen gihimo gikan sa lig-on nga bildo. Kini nga materyal mahimong lisud kaayo nga basahon, nga adunay daghang makit-an, sa hayag nga mga sitwasyon sa kahayag. Dugang, uban sa tanan nga paghikap, sila makakuha og mga fingerprints ug smudges sa screen nga makaapekto sa hitsura sa imong mga panid.
- On-screen nga keyboard. Samtang ang pipila ka mga tiggamit adunay wireless nga keyboard nga ilang gikonektar sa ilang mga papan, kadaghanan sa mga tiggamit sa tablet naggamit sa on-screen nga keyboard alang sa data entry. Ang pagsulod sa OSK mahimong moresulta sa pipila ka hilarious typos ingon man dili komportable nga gamiton sulod sa dugay nga panahon.
Tungod niining mga bahin sa device, ang mga Web designer kinahanglan mohatag og gibug-aton sa pipila ka mga batakang laraw sa disenyo alang sa mga tiggamit sa touchscreen:
- Ayaw ibutang ang mga clickable nga mga butang nga duol kaayo. Walay lisud nga pagmando nga nagpaila kon unsa ka suod ang suod, apan ang mga lista sa mga link, ilabi na sa usa ka gamay nga gidak-on sa font, mahimong lisud sa pag-navigate pinaagi sa pag-klik (tapping) sa usa ka tambok nga tudlo. Mahimong makalagot nga kinahanglan nga mag-zoom aron lang sulayan ug i-klik ang usa ka link. Kini nga prinsipyo tinuod alang sa mga buton ingon man sa mga link.
- Ang mga hirarkiya mahimong lisud nga bukas. Ang usa ka popular nga porma sa dinamikong menu naggamit sa JavaScript aron sa pag-abli sa usa ka submenu sa diha nga ang user mag-klik ug dayon maglupad sa mouse ibabaw sa submenu. Kini nga mga estado mahimo nga lisud kaayo o imposible nga gamiton sa touchscreens tungod kay sila dili magpabilin nga bukas o dili makaduol.
- Pagbalhin sa mga link ug mga clickable nga lugar layo gikan sa tuo nga ngilit sa bintana. Kadaghanan sa mga tawo dunay katungod ug nag-scroll sa kana nga kilid sa screen. Tungod kay ang pag-scroll gihimo pinaagi sa usa ka lihok, usahay posible nga magsugod ang swipe sa usa ka link nga sayop. Ang mga tiggamitan mahimong masuko kon gusto nila nga mag-scroll sa panid ug sa baylo mawala ang aksidente sa usa ka link. Pinaagi sa pagbalhin sa imong mga link gikan sa tuo nga bahin, mahimo nimo silang tabangan nga malikayan kini nga kalisud.
- Walay mouse. Ug kini nagpasabot nga walay mouse pointer . Dili ka kinahanglan nga mosalig sa mouse pointer nga mag-usab aron makatabang nga ipasabut nga adunay usa ka butang nga mahimo nga masabtan.
- Hover states wala ana. Ingon sa usa ka corollary sa mga sa ibabaw, tungod kay walay mouse, walay bisan unsa sa hover uban sa. Ang usa ka link mahimong i-click (gi-tapped) o dili sa usa ka touchscreen device, busa ang mga tiggamit dili makahukom sa bisan unsa nga mapuslanon nga impormasyon gikan sa mga hover nga nagsulti isip mga pagbag-o sa kolor, tip sa himan, o mga kausaban sa status bar.
- Ang black background nagpalambo sa silak. Ang usa ka site nga adunay itom nga background mahimo nga lisud nga basahon sa usa ka touchscreen device tungod sa silak. Ang itom naghimo sa mga fingerprints sa mga himan nga nagpakita sa mas tin-aw, nga nagpakamenos sa screen. Ug ang itom mahimong mopabalik sa screen ngadto sa usa ka salamin nga nagpakita sa mga tiggamit nga mas daghan ang nawala kay sa teksto sa screen.
- Ang taas nga mga bloke sa mga porma sa mga teksto lisud isulat. Samtang posible nga isulat ang tibuok nga mga nobela sa usa ka iPad o Android o Windows tablet, kadaghanan sa mga tawo dili gusto nga gamiton ang on-screen nga keyboard alang sa taas nga mga bahin sa teksto. Kon mas daghan ang imong desinyo makahimo sa data entry nga mubo ug sayon kutob sa mahimo, mas maayo.
Ang labing importante nga aspeto sa pagdisenyo sa touchscreens sa hunahuna mao ang pagsulay sa imong mga panid sa usa ka touchscreen device . Samtang daghang mga iPad ug Android emulators ang anaa, ug daghan nga mga tablet sa Windows, wala gihapon sila naghatag sa kahulugan sa usa ka touchscreen. Dili nimo mahibal-an nga dunay mga pagsumpay ang mga suod o ang mga buton gamay kaayo-o nga ang panit naghimo sa panid nga lisud mabasa-gawas kung mogula ka sa usa ka tablet ug sulayan kini sa dili pa nimo buhian ang imong bag-ong disenyo sa website.