Tukevatko nettisivusi käyttäjäkokemusta?

Mitä nettisivuja suunnitellessa kannattaa ottaa huomioon?

Vierailijat eivät lähtökohtaisesti lue läheskään koko nettisivujen sisältöä. Tyypillisesti he ensin silmäilevät sivut nopeasti läpi ja muodostavat yleiskuvan siitä, mitä tietoa ja sisältöä sivuilta löytyy. Vasta sitten sivustovierailijat keskittyvät lukemaan heitä kiinnostavat asiat.

Vierailijoiden kiinnostus sivuihin vähenee nopeasti ajan myötä, kunnes lopulta vierailija menettää kokonaan kiinnostuksensa ja sulkee sivun. Verkkosivuista ja käyttäjän mielentilasta riippuen kiinnostuksen menettämiseen voi mennä alle muutama sekunti. Tämän vuoksi rakenteessa pitää pyrkiä selkeyteen ja tunnelman luontiin ilman, että visiteeraajan edes odotetaan lukevan muuta kuin isoimmat otsikot.

Tämän pohjalta nettisivujen hyödyn maksimoimiseen on kaksi toisiaan tukevaa tavoitetta, joihin UX-suunnittelulla voidaan vastata:

1. Saada käyttäjä viihtymään saitilla mahdollisimman pitkään ja saada käyttäjä palaamaan takaisin.
2. Suunnitella sivut niin, että käyttäjä löytää lyhyessä ajassa oleellisimmat tiedot, sekä osaa käyttää sivuja, kuten ne on suunniteltu käytettäviksi.

Näiden saavuttamiseksi on erittäin tärkeää huomioida, että sivut näyttävät nopeasti selatessa tyylikkäiltä, sisältö on jäsennelty hyvin ja oleelliset asiat erottuvat selkeästi. Tämä pätee myös verkkopalveluiden toimintoihin: mikäli toiminnot eivät selkeästi ole näkyvillä käyttäjille, ei niitä myöskään käytetä. Kun kaikki oleelliset toiminnot ja tiedot löytyvät nopeasti, palaa käyttäjä myös todennäköisemmin sivuille myöhemmin takaisin.

Seuraavaan listaan olemme koonneet muutaman usein käyttämämme neuvon, joilla pääsee alkuun hyvän käyttäjäkokemuksen (UX) takaamisessa.

Navigointi

• Navigointia on helppo ja nopea käyttää. Esimerkiksi mobiililla voi olla hyödyllistä pitää se näkyvissä myös sivuja skrollattaessa.
• Navigointipalkissa pääotsikoina ovat vain tärkeimmät ja muut sivut löytyvät loogisesti niiden alta.
• Liika hierarkisuus tekee sivuista nopeasti sekavat, ja jo kolmen tason syvyys on usein liikaa. Siksi, jos kaikki oleellinen sisältö ei ole kolmen klikkauksen päästä etusivusta, Googlekin rankkaa sivustoja huonommin hakukoneessaan.
• Sivut on suunniteltu niin, ettei käyttäjän tarvitse skrollata pitkiä matkoja.

Sisältö ja teksti

• Tärkeimmät asiat ovat korostettuja: mainittu sivujen yläosassa tai tekstikappaleiden alussa, sillä usein käyttäjät lukevat vain 2-3 ensimmäistä lausetta ja tekstit jotka hyppäävät esiin, kuten otsikot, boldaukset tai numerot.
• Oleellisimpien sisältöjen ympärillä on tarpeeksi tyhjää tilaa: tilan käyttö voi lisätä käyttäjän huomiota jopa 20%.
• Visuaalisia keinoja käytetään pelkän tekstin ohella helpottamaan sivujen pikaselaamista sekä parantamaan niiden ulkoasua.
• Monivaiheisten toimintojen, kuten verkkokauppatilausten, valmiusastetta kannattaa usein kuvata edistymispalkilla, joka antaa vierailijalle visuaalisen tiedon edistymisestään. Näin vierailijat eivät turhaudu kesken tilauksen.
• Sisältö kannattaa toteuttaa sopivan minimalistisesti: esimerkiksi numeroituja listoja voidaan hyödyntää pitkien tekstikappaleiden sijaan ja helpomman luettavuuden takaamiseksi.
• Sisällytä vain yksi Call to Action -toiminto sivullesi, esimerkiksi ”Tilaa nyt” tai ”Ota yhteyttä” -painike.

Sivujen nopeus

• On kriittistä toteuttaa nopeilta tuntuvat sivut. Käyttäjien havaitsema nopeus koostuu sivujen todellisesta latausajasta, siitä mitä tapahtuu lataamisen aikana sekä animaatioiden sulavuudesta.
• Mikäli sisällön lataamisessa voi kestää, kannattaa sen latautuessa näyttää jotakin ”dummy-sisältöä” pelkän tyhjän taustan sijaan: esimerkiksi Facebookissa lataamattomat postaukset näkyvät harmaina palkkeina.
• Joitakin toimintoja voidaan toteuttaa taustalla ilman, että käyttäjä edes huomaa niitä.

Värit

• Sivujen väriteeman kannattaa usein olla samanlainen eri sivuilla, jotta sivut luovat yhtenäisen kokonaisuuden.
• Käytä enintään kolmea pääväriä sivuillasi. Joissakin tapauksissa myös enemmän voi toimia, mutta tällöin kannattaa harkita tarkasti.
• Erota linkit väriltään muusta tekstistä, sillä muuten käyttäjä todennäköisesti jättää ne huomiotta.
• Säästä yksi väreistä ”Call to Action” -toiminnollesi sen erottamiseen muusta sisällöstä.

Kuvat ja ikonit

• Sisältöjen, erityisesti pitkien tekstien ja artikkelien, yhteydessä näytetään aiheeseen sopivia kuvia: ne voivat lisätä sivun lukemisia jopa yli 50%.
• Kuvien sijainti, koko ja sisältö on hyvin suunniteltu: tutkimusten mukaan käyttäjät käyttävät 10% enemmän aikaa ”tietoa meistä” -sivulla kuvien katsomiseen kuin sisällön lukemiseen.
• Ikonit ovat yksinkertaisia, niitä ei käytetä liikaa ja ne kuvaavat hyvin asioita, joihin ne on yhdistetty. Ne toimivat tavallaan visuaalisina selitteinä.
• Ikonit sopivat kaikkiin kulttuurillisiin konteksteihin, ja kaikki ymmärtävät niiden merkityksen.