Touchscreens wurkje oars út toetsen en mûs
Yn 'e begjin dagen fan' e websteeën foar mobile apparaten, brochten de measte ûntwikkelders har produktoprodukt. Se publisearre in folsleine funksjonele buroblêd ferzje en dan in "mobil optimisearre" ferzje dy't in protte fan 'e branding en ferbylding ôfslaat is om de beheinde kapasiteiten en netwurkstasjons fan sarken-bar-tillefoans en 3G-draadbere netwurken te berikken.
Moderne smartphones kinne lykwols gewoan as effektyf as buroblêden PC's meitsje, fia netwurken as goed of better as de juste DSL-rigels.
Untwerp konverteit dan werom nei in inkele brûkersynterface. Mar it risiko foar ûntwerper is net dat in smartphone of in tablet net in moderne reaktive webside kin. Ynstee dêrfan is dat de metoade fan brûkersynfier op in touchscreen-apparaat betsjuttende feroaringen nedich is foar it ûnderlizzende side-ûntwerp. De dagen fan it bouwen fan in webside wêr't besikers besykje in toetseboerd en in mûs binne oer.
Basic Touchscreen ûntwerpregels
Untwerp foar in skerm-wittenskiplike webynterface fereasket in evolúsje fan 'e tradisjonele monitor-mûs-to-keyboard approach fan it ferline. Benammen moatte jo wikseling ynteraksjes lykas stjoerings, taps, en multitouch-ynfier.
- Tapping is net genôch. Sûnder de klant hat de fingers fan in pjutteman, sels mei de krekte sertifikaatskontrole, kin it dreech wêze en te praten.
- Gestures binne ferskillend fan pannen. Om in lange side op in touchscreen te scrollen, skodt de brûker de finger fan it blêder finster. Dit kin miskien net wichtich wêze as jo realisearje dat blêdzjen mei in mûs, jo ferpleatse de mûs yn .
- Twa (en mear) fingerwapens. In brûker kin tagelyk mear fingerfakken op it apparaat brûke om it te kontrolearjen. Dizze oanfoljende spaasjes kinne betsjutte wat spesifyk ôfhinklik fan it bestjoeringssysteem fan it apparaat fan it brûker.
- Heechleare apparaten. De skermen fan de measte touchscreen-tablets binne makke út in sterke glês. Dit materiaal kin tige heul wêze om troch te lêzen, mei in protte glêdens, yn ljochte ljocht situaasjes. Plus, mei al it berekkenjen krije se fingerprints en smjunten op it skerm dat kinne ynfloed kinne hoe't jo siden sykje.
- On-screen-toetseboerd. Wylst guon brûkers in draadloare toetseboerd hawwe ferbine mei har tablets, de measte tabletten brûkers brûke it on-screen-toetseboerd foar dataynfier. OSK-ynfier kin in geweldige lyts-typ wêze, mar ek ûngemaklik om te brûken foar termyn fan tiid.
Troch dizze funksjes fan it apparaat moatte Web-ûntwerpers ûnderskiede fan basisfoarming regels foar touchscreen-brûkers:
- Skeakelje net klikbare items te ticht byinoar. Der is gjin hurd-en-snel regel om te definiearjen hoe ticht is te tichtby, mar listsjes fan keppelings, fral yn in lyts lettertypegrutte kinne dreech wêze troch te klikken (te klikken) mei in fette finger. It kin dreech wêze om krekt te fergrutsjen om te probearjen en te klikken op in keppeling. Dit prinsipe is wier foar knoppen lykas keppelings.
- Hierarchies kinne hurder wêze om iepen te hâlden. In populêre foarm fan dynamysk menu brûkt JavaScript om in submenu te iepenjen as de brûker klikst en de mûs oer it submenu haget. Dizze steaten kinne hiel lestich wêze of ûnmooglik te brûken op touchscreens omdat se beide net iepen binne of net slute.
- Ferpleats links en klikbere gebieten fuort fan 'e rjochte kant fan it finster. De measte minsken binne rjochtshannele en tendendere nei dizze side fan it skerm scrollen. Sûnder skermjen is dien mei in stjoerder, somtiden is it mooglik om de swipe op in keppeling te begjinnen mei flater. Brûkers kinne ferwiderje as se wolle op 'e side skriuwe, en ynstee dêrfan ûngedien meitsje op in keppeling. Troch jo linken fan 'e rjochterkant te ferpleatsen, kinne jo helpe om dizze ûngemak te foarkommen.
- Der is gjin mûs. En dit betsjut dat der gjin mûsoanwizer is . Jo moatte net op 'e mûsoanwizer feroarje om te annulearjen dat der wat klikber is.
- Havenstaten besteane net. As in kollaboraasje foar it boppesteande, omdat der gjin mûs is, is der neat om te hoverjen. In keppeling is oeral klikke (tappet) of net op in tastafel-apparaat, dus brûkers kinne gjin brûkbere ynformaasje fan sokke hoverstatus ynfiere as kleurferoarings, tool tips, of status-bar feroarings.
- Swarte eftergrûn fergruttet de glare. In side mei in swarte eftergrûn kin tige hurd wurde op in skerm-apparaat lêzen fanwege de glare. Swart makket de fingerprints op 'e apparaten mear dúdliker te sjen, it skerm fersmyt. En de swarte kin it skerm yn in spegel draaie om de brûkers faak mear te meitsjen as de tekst op it skerm.
- Lange blokken fan tekst yn foarmen binne hurd te skriuwen. Hoewol it mooglik is om romten te skriuwen op in iPad of in tabblêd fan Android of Windows, hawwe de measte minsken net graach it gebrûk fan 'e on-screen-toets foar langstreeks fan tekst. Hoe mear jo ûntwerp kin dat gegevensynfier as koarte en maklik mooglik makket, it better.
De wichtichste aspekt fan it ynstellen fan kontrôles yn 'e tinken is om jo siden te testen op in tastafel-apparaat . Hoewol in protte iPad en Android-emulators beskikber binne, en in soad Windows-tablets, jouwe se noch gjin sinte fan in touchscreen. Jo kinne net fertelle dat keppelings te ticht binne of as knoppen net te lyts binne - of dat de glêd makket de side te hurd om te lêzen, as jo net in tablet útkomme en besykje se út te foarkommen foardat jo nije webside ûntwerp frijlitte.