Dotykové obrazovky fungujú odlišne od klávesnice a myši
V prvých dňoch navrhovania webových stránok pre mobilné zariadenia väčšina vývojárov rozdelila svoju ponuku produktov. Vydali plne funkčnú verziu pre stolné počítače a potom verziu "optimalizovanú pre mobilné zariadenia", ktorá oddelila značnú časť značky a obrázkov, aby vyhovovala obmedzeným možnostiam a rýchlosti siete mobilných telefónov a 3G bezdrôtových sietí.
Súčasné smartphony však dokážu webové stránky spravovať rovnako efektívne ako stolné počítače, a to prostredníctvom sietí, ktoré sú také dobré alebo lepšie ako včerajšie DSL linky.
Návrh potom konverguje späť na jedno používateľské rozhranie. Rizikom pre dizajnérov však nie je to, že smartphone alebo tablet nemôžu robiť moderné internetové stránky. Skôr je to, že spôsob zadávania používateľov na dotykovom zariadení vyžaduje zmysluplné zmeny základného dizajnu lokality. Dni budovania webových stránok za predpokladu, že návštevníci majú klávesnicu a myš.
Základné pravidlá návrhu dotykového displeja
Navrhovanie webového rozhrania s dotykovým displejom vyžaduje vývoj tradičného prístupu z minulosti. Najmä musíte prispôsobiť interakcie ako gestá, kohútiky a multitouch vstup.
- Klepanie nie je presné. Pokiaľ zákazník nemá prsty batoľa, aj pri veľmi presných ovládacích prvkoch softvéru môže byť ťažké klepnúť a byť presné.
- Gestá sa líšia od kohútikov. Ak chcete posunúť dlhú stránku na dotykovej obrazovke, používateľ prichádza o prst po okraji okna prehliadača. Možno to nebude zrejmé, kým si neuvedomíte, že prechádzate myšou, pohybujete myšou nadol .
- Dve (a viac) prstov. Používateľ môže na zariadení súčasne ovládať viac prstov. Tieto dodatočné kohútiky môžu znamenať niečo špecifické v závislosti od operačného systému zariadenia používateľa.
- Zariadenia s vysokým odtieňom. Obrazovky väčšiny tabletov s dotykovou obrazovkou sú vyrobené z robustného skla. Tento materiál môže byť veľmi ťažké prečítať, s veľkým oslnením, v situáciách jasného svetla. Navyše, pri všetkých dotykoch získajú na obrazovke odtlačky prstov a šmuhy, ktoré môžu ovplyvniť zobrazenie vašich stránok.
- Klávesnica na obrazovke. Zatiaľ čo niektorí používatelia majú bezdrôtovú klávesnicu, pripojili sa k tabletám, väčšina používateľov tabletov používa klávesnicu na obrazovke na zadávanie údajov. Vstup OSK môže mať za následok nejaké veselé chyby, ako aj nepríjemné používanie po dlhšiu dobu.
Z dôvodu týchto funkcií zariadenia by mali weboví dizajnéri zdôrazniť niekoľko základných pravidiel návrhu pre používateľov dotykovej obrazovky:
- Položky, na ktoré sa dá kliknúť, nie sú príliš blízko sebe. Neexistuje žiadne tvrdé a rýchle pravidlo definujúce, ako blízko je príliš blízko, ale zoznam odkazov, najmä v malej veľkosti písma, môže byť ťažké prechádzať kliknutím (poklepaním) s tučným prstom. Môže to byť nepríjemné, ak sa chcete priblížiť, len aby ste sa pokúsili kliknúť na odkaz. Táto zásada platí pre tlačidlá, ako aj pre odkazy.
- Hierarchie môže byť ťažké udržať otvorené. Jedna populárna forma dynamického menu používa jazyk JavaScript na otvorenie podmenu, keď používateľ klikne a potom umiestni myš nad submenu. Tieto stavy môžu byť veľmi ťažké alebo nemožné použiť na dotykových obrazovkách, pretože buď zostanú otvorené, alebo sa nebudú zatvárať.
- Presuňte prepojenia a oblasti s možnosťou kliknutia mimo pravého okraja okna. Väčšina ľudí je pravou rukou a má tendenciu posúvať sa na tej strane obrazovky. Pretože rolovanie prebieha gestom, niekedy je možné omylom spustiť prepojenie na odkaz. Používatelia sa môžu rozčuľovať, ak chcú prejsť na stránku a namiesto toho skončili náhodným kliknutím na odkaz. Posunutím odkazov z pravej strany môžete im pomôcť vyhnúť sa týmto nepríjemnostiam.
- Nie je žiadna myš. A to znamená, že neexistuje ukazovateľ myši. Nemali by ste sa spoliehať na zmenu ukazovateľa myši, aby ste naznačili, že niečo je možné kliknúť.
- Štáty so vznášačmi neexistujú. Ako dôsledok vyššie uvedeného, pretože neexistuje žiadna myš, nie je nič, na čo sa vznášať. Odkaz sa buď klepne na dotykové zariadenie alebo nie, takže používatelia nemôžu odvodiť žiadne užitočné informácie z takýchto stavov vznášenia ako farebné zmeny, tipy na nástroje alebo zmeny v stavovej lište.
- Čierne pozadie zvyšuje oslnenie. Stránka s čiernym pozadím môže byť veľmi ťažko čitateľná na dotykovej obrazovke kvôli oslňovaniu. Black urobí odtlačky prstov na zariadeniach jasnejšie, rozmazanie obrazovky. Čierna môže otočiť obrazovku do zrkadla, odzrkadľujúc tak, že používatelia čelia často viac ako text na obrazovke.
- Dlhé bloky textu vo formulároch sa ťažko píšu. Aj keď je možné napísať celé romány na iPadu alebo na tablete so systémom Android alebo Windows, väčšina ľudí nepáči používanie klávesnice na obrazovke pre dlhé úseky textu. Čím viac váš dizajn môže umožniť čo najkratšie a najjednoduchšie zadávanie údajov, tým lepšie.
Najdôležitejším aspektom navrhovania s dotykovými obrazovkami je otestovanie vašich stránok na dotykovom zariadení . Zatiaľ čo veľa emulátorov iPadu a Android je k dispozícii a veľa tabliet Windows, stále neposkytujú zmysel pre dotykovú obrazovku. Nemôžete povedať, že odkazy sú príliš blízke alebo že tlačidlá sú príliš malé - alebo že oslnenie spôsobuje, že stránka je príliš ťažká na to, aby ste si ich mohli prečítať - pokiaľ nevyberiete tabletu a nevyskúšate si to pred vydaním nového dizajnu webových stránok.