Touchscreens veikia skirtingai nei klaviatūros ir pelės
Pirmosiomis tinklaviečių kūrimo dienomis mobiliesiems įrenginiams dauguma kūrėjų išsiskyrė savo pasiūlymą. Jie išleido visiškai funkcionalų kompiuterinę versiją, o vėliau - "optimizuotą mobiliesiems" versiją, kuri atėmė didelę prekės ženklo ir vaizdų dalį, kad atitiktų saldainių barų telefonų ir 3G bevielių tinklų galimybes ir tinklo greitį.
Tačiau šiuolaikiniai "smartphonach" gali tinklalapius padaryti taip pat efektyviai, kaip ir staliniai kompiuteriai, per tinklus, kurie geri ar geresni nei vakar DSL linijos.
Tada dizainas grįžta į vieno vartotojo sąsają. Tačiau dizainerių rizika yra ne tai, kad išmanusis telefonas arba planšetinis kompiuteris negali pateikti šiuolaikiškai reaguoja į svetainę. Priešingai, naudotojo įvesties metodas jutikliniu ekranu reikalauja reikšmingų pagrindinio svetainės dizaino pakeitimų. Interneto svetainės kūrimo dienos, kai lankytojai turi klaviatūrą ir pelę, baigėsi.
Pagrindiniai jutiklinio ekrano dizaino taisyklės
Dėl jutiklinio ekrano žiniatinklio sąsajos kūrimo reikia praeities tradicinio monitoriaus pelės klaviatūros raidos raidos. Visų pirma turite prisitaikyti prie sąveikų, tokių kaip gestai, čiaupai ir multitouch įvestis.
- Tapping nėra tiksli. Jei klientas neturi vaikų, net ir su labai tiksliomis programinės įrangos valdikliais, gali būti sunku paliesti ir būti tikslias.
- Gestai skiriasi nuo čiaupų. Jei norite slinkti ilgą puslapį jutikliniu ekranu, vartotojas perbraukia pirštu per naršyklės langą. Tai gali pasirodyti nepakankamai, kol neįsivaizduosite, kad naršydami pele, perkeliate pelę žemyn .
- Du (ir daugiau) pirštų čiaupai. Naudotojas vienu metu gali naudoti kelis pirštus, kad jį valdytų. Šie papildomi čiaupai gali reikšti kažką ypatingo priklausomai nuo vartotojo įrenginio operacinės sistemos.
- Didelio atspindėjimo prietaisai. Daugumos jutiklinių ekranų ekranai pagaminti iš tvirto stiklo. Šios medžiagos gali būti labai sunku skaityti, su daugybe akinimo, ryškios šviesos situacijose. Be to, palietus visus, ekrane atsiranda pirštų atspaudai ir dėmės, kurios gali turėti įtakos jūsų puslapių išvaizdai.
- Ekrano klaviatūra. Nors kai kurie vartotojai turi belaidę klaviatūrą, jie jungiasi prie savo planšetinių kompiuterių, dauguma tablečių naudotojų naudoja ekrano klaviatūrą duomenų įvedimui. OSK įrašas gali sukelti keletą įdomių klaidų, taip pat piktnaudžiauti ilgai.
Dėl šių įrenginio savybių, interneto dizaineriai turėtų pabrėžti keletą pagrindinių jutiklinio ekrano naudotojų dizaino taisyklių:
- Nenaudokite kablelių elementų per arti vienas kito. Nėra griežtos taisyklės, apibrėžiančios, ar artimas yra per arti, tačiau sąrašų nuorodų, ypač mažo šrifto dydžio, gali būti sunku naršyti spustelėję (paliesdami) riebus pirštu. Tai gali būti erzina, kad reikia padidinti, tiesiog pabandyti spustelėti nuorodą. Šis principas taikomas mygtukams ir nuorodoms.
- Hierarchijos gali būti sunku atidaryti. Viena populiari dinaminio meniu forma naudoja "JavaScript", kad atidarytumėte submeniu, kai vartotojas spustelėja, o po to spustelėja pelę virš submeniu. Šios būsenos gali būti labai sunkiai arba neįmanoma naudoti jutikliniuose ekranuose, nes jie neišlieka atviri arba neišsaugo.
- Perkelkite nuorodas ir spustelėjamas vietas toli nuo dešiniojo lango krašto. Dauguma žmonių yra dešinėje ir linkę slinkti toje ekrano pusėje. Kadangi slinkimas atliekamas su gestu, kartais tai gali būti klaidingai paleisti ant nuorodos. Vartotojai gali susierzinę, jei jie norėtų slinkti puslapyje ir vietoj to netyčia spustelėjo nuorodą. Perkeldami savo nuorodas į dešinę pusę, galite padėti išvengti šių nepatogumų.
- Nėra pelės. Tai reiškia, kad nėra pelės žymiklio . Negalima pasikliauti pelės žymiklio keitimo, kad padėtų parodyti, kad kažkas yra paspaudžiamas.
- Hover valstijos neegzistuoja. Atsižvelgiant į tai, kas išdėstyta pirmiau, nes nėra pelės, nėra nieko, ko užfiksuoti. Nuoroda yra paspaudžiama (įjungta) arba ne jutikliniu ekranu, todėl naudotojai negali nustatyti jokios naudingos informacijos iš tokių užvartojimo būsenų kaip spalvų pakeitimai, įrankių patarimai ar būsenos juostos pakeitimai.
- Juodosios fonas padidina akinimo efektą. Dėl jutiklinio ekrano į juodą fono vietą gali būti sunku perskaityti jutikliniu ekranu. Juodoji priemonė parodo prietaisų pirštų atspaudus aiškiau, suplakdama ekraną. Ir juodas gali paversti ekraną į veidrodį, atspindintį atgal, kai vartotojai dažniausiai susiduria daugiau nei tekstas ekrane.
- Ilgus teksto formos blokus sunku parašyti. Nors į "iPad" ar "Android" ar "Windows" planšetinį kompiuterį galima rašyti visą romaną, dauguma žmonių nemėgsta naudoti ekrano klaviatūros ilgiems teksto dalims. Kuo daugiau jūsų dizainas gali padaryti duomenis kuo trumpesni ir lengviau, tuo geriau.
Svarbiausias projektavimo su sensoriniais ekranais aspektas - išbandyti puslapius jutikliniu ekranu . Nors yra daug "iPad" ir "Android" emulatorių, ir daug "Windows" plokščių, jie vis dar nepateikia jutiklinio ekrano. Negalite teigti, kad nuorodos yra per arti arba kad mygtukai yra per maži arba kad akinimo metu puslapis tampa sunkus, - nebent išleisite planšetinį kompiuterį ir išbandysite prieš išleidžiant naują svetainės dizainą.