Puuteekraanid töötavad erinevalt klaviatuurilt ja hiirest
Mobiilseadmete veebisaitide kujundamise algusjärgus on enamik arendajaid oma tootepakkumist kaheksastanud. Nad avaldasid täielikult funktsionaalse desktop versiooni ja seejärel "mobiili optimeeritud" versiooni, mis eemaldas suure osa branding ja kujundlikkus, et kohandada kimp-bar telefonide ja 3G traadita võrkude piiratud võimalused ja võrgu kiirus.
Kuid tänapäevased nutitelefonid võivad veebisaite muuta sama efektiivselt kui lauaarvutid, võrkude kaudu nii head kui paremad kui eilsed DSL liinid.
Seejärel läheb disain tagasi ühte kasutajaliidest. Kuid disainerite jaoks on oht, et nutitelefon või tahvelarvuti ei saa kaasaegset reageerivat veebisaiti muuta. Pigem on see, et puutetundliku ekraaniga seadme kasutaja sisestamise meetod nõuab põhjalikku saidi disaini sisulist muutmist. Veebisaidi ehitamise päevad eeldavad, et külastajatel on klaviatuur ja hiir.
Põhilised puuteekraani disainieeskirjad
Puuteekraanil põhineva veebiliidese projekteerimine nõuab praeguse monitori-hiire klaviatuuri lähenemisviisi edasiarendamist. Eelkõige peate arvestama koostoimetega nagu žestid, kraanid ja multitouch sisend.
- Puudutamine pole täpne. Kui kliendil pole väikelapsi sõrme, võib isegi täpsete tarkvarakontrollide korral olla keeruline puudutada ja olla täpne.
- Žestid erinevad kraanidest. Puuteekraani pikkale leheküljele liikumiseks liigub kasutaja brauseri aknaga ühe sõrmega. See ei pruugi osutuda oluliseks enne, kui mõistate hiirega sirvimist, liigutage hiirt alla .
- Kaks (ja rohkem) sõrme kraane. Kasutaja saab samal ajal seadmega kasutada mitut sõrmejälge, et seda juhtida. Need täiendavad kraanid võivad sõltuvalt kasutaja seadme operatsioonisüsteemist tähendada midagi erilist.
- Kõrge pimestavad seadmed. Enamike puutetundlike tablettide ekraanid on valmistatud vastupidavast klaasist. See materjal võib olla väga raske lugeda läbi, suurel määral pimestav, ereda valguse olukordades. Kõigi puudutustega kaasnevad ekraanil sõrmejäljed ja udused, mis võivad mõjutada teie lehekülgede välimust.
- Ekraaniklaviatuur. Kuigi mõnedel kasutajatel on traadita klaviatuur, kellega nad oma tahvelarvutiga ühenduvad, kasutavad enamus tahvelarvuti kasutajad andmete sisestamiseks ekraaniklahvistikku. OSK-i sissekanne võib põhjustada mõne lõbusama sisestamise ning pikka aega kasutada ebamugavust.
Seadme funktsioonide tõttu peaksid veebidisainerid puuteekraaniga kasutajatele rõhutama mitmeid disainieeskirju:
- Ärge asetage kleepitavaid esemeid liiga lähedale. Puudub raskekujuline reegel, mis määratleb, kui tihe on liiga lähedal, kuid linkide loendeid, eriti väikses kirjasuuruses, on raske liikuda rasvase sõrmega klõpsates (koputades). See võib olla tüütu, et suumida lihtsalt, et proovida ja klõpsata lingil. See põhimõte kehtib nii nuppude kui ka linkide kohta.
- Hierarhia võib olla raske hoida lahti. Üks dünaamilise menüü populaarne vorm kasutab JavaScripti alammenüü avamiseks, kui kasutaja klõpsab ja seejärel hiirega üle alammenüü. Need seisundid võivad puuteekraanidel olla väga raske või võimatu kasutada, kuna need ei jää lahti ega sulgeda.
- Liigutage linke ja klõpsatavaid alasid akna parempoolsest servast eemale. Enamik inimesi on parema käega ja kipuvad selle ekraani sellel küljel liikuma. Kuna kerimine toimub žestiga, võib mõnikord viga libiseva lingiga alustada. Kasutajad võivad häirida, kui nad soovivad lehel liikuda ja lõpuks kogemata lingile koputades. Liigutage oma lingid eemale paremast küljest, saate aidata neil neid ebamugavusi ära hoida.
- Hiire pole. Ja see tähendab, et hiirekursorit pole . Ärge lubage hiirekursoril vahetada, et näidata, et midagi on klikkitav.
- Hover olekuid pole olemas. Eespool toodud tagajärjena, kuna hiirt ei ole, ei ole midagi hõlpsat liikumist. Lingi kas klõpsatakse puuteekraanil oleval seadmel või puudutatakse seda, nii et kasutajad ei leia sellistest hõljukitest kasulikku teavet, nagu värvi muutused, tööriista näpunäited või olekuriba muudatused.
- Must taust suurendab pimestamist. Pimestamise tõttu võib puutetundliku ekraaniga seadme abil musta taustaga sait olla väga raske lugeda. Must muudab seadmete sõrmejäljed selgemaks ja hägustub ekraani. Ja must saab muuta ekraani peegli peegeldamiseks tagasi kasutajad nägu sageli rohkem kui teksti ekraanil.
- Pikad tekstikvaliteedi vormid on raske kirjutada. Kuigi iPadis või Android-seadmes või Windowsi tahvelarvutis on võimalik kirjutada terveid romaane, ei meeldi enamik inimesi ekraanil kuvatud klaviatuuri pikkade tekstide jaoks. Mida rohkem teie disain muudab andmete sisestamise nii lühikeseks kui lihtsaks, seda parem.
Puuteekraanide kujundamise kõige olulisem aspekt on puuteekraani seadme lehtede testimine . Kuigi saadaval on palju iPadi ja Android-emulaatoreid ning palju Windowsi tahvelarvuteid, ei anna need ikkagi puuteekraani tunde. Sa ei saa öelda, et lingid on liiga lähedal või et nupud on liiga väikesed või et pimestamine muudab lehe lugemise jaoks liiga raskeks, kui te ei saa tableti välja ja proovite neid enne uue veebisaidi disaini avaldamist.