5 virhettä mobiiliystävällisen web-sivuston suunnittelussa

Julkaistu 17.6.2015
Heikki Kujala

Google muutti Page Rank -algoritmiaan 14.4.2015 suosimaan mobiiliystävällisiä web-sivustoja. Mobiiliystävällisten web-sivustojen suunnittelussa pitää kiinnittää erityistä huomioita tiettyihin asioihin.

1. Toimimaton sisältö

  • Kuvat, videot ja sisältö voivat lakata toimimasta monesta syystä, mikä antaa huonon käyttäjäkokemuksen.
  • Ehkä paras esimerkki on flash-sisältö, jonka käyttämistä kannattaa välttää.
  • HTML5 kannattaa käyttää animaatioiden tekemiseen.

2. Hitaat latausajat

  • Hitaat latausajat harmittavat sekä tietokoneen että kännykän käyttäjiä.
  • Google PageSpeed Insight –palvelulla voidaan mitata latausaikoja.
  • CSS ja JavaScript –tiedostot kannattaa pakata.
  • 45% käyttäjistä haluaa web-sivun latautuvat 2 – 3 sekunnissa.
  • 40% käyttäjistä hylkää web-sivuston yli 3 sekunnin lataamisen jälkeen.
  • 44% käyttäjistä kertoo kamalasta käyttäjäkokemuksestaan kaverille.

3. Sivua ei löydä 404-virheilmoitus

  • Vaikka erillisiä mobiililaitteille tarkoitettuja ei suositella, on niitä olemassa.
  • Mikäli pääsivustolta tehty uudelleenohjaus mobiilisivustolle on tehty väärin, kännykän käyttäjä saa 404 sivua ei löydy –virheilmoituksen.

4. Sivulla on liikaa tekstiä

  • Pienen näytön vuoksi sivustolla ei saisi olla liikaa tekstiä luettavuuden takia.
  • Pitkä teksti estää nopean silmäilyn, jota tarvitaan yleiskuvan saamisessa.
  • Listojen käyttäminen ranskalaisten viivojen tyyppisesti helpottaa lukemista.
  • Teksteissä kannattaa käyttää selkeää kappalejakoa.

5. Antisosiaalinen web-sivusto

    Myös kännykän käyttäjille kannattaa tarjota sosiaalisen median –painikkeet.

Yhteenveto

  • Edellä mainitut mobiiliystävällisen web-sivuston suunnitteluvirheet on helppoa välttää.
  • Paras mahdollinen käyttäjäkokemus mobiililaitteilla saavutetaan mobiili ensin –suunnittelulla. Sivusto rakennetaan ensin kännyköille, vastaa sen jälkeen tietokoneille.