Touchscreens Aarbecht ofstëmmen vun Tastatur an Méis
An den éischten Deeg vu Websäite fir mobilen Apparater entwéckelt, hunn déi meescht Entwéckler hir Produktangebot bifurcatiséiert. Si hunn eng voll funzional Desktop-Versioun verëffentlecht a sinn dann eng "mobil optiméiert" Versioun, déi vill vun der Markéierung an dem Bild fir d'limitéiert Fähëgkeet an d'Netzgeschwindigkeit vu Candy-Bar-Telefonen an 3G Wireless-Netzwierker ze bidden.
Moderne Smartphones kënnen awer Websäiten esou effizient wéi Desktop PCs, duerch Netzwierker wéi gutt oder besser si wéi d'DSL Linnen.
D'Konstruktioun geet dann zréck op eng eenzel User-Interface. Awer d'Risiko fir Designer ass net dat e Smartphone oder e Tablet net eng modern Responsable Websäit maachen. Eigentlech ass et, datt d'Methode vum Benotzereingang op engem Touchscreen-Geräter verständlech Verännerungen zum deierleche Site-Design erfuerderen. D'Deeg fir eng Websäit ze bauen hunn Gäscht eng Tastatur an e Maus ginn eriwwer.
Basis Touchscreen Design Rules
Design fir eng Touchscreen-Web-Interface erfordert eng Evolutioun vun der traditioneller Iwwerwaachungs-Maus-Tastatur un der Vergaangenheet. Besonnesch musst Dir Interaktiounen wéi Gesten, Krunnen a Multitouch-Input ugeholl hunn.
- Tapping ass net genee. Wann net de Client de Fanger vun engem Puppelchen, och ouni déi genee Software kontrolléiert, kann et schwéier sinn ze séier an ze präziséieren.
- Gestuerwen ënnerscheed vun den Hänn. Fir eng laang Säit op engem Touchscroll ze scrollen, deelt de Benotzer de Fanger op de Browserfenster. Dëst kann eventuell net wichteg sinn, bis Dir feststellt datt Dir mat engem Mauszeen passéiert, maacht Dir d'Maus erof .
- Zwee (a méi) Fanger. En Benotzer kann méi Fanger Kräften op dem Apparat benotze fir gläichzäiteg Kontroll ze maachen. Déi zusätzlech Kroune kann eppes spezifesch abhängig vu sengem Betriebssystem vum User-Apparat bedeiten.
- High-glare Geräter. D'Schirden vun de meescht Touchscreen Tabletten ginn aus engem kräftege Glas gemaach. Dëse Material ka ganz schwéier fir ze liesen, mat vill Glanz an helle leichte Situatiounen. Plus, mat all deene berouegend, kréien se Fangerofdrécke a Smudges op dem Écran, déi beaflosse kënne wéi Är Säite kucke.
- On-Screen-Tastatur. Während e puer Benotzer eng drahtlose Tastatur hunn, hunn se mat hirem Tabletten verbonne matgedeelt, déi meescht Tablett Benotzer benotzt d'Bildschirmtablett fir den Dateneingriff. OSK Entrée kann zu e puer witzeg Affekot resultéieren, wéi och onfrëndlech sinn, fir laang Zäit ze benotzen.
Wéinst dës Funktioune vum Apparat, Webdesigner wäerten ënnerschiddlech verschidde Basisregeln fir Touchscreen-Benotzer ënnerstëtzen:
- Gitt net klickbar Elementer ze noen no zesummen. Et gëtt keen héigen a schnelle Regel festgeluecht wéi gesond ze wäit, awer Lëschte vu Linke, besonnesch a kleng Schrëftgréisst, ka schwéier navigéieren andeems Dir mat engem Fett Finger klickt (klickt). Et kann äiskal sinn ze vergréisseren fir nëmmen ze probéieren a klickt op eng Säit. Dëst Prinzip ass richteg fir Knäppchen wéi och Links.
- Hierarchien kënnen schwéier ophalen. Eng populär Form vun dynameschen Menü benotzt JavaScript fir en Ënnersumm ze öffnen wann de Benotzer klickt an dann d'Maus iwwer de Ënnerle gouf. Dës Staate kënnen ganz schwéier oder onméiglech op Touchscreens benotzen, well se entweder net oppen oder net zoumaachen.
- Fuere lénks a klickbar Beräicher vun der rietsen Rand vun der Fënster. Déi meescht Leit sinn reglam an tendéieren op där Säit vum Bildschirm. Wa Scrollen mat enger Geste gemaach ginn, kënnt et och heiansdo fir den Iwwerbléck op e Link ze fänken. D'Benotzer kënnen sech veränneren wann si wollten op der Säit roueg woren a statt un engem Versuch un engem Link ze klappen. Wann Dir Är Linken weg vun der rietser Säit bewegt, kënnt Dir hëllefen dat Vermeit dëse Schwieregkeete vermeit.
- Et gëtt keng Maus. An dat heescht datt et kee Mauszeeche gëtt. Dir sollt net op den Mauszeiger änneren an hëlleft fir ze weisen datt eppes klickbar ass.
- Hover-Staaten existéieren net. Als Krukler bis zu den uewegen, well et keng Maus ass, gëtt et näischt ze drénken. E Link ass entweder geklickt (gezaapten) oder net op engem Touchscreen-Gerät, fir datt d'Benotzer keng nëtzlech Informatioune vu sougenannte Schwiereblieder wéi Farbverännerungen, Tooltipps oder Statusbarbalännerungen schafen.
- Schwaarz Hannergrënn verstäerkt d'Glanz. E Site mat enger schwarzer Hannergrond kann extrem schwéier fir op engem Touchscreen-Gerät ze liesen wéinst der Glanz. Schwa gëtt de Fangerofdréck op den Apparater méi kloer, d'Bildschirm ze verleeën. Awer de schwaartege kann d'Bildschierm an e Spigel dreemen, wat de Benotzer méi oft wéi den Text op dem Écran reflektéiert.
- Laang Blöcken vum Text an Formen si schwéier ze schreiwen. Obwuel et méiglech sinn ganz Romanen op engem iPad oder en Android oder Windows Tablet ze schreiwen, sinn déi meescht Leit net gär iwwer d'Bildschierm Tastatur fir laang Strecken vun Text. Je méi Ären Design ka Dat Datenecommon maachen esou kuerz wéi méiglech wéi méiglech.
De wichtegsten Aspekt vum Design mat Touchscreens am mindesten ass fir Är Säiten op engem Touchscreen-Gerät ze testen . Obwuel vill iPad an Android Emulatoren erlaabt sinn, a vill Windows Tablet, hunn se nach ëmmer kee Sënn fir e Touchscreen. Dir kënnt net soen datt d'Links ze séier sinn oder déi Knäppercher sinn ze kleng - oder datt d'Glanzheet déi Säit ze schwéier fir ze liesen - ausser Dir kënnt e Pëllen eraushuelen a probéieren se ze hunn, ier Dir Är nei Websäit entwéckelt.