11 askelta mobiiliystävällisen verkkosivuston luomiseen

Ensimmäiset asiat ensin. Jos verkkosivustoasi voi käyttää ja tarkastella mobiililaitteella, se on hienoa. Sinulla on kuitenkin vielä paljon tehtävää, ennen kuin se voidaan julistaa mobiiliystävälliseksi.

Mobiilikäyttäjien ei pitäisi ainoastaan ​​pystyä katsomaan verkkosivustoasi ja lukea sisältöäsi, vaan heillä pitäisi olla pääsy sen kaikkiin toimintoihin.

Mobiililaitteiden käyttäjien määrä on kasvanut räjähdysmäisesti viime vuosina, ja he käyttävät näitä laitteita Internetiin pääsyyn. Oli aika, jolloin mobiilikäyttäjät olivat iloisia voidessaan lähettää tekstiviestejä, lähettää sähköpostia, soittaa puheluita ja surffata vähän. Nykyään odotetaan voivansa tehdä melkein kaiken, mitä he tekevät työpöydällä mobiililaitteillaan. Tämä sisältää:

• Tuotteiden ja palveluiden tutkiminen
• Videoiden katsominen
• Katso kuvat ja tuotekuvaukset
• Ostokset ja ostosten teko
• Ilmoittautuminen tarjouksiin
• Uutisten ja muun sisällön kuluttaminen

Jos verkkosivustosi vierailijat huomaavat, että he voivat nauttia vain rajallisesta käyttökokemuksesta, heillä on hyvä mahdollisuus mennä muualle.

Jos haluat optimoida verkkosivustosi niin, että se on todella mobiiliystävällinen, jatka lukemista. Nämä 11 vaihetta auttavat sinua pääsemään alkuun.

1 Poista puristamisen ja kahden käden navigoinnin tarve

Tässä on yksinkertainen mutta erittäin tärkeä testi, joka jokaisen web-suunnittelijan tulee suorittaa jokaisella suunnittelemansa verkkosivulla. Avaa kyseinen verkkosivu älypuhelimellasi. Aseta nyt laite haluamaasi ”puhelinkäteen”. Pystytkö navigoimaan sivulla ilman, että sinun tarvitsee käyttää toista kättäsi? Pystytkö lukemaan tekstiä ilman, että sinun tarvitsee nipistää ja lähentää tai loitontaa tai vierittämättä? Jos et voi tehdä kumpaakaan näistä asioista, on aika tehdä joitain muutoksia.

Yksi mobiililaitteen käytön tärkeimmistä mukavuustekijöistä on, että se vaatii vain yhdellä kädellä käyttöä. Mitä et halua tehdä, on viedä tätä mukavuutta pois ihmisiltä, ​​jotka haluaisit ostaa tuotteitasi ja palveluitasi.

2 Keskity yksinkertaisuuteen

Työpöytäkäyttäjilläsi saattaa olla runsaasti tilaa ja kaistanleveyttä videoille, kuville ja paljon sisältöä, mutta näin ei ole mobiilikäyttäjien kohdalla. Tästä syystä sinun tulee keskittyä luomaan puhdas, yksinkertainen muotoilu, joka korostaa toimivuutta eri ominaisuuksien sijaan. Ajattele asioita, joita mobiilisivustosi vierailijat haluavat nähdä ja tehdä heti, kun he päätyvät etusivullesi. Varmista, että nämä asiat ovat heidän käytettävissään heti, kun sivustosi avautuu. Keskity sitten sivun latausaikaan. Vasta kun nämä kaksi asiaa on suoritettu, sinun tulee harkita, onko sinulla tilaa toiselle ominaisuudelle.

3 Käytä reagoivaa teknologiakehystä

Responsiiviset suunnittelukehykset ovat erittäin arvokkaita verkkosuunnittelijoille, jotka haluavat luoda mobiiliystävällisiä verkkosivustoja. Pohjimmiltaan työkalut, kuten Bootstrap, antavat suunnittelijoille mahdollisuuden asettaa kunkin verkkosivun elementit ruudukkoon. Tämän jälkeen ruudukon mittoja voidaan säätää eri näyttökokoja varten. Tuloksena on, että teksti, kuvakkeet, kuvat, painikkeet jne. on sijoitettu niin kuin pitääkin. Tämä varmistaa, että jokaisella käyttäjällä on samanlainen käyttökokemus riippumatta siitä, käyttävätkö he pöytätietokonetta, kannettavaa tietokonetta, älypuhelinta tai tablettia vai eivät. Vielä parempi, sinun ei tarvitse ylläpitää erillistä verkkosivustoa mobiililaitteille.

4 Optimoi kuvat mobiililaitteille

