Mobiililaitteiden verkkosivustojen suunnittelun alkuaikoina useimmat kehittäjät rikkoivat tuotetarjontaansa. He julkaisivat täysin toimivan työpöytäversion ja sitten "mobiilin optimoidun" version, joka irrotti suuren osan brändeistä ja kuvista, jotta ne voisivat vastata karkkipuhelimien ja 3G-langattomien verkkojen rajoitettuja ominaisuuksia ja verkon nopeutta.
Nykyaikaiset älypuhelimet voivat kuitenkin tehdä verkkosivuja yhtä tehokkaasti kuin pöytätietokoneet, verkkojen kautta yhtä hyviä tai parempia kuin eilisen DSL-linjat.
Suunnittelu yhdistyy sitten yhdestä käyttöliittymästä. Suunnittelijoiden riski ei kuitenkaan ole, että älypuhelin tai tabletti ei pysty tuottamaan nykyaikaista vastaavaa verkkosivustoa. Pikemminkin, että käyttäjän syöttämisen menetelmällä kosketusnäyttölaitteessa edellyttää mielekkeviä muutoksia perustana olevaan sivuston suunnitteluun. Web-sivuston rakentamisen päivämäärät olettaen, että kävijöillä on näppäimistö ja hiiri ovat ohitse.
Kosketusnäytön perusratkaisut
Suunnittelu kosketusnäyttöä tarkkaavalle web-käyttöliittymälle edellyttää perinteisen monitorin ja hiiren näppäimistön lähestymistapaa. Erityisesti sinun on sovitettava vuorovaikutukset, kuten eleitä, kosketuksia ja multitouch-syötettä.
- Tapping ei ole tarkka.Ellei asiakkaalla ole lapsen sormia, vaikka erittäin tarkka ohjelmistopäällikkö voi olla vaikea käyttää ja tarkkaa.
- Esiot ovat erilaisia kuin hanat.Jos haluat vierittää pitkää sivua kosketusnäytöllä, käyttäjä pyyhkäisee yhden sormen ylös selainikkunassa. Tämä ei välttämättä näytä merkittävältä, ennen kuin huomaat, että selaaminen hiirellä siirtää hiiren alas .
- Kaksi (ja enemmän) sormen hanat.Käyttäjä voi käyttää samanaikaisesti useita sorminottimia laitteen hallitsemiseen. Nämä lisäaukot voivat tarkoittaa jotain erityistä käyttäjän käyttöjärjestelmän käyttöjärjestelmän mukaan.
- Korkea häikäisylaitteet.Useimpien kosketusnäytön tablettien näytöt on valmistettu tukevasta lasista. Tämä materiaali voi olla erittäin vaikea lukea läpi, paljon valaistusta, kirkkaissa valo-tilanteissa. Plus, kaikki koskettavat, he saavat sormenjälkiä ja tahroja näytöllä, jotka voivat vaikuttaa sivusi näyttämiseen.
- Näytön näppäimistö.Joillakin käyttäjillä on langaton näppäimistö, jonka he muodostavat yhteyden tabletteihinsä, useimmat tablet-käyttäjät käyttävät näytön näppäimistöä tietojen syöttämiseen. OSK-merkinnällä voi olla hauskoja kirjoitusvirheitä sekä epämukavaa käyttää pitkiä aikoja.
Laitteen näiden ominaisuuksien vuoksi web-suunnittelijoiden tulisi korostaa useampia kosketusnäytön käyttäjien perusmallisuussääntöjä:
- Älä aseta napsautettavia kohteita liian lähelle toisiaan.Ei ole kovia ja nopeita sääntöjä, jotka määrittävät, kuinka lähellä on liian lähellä, mutta linkkien luetteloita, varsinkin pientä kirjasinkokoa, voi olla vaikea navigoida napsauttamalla (napauttamalla) rasvapisteen kanssa. On ärsyttävää zoomata vain yrittääksesi napsauttaa linkkiä. Tämä periaate pätee painikkeisiin ja linkkeihin.
- Hierarkioita voi olla vaikea pitää auki.Yksi suosittu muoto dynaamisessa valikossa käyttää JavaScriptia avataksesi alavalikon, kun käyttäjä napsauttaa hiirtä hiiren alapuolella. Nämä tilat voivat olla erittäin vaikeita tai mahdottomia käyttää kosketusnäytöissä, koska ne eivät ole auki tai eivät sulkeudu.
- Siirrä linkkejä ja napsautettavia alueita poispäin ikkunan oikeasta reunasta.Useimmat ihmiset ovat oikeakätisiä ja pyrkivät vierittämään ruudun puolelle. Koska vieritys tapahtuu eleellä, on joskus mahdollista aloittaa pyyhkäiseminen linkillä virheellisesti. Käyttäjät voivat saada ärsytystä, jos he haluavat vierittää sivua ja sen sijaan päätyä vahingossa napauttamalla linkkiä. Siirtäessäsi linkit oikealta puolelta, voit auttaa heitä välttämään tätä haittaa.
- Ei ole hiirtä.Ja tämä tarkoittaa, että hiirtä ei ole osoitin . Sinun ei pidä luottaa hiiren osoittimen muuttamiseen, jotta se osoittaisi, että jotain on napsautettavissa.
- Hover-tiloja ei ole olemassa.Edellä olevan seurauksena, koska hiirtä ei ole, ei ole mitään, jolla olisi hiirtä. Linkki napsautetaan (koskettamalla) tai ei kosketusnäyttölaitteella, joten käyttäjät eivät voi päätellä hyödyllisiä tietoja tällaisista leijuvastaustiloista, kuten värimuutoksista, työkaluvihjeistä tai tilarivin muutoksista.
- Mustat taustat parantavat häikäisyä.Sivua, jossa on musta tausta, voi olla erittäin vaikea lukea kosketusnäyttölaitteella häikäisyn vuoksi. Musta tekee laitteiden sormenjäljet näkyvän entistä selkeämmin ja hämärtää näytön. Ja musta voi kääntää näytön peiliksi, joka heijastaa käyttäjien kasvot usein enemmän kuin näytön tekstiä.
- Pitkät tekstilohkot lomakkeissa ovat vaikeita kirjoittaa.Vaikka on mahdollista kirjoittaa koko romaaneja iPadille tai Android- tai Windows-tablet-laitteille, useimmat ihmiset eivät pidä kuvaruudun näppäimistöstä pitkille tekstijakoille. Mitä enemmän suunnittelusi voi tehdä tietojen syöttämisestä mahdollisimman lyhyeksi ja helpoksi, sitä paremmin.
Tärkein osa suunnittelua kosketusnäytöllä on mielessä testaa sivuillesi kosketusnäyttölaitteella. Vaikka paljon iPad- ja Android-emulaattoreita on saatavilla, ja runsaasti Windows-tabletteja, ne eivät edelleenkään tarjoa kosketusnäytön tunnetta. Et voi sanoa, että linkit ovat liian lähellä tai että painikkeet ovat liian pieniä - tai että häikäisy tekee sivusta liian vaikea lukea - ellet pääse ulos tabletista ja kokeile niitä ennen vapautat uuden verkkosivustosi.
