Jo jonkin aikaa kaikki hakukoneoptimointiin liittyvät henkilöt ovat varmistaneet, että heidän verkkosivustonsa mobiiliversio oli käytettävissä, koska muuten heillä oli riski vihata Google-algoritmia. Silti toisin kuin niin monet muut trendit SEO-maailmassa, tutkimukset osoittavat, että mobiiliverkkojen käyttö ei hidastu, vaikka useat ns. Mobiili-ystävälliset verkkosivustot ovat tuskaa käyttää. Ei vain mobiilinäkymät kasvavat, he räjäyttävät. Tutkimus Statista arvioi, että verkkoliikenteen määrä vuonna 2019 on noin 24,3 Exabyte, jopa 4,2 Exabytea vuonna 2015.

Vain jotta ymmärrät sen vakavuuden, yksi Exabyte on yhtä kuin 1 miljardi gigatavua.

Huolimatta siitä, että kävijät käyttävät mobiililaitteitaan selailemaan verkkoa, ei kaikki suunnitella mobiilikäyttäjän mielessä. Nielsen-Norman-ryhmän mukaan:

... maailmanlaajuisesti on enemmän älypuhelinten käyttäjiä kuin työpöydällä ja kannettavalla tietokoneella [mutta] mobiilisivustojen ja sovellusten käytettävyys on edelleen hyvin takana työpöydän verkkosivujen käytettävyyttä.

Tietenkään kukaan ei halua mobiilisivustoa, joka on vain tarpeeksi hyvä Googlelle. He haluavat, että heidän kävijänsä saavat positiivisen kokemuksen, kun he sijoittuvat verkkosivustolle tai asiakkaalle suunnitellulle. Joten he sopeuttavat suunnitelmansa vastaavasti.

Valitse lähestymistapa

Useimmat ihmiset yhdistävät mobiiliverkon ja reagoivan web-suunnittelun, koska se on ollut muusikoiden ympärillä eri blogeja ja esityksiä jo jonkin aikaa. Kuitenkin reagoiva web-suunnittelu ei ole ainoa strategia, eikä se aina ole paras tapa. Paras valinta perustuu siihen, miten haluat kävijöitäsi vuorovaikutuksessa sivustosi sisällön kanssa.

Responsive web design

Median kyselyiden avulla voit muuttaa sivuston näyttöä näytön koon mukaan, sillä tämä on nestekäsitys monien laitteiden suunnittelussa. Suunnittele kerran ja luotat CSS: ään skaalaamaan näyttöä näytön perusteella.

Mukautuva muotoilu

Tämä lähestymistapa perustuu staattisiin sivuihin, jotka on suunniteltu eri raja-arvoille. Kun näytön koko havaitaan, näyttöön tulee asianmukainen ulkoasu. Täällä sinun on suunniteltava erilaisia ​​asetteluja erilaisten näytön koon mukaan. Tavallisimpiin leveyksiin rakennetaan kuusi mallia: 320, 480, 760, 960, 1200, 1600.

Alkuperäinen sovellus

Tämä on silloin, kun luot iOS-, Android- tai Windows-sovelluksen, joka on suunniteltu palvelemaan Web-sisältöä mobiilikäyttäjille.

Ymmärtää, miten vuorovaikutukset toimivat

Sinun olisi vaikea löytää verkkosivustoa näinä päivinä, joka ei tarjoa jonkinlaista käyttäjän vuorovaikutusta. Se voi olla yrityssivusto, joka kerää tietoja tulevilta asiakkailta, kaupankäynnin verkkokauppasivustoa tai sivustoa, jonka avulla kävijät voivat kirjautua sisään tapahtumaan tai sijaintiin. Joka tapauksessa käyttäjän tulee antaa tietoja, tehdä valintoja ja painaa painikkeita ja sinun on päästävä mielentilaan, että mobiililaitteessa olevat asiat ovat erilaiset.

Aloittelijoille keskity tärkeisiin ominaisuuksiin. Tämä saattaa edellyttää jonkin verran uudelleenjärjestelyä, tai saatat joutua leikkaamaan joitain elementtejä, jotka haluat sisällyttää. Ei ainoastaan, että tämä auttaa vähentämään sekavuutta, mutta se mahdollistaa suurempia painikkeita ja muita elementtejä, joilla suurilla sormilla voi olla vaikea olla tekemisissä. Kun mahdollista, vähennä käyttäjien tarvetta kirjoittaa tekstiä. Heillä voi olla käytönaikaista näppäimistöä, mutta me kaikki tiedämme, että näiden virheellisten virheiden ja ominaisuuksien, kuten autokorrektion, käyttäminen tai tekstin ennustaminen voi olla varsin turhauttavaa. Ymmärrä myös, että on hyvät mahdollisuudet, että matkaviestintilaaja saattaa keskeytyä tai menettää yhteyden. Mitä vähemmän he joutuvat tekemään uudelleen, jos ne aikakatkaistuvat, sitä vähemmän turhauttavat he tuntevat.