Internet mobiililaitteille on yksinkertaisesti hitaampi kuin kaapeli- ja puhelinyhtiöiden sekä muiden palveluntarjoajien tarjoama Internet. Kaksi tekijää, jotka voivat todella vaikuttaa tähän, ovat videot ja kuvat. Et halua poistaa näitä kohteita kokonaan. Loppujen lopuksi mobiilikäyttäjät todella rakastavat visuaalista sisältöä. Haluat kuitenkin optimoida niin paljon kuin voit. Tässä on muutamia vaiheita, joiden avulla voit parantaa nopeutta ja suorituskykyä kuvien käytön aikana:

• Tarjoa käyttäjille kuvien pienempiresoluutioisia versioita
• Optimoi kuvat tietyn laitteen koon ja kuvasuhteen mukaan
• Ota JQuery huomioon, jos JavaScript on liian raskas

5 Tekstin sijaan aina kun mahdollista

Kuvakkeet toimivat hyvin, koska ne ovat pohjimmiltaan eräänlainen internetin lyhyt käsi, jonka me kaikki olemme sopineet tarkoittavan tiettyjä asioita. Esimerkiksi sosiaalisen median jakopainikkeet tunnistavat välittömästi kaikki, jotka ovat käyttäneet mobiilia jonkin aikaa. Sama pätee sähköpostin lähettämiseen, soittamiseen tai verkkosivuston valikkoon siirtymiseen tarkoitettuihin painikkeisiin.

Näiden mobiiliystävällisten kuvakkeiden käyttäminen auttaa sinua saavuttamaan kaksi asiaa. Ensinnäkin säästät arvokasta näyttötilaa tekstin käytön sijaan. Tämän lisäksi viestit myös verkkosivustoasi käyttäville ihmisille, että olet ottanut aikaa mobiilikäyttäjien huomioimiseen suunnittelussasi.

6 Pidä sisältö lyhyenä

Tämä on alue, jolla monilla web-suunnittelijoilla ja sisältömarkkinoijilla on pieni dilemma. Pitkän muodon sisältö on tulossa yhä suositummaksi erityisesti päättäjien keskuudessa, mutta se ei yksinkertaisesti sovi mobiililaitteille. Kysymys kuuluukin, onko parempi rajoittaa tai poistaa pitkää sisältöä mobiilissa vai laittaa se joka tapauksessa ulos ja jättää kulutuksen valinnan käyttäjälle? Paras tapa vastata näihin kysymyksiin on ottaa huomioon tyypillinen mobiilikäyttäjien käyttäytyminen.

Voit luottaa verkkosivustosi analytiikkaan saadaksesi käsityksen siitä, mitä mobiilikäyttäjäsi tekevät ja mitä he eivät. Mobiilikäyttäjillä on kuitenkin taipumus käyttää laitteitaan yhteydenpitoon sosiaalisessa mediassa, uutisten kuluttamiseen, musiikin kuunteluun, ostoksille ja sisällön lukemiseen, joka on yleensä lyhyempi kuin ei. Tämä ei nyt tarkoita, etteikö pitkäkestoista sisältöä mobiililaitteille tulisi koskaan harkita. Sillä on tämä paikka. Toinen yleinen mobiilikäyttö on löytää ratkaisuja ongelmiin. Jos sinulla on pitkämuotoista sisältöä, joka voi esimerkiksi ohjata mobiilikäyttäjää ongelmanratkaisuprosessin läpi, sinun tulee antaa se hänen käyttöönsä.

7 Tee yhteys- ja sijaintitiedoista helposti löydettäviä

Jos sinulla on verkkosivusto, joka keskittyy huumoriin, viihteeseen, uutisiin, trendaavan sisällön kuratointiin, treffeille tai käytät sosiaalisen median alustaa, ihmiset voivat siirtyä verkkosivustollesi mobiililaitteillaan surffaillakseen. Jos ei, on todennäköistä, että verkkosivustosi mobiililaitteella avaava henkilö haluaa ottaa sinuun yhteyttä tai selvittää, missä olet. Paras tapa auttaa heitä on antaa nämä tiedot heidän saatavilleen heti, kun kotisivusi avautuu.

Jos sinulla on kiinteä sijainti, sinun kannattaa varmistaa, että nämä tiedot sisältyvät myös aloitussivuillesi. Jos ihmiset surffailevat sisään vastattuaan mainoksesi toimintakehotuksiin, et halua heidän joutuvan kaivamaan ympäriinsä saadakseen selville, missä olet.

8 Testaa mobiilikäyttökokemus perusteellisesti

Tässä on asioita, jotka sinun on otettava huomioon suunniteltaessa mobiiliystävällisiä verkkosivustoja:

• Näyttökokoja on useita
• Mobiililaitteita käyttäviä käyttöjärjestelmiä on useita
• Käyttäjät voivat käyttää verkkosivustoasi useilla Internet-selaimilla