Auta kävijöitä navigoimaan helposti

SEO-tarkoituksiin monet suunnittelijat on koulutettu vuosien varrella sisällyttämään monimutkaisia ​​navigointivalikkoja työhönsä niin, että hakukoneiden robotit pystyvät indeksoimaan kaiken. Kun kaikki on käytettävissä navigointi-valikosta, myös varmistat, että kävijät voivat löytää etsimäsi. Mutta matkaviestimelle, nämä ylivoimainen valikot tekevät navigointia entistä vaikeammaksi ja oikein luotu sivukartta lähettää hakukoneiden indeksoijia, mihin ne tarvitsevat.

Pitempien valikkoluetteloiden sijaan pidä valintoja enintään kuudessa, joten matkaviestimien ei tarvitse yrittää vierittää alaspäin nähdäksesi kaiken yrittäessään pitää valikon auki. Poista myös alavalikot. Tämä pieni + merkki, jonka odotat käyttäjiä laajentavan vaihtoehtojen napsauttamista, on todella vaikea napata, elleivät ne käytä kynää. Applen UI Design perusteet että keskimääräinen sormi vaatii 44 pikseliä vasemmalta oikealle ja ylös ja alas. Suunnittele tuossa tilassa mielessäsi.

Yhden sivun verkkosivujen trendi on myös tässä. Suunniteltu liikkuvien kävijöiden mielessä tämä tekniikka mahdollistaa kävijän selata sivustosi ja löytää kaiken tarvitsemansa yhdellä pitkällä sivulla. Tämäntyyppinen muotoilu unohtaa kaiken taitoksen, koska mobiilikäyttäjät ovat mukavia pyyhkäisemään sisältöä löytääkseen he tarvitsevat.

Älä uhraa tarkoitusta

Kun ajatellaan matkaviestintääsi, sinua pyydetään jättämään melko vähän. Mutta mitä sinun ei pitäisi koskaan uhraa, on se syy, että sinulla on verkkosivusto ensisijaisesti. Varmista, että brändäys on johdonmukainen, jos tarvitset logosi näkyväksi, käytä oikeaa kiinteistöä sen näyttämiseksi. Jos sivustosi sisältö on raskas, varmista, että mobiilikäyttäjilläsi on pääsy kaikkiin siihen. Sisällön piilottaminen mobiililaitteiden näytöistä rankaisee kävijöitä olemaan kokonaan näytöllä.

Web-suunnittelijoina olemme tottuneet alan kehityssuuntauksiin. Joka vuosi on luetteloita, jotka tuovat meidät viimeisimpiin haasteisiin ja menetelmiin, joihin meidän pitäisi kiinnittää huomiota. Suunnittelu mobiilikäyttäjälle ei ole yksi niistä. Se on todellisuutta, mistä teollisuusmme on menossa, ja he vain lisäävät näytön koon lisäämistä, jotta voimme työskennellä niin, että mikään koko ei sovi kaikkiin lähestymistapoihin, joita voit käyttää.

Sinä, organisaatiosi, asiakkaasi ja muiden sidosryhmien on määritettävä, mikä on tärkeää ja jäsentää sivustosi näiden elementtien ympärille. Mutta ajattele, mitä kävijöille on tärkeä, koska se on tärkeintä. Käyttäjäkokemuksen ei koskaan pitäisi olla siitä, mitä ajattelemme parhaiten tai mitä haluamme nähdä. Emme voi pakottaa ihmisiä saamaan suurta kokemusta, kun he käyvät sivuillamme. Sen sijaan meidän on tarkasteltava antamalla heille, mitä he haluavat, tavalla, joka on heille helppo pääsy.

Joten ennen kuin etsimme tarkistuslistoja tai oppaita, jotka kertovat meille, mikä hyvä käyttökokemus on, ota aikaa ajatella, mitä meidän on sanottava ja mitä kävijät haluavat kuulla.

Esittelykuva, mobiiliverkkokuva kautta Shutterstock.