Kaikkien näiden kolmen tosiasian huomioon ottaminen tarkoittaa, että on olemassa useita mahdollisia käyttöjärjestelmien, näytön koon ja selainvaihtoehtojen yhdistelmiä. Tavoitteenasi, seuraavan web-suunnitteluprojektisi loppuun saattaminen, tulisi olla testata mahdollisimman monia mahdollisia yhdistelmiä, jotta voit varmistaa, että jokainen käyttäjä nauttii erinomaisesta mobiilikokemuksesta. Voit käyttää sovellusta, kuten UxRecorder, auttamaan tässä testauksessa.

9 Käytä maantieteellistä sijaintia

Geolocation on erittäin hyödyllinen mobiilikäyttäjille. Jos otat tämän tekniikan käyttöön verkkosivustollasi, vierailijat voivat löytää lähellä olevia myymälöitä, kartoittaa ajo-ohjeet sijainnistaan ​​omaasi ja tarkistaa tuotteiden saatavuuden paikallisesta kaupastaan. Yrityksenä voit kohdistaa sisältöä nimenomaan maantieteelliselle alueelle, tehdä tarjouksia tietyissä paikoissa oleville käyttäjille, hinnoitella tuotteet paikallisessa valuutassa ja kannustaa käyttäjiä kirjautumaan sisään tai lisäämään näkemyksensä sosiaalisen median sivustoille, jotka jakautuvat sijainti.

10 Optimoi lomakkeesi mobiililaitteille

Ihannetapauksessa mikään lomakkeistasi ei saisi olla liian pitkä, etkä käyttää niitä markkinointitarkoituksiin poimimaan käyttäjiltäsi tietoja. Se on ärsyttävää ja todennäköisesti estää ihmisiä kirjautumasta tarjouksiisi. Mobiilikäyttäjien kohdalla tämä on kaksinkertaisesti totta. Tästä syystä on erittäin tärkeää pitää lomakkeesi lyhyinä, intuitiivisina ja varmistaa, että ne voidaan täyttää nopeasti.

Voit tehdä tämän pyytämällä vain tietoja, joita tarvitset antaaksesi heille sen, mitä he kirjautuvat, tarjoamalla heille valintaruudut ja avattavat valikot ja käyttämällä heidän sijaintiaan joidenkin kenttien täyttämiseen.

11 Rohkaise palautetta

Muista, että käyttäjäsi eivät kävele ”muiden mobiilikäyttäjien” tai minkään muun väestörakenteen perässä. He ovat asiakkaitasi ja potentiaalisia asiakkaita, ja heillä on ainutlaatuisia tarpeita ja käyttäytymistä. Näitä ohjaavat osittain heidän omat mieltymyksensä, mutta myös heidän erityiset halunsa ja tarpeensa, jotka liittyvät suoraan heidän verkkosivustosi käyttöön.

Mitä tämä tarkoittaa? Se tarkoittaa, että voit luoda oppikirjan täydellisen version mobiilisivustosta, joka ei yksinkertaisesti toimi kovin hyvin käyttäjillesi. Voit myös kehittää verkkosivuston, jonka hakukoneoptimoijat ja muut web-suunnittelijat väittävät, ettei se koskaan toimi käyttäjillesi ja joka täyttää täysin yleisösi tarpeet.

Tästä syystä on erittäin tärkeää saada palautetta käyttäjiltäsi. Analyysit ovat hienoja, mutta ne eivät korvaa asiakkaiden sanojen kuuntelemista. Voit ehkä käyttää analytiikkaa määrittääksesi, että monet ihmiset viettävät aikaa tietyllä sivulla. Analytiikka ei voi kertoa sinulle, että he ovat tällä sivulla pakosta, mutta vihaavat tapaa, jolla se on suunniteltu. Käytä aikaa lukeaksesi kommentteja, joita vierailijat lähettävät sinulle, ja harkitse erityisesti mobiilikäyttäjille tarkoitetun kyselyn luomista. Voit sitten käyttää heiltä saamiasi tietoja määrittääksesi, mikä toimii hyvin ja mikä pitäisi korjata.

Johtopäätös

Älä pysähdy yksinkertaiseen mobiiliyhteensopivuuteen. Hyödynnä mobiilikäyttäjien kasvavaa määrää ja luo käyttökokemus, joka todella vastaa heidän toiveitaan, tarpeitaan ja odotuksiaan. Mobiilikäyttäjät eivät enää tyydy käsittelemään verkkosivustoja, jotka toimivat kohtuullisen hyvin mobiililaitteella. Ne vaativat täydellistä toimivuutta ja ominaisuuksia, jotka on suunniteltu erityisesti heille.

Suunnitteletpa uutta verkkosivustoa tai otat vanhan takaisin piirustuspöydälle, saattaa olla aika harkita mobiilistrategiaa. Eikö olekin sitten hyvä asia ottaa huomioon nopeimmin kasvava yleisösi ensin?