Käytettävyys ja käyttökokemus
Verkkosivujen käytettävyys: helppo voittaa hienon
Hyvä käyttökokemus ei ole makuasia vaan mitattava asia: löytääkö kävijä hinnan, ymmärtääkö hän mitä teet ja saako hän lähetettyä yhteydenoton ilman turhautumista. Tässä oppaassa käymme läpi, mitä verkkosivujen käytettävyys tarkoittaa pienelle yritykselle, miten testaat sen viidessä sekunnissa ja mitkä kuusi virhettä toistuvat suomalaisilla yrityssivuilla kerta toisensa jälkeen.
Mitä käytettävyys oikeasti on
Kävijä ei arvioi sivustoasi, hän yrittää saada asian hoidettua
Kukaan ei tule sivustollesi ihailemaan typografiaa. Ihminen tulee, koska katto vuotaa, hammas särkee tai muutto on ensi viikolla. Hänellä on yksi tehtävä mielessään ja hyvin vähän kärsivällisyyttä. Käytettävyys mittaa sitä, kuinka nopeasti ja varmasti hän saa tehtävänsä tehtyä.
Siksi käytettävyyttä ei ratkaista makuasioilla vaan havainnoimalla. Kun katsot viiden ihmisen käyttävän sivustoasi puhelimella, näet muutamassa minuutissa, missä kohdissa he pysähtyvät, palaavat takaisin tai luovuttavat. Ne kohdat ovat sinun korjauslistasi, ja ne maksavat sinulle yhteydenottoja joka viikko.
Nopein testi
Viiden sekunnin testi kertoo enemmän kuin palaveri
Pyydä joku, joka ei tunne yritystäsi, katsomaan etusivuasi viiden sekunnin ajan. Peitä sitten näyttö ja kysy kolme kysymystä. Jos vastaukset takkuavat, ongelma on viestissä eikä väreissä.
- Mitä tämä yritys tekee ja missä se toimii?
- Kenelle palvelu on tarkoitettu, olisiko se sinulle?
- Mitä tällä sivulla pitäisi seuraavaksi tehdä?
Toista sama viidellä ihmisellä. Jos kolme viidestä epäröi samassa kohdassa, olet löytänyt oikean korjauskohteen. Tämä testi maksaa nolla euroa ja vie vartin.
Mitä kävijä etsii ensimmäisenä
Mitä teette
Yhdellä lauseella, heti ylhäällä
Missä toimitte
Kaupunki tai alue näkyvissä
Mitä maksaa
Hinta tai edes hintahaarukka
Voiko luottaa
Referenssit ja arvostelut
Miten otan yhteyttä
Napautettava numero ja lomake
Kuusi perusasiaa
Näistä hyvä käyttökokemus rakentuu
Verkkosivujen ux ei vaadi tutkimuslaboratoriota. Nämä kuusi asiaa kattavat valtaosan siitä, mikä tavallisella yrityssivustolla ratkaisee.
Yksi selkeä seuraava askel
Jokaisella sivulla on yksi tärkein toiminto, joka näkyy ilman vierittämistä. Kun kävijälle tarjotaan viisi yhtä painavaa vaihtoehtoa, hän ei valitse yhtään. Soita, varaa aika tai pyydä tarjous, valitse yksi ja tee siitä näkyvin.
Navigaatio kolmella klikkauksella
Viidestä seitsemään kohtaa päävalikossa ja nimet asiakkaan sanoilla. Palvelusivut ryhmiin, ei kaikkea samaan riviin. Jos joudut piilottamaan puolet valikosta pudotusvalikkoihin, rakenne on todennäköisesti liian monimutkainen.
Peukalon ulottuvilla
Puhelinta käytetään yhdellä kädellä, ja peukalo yltää mukavasti näytön alaosaan. Sinne kuuluvat tärkeimmät napit. Napautusalueen pitää olla riittävän iso ja linkkien välissä pitää olla tilaa, ettei sormi osu viereiseen.
Lomakkeen kitka pois
Jokainen ylimääräinen kenttä maksaa yhteydenottoja. Kysy nimi, yhteystieto ja lyhyt kuvaus. Loput selviävät puhelimessa. Kentillä on näkyvät nimilaput, virheilmoitus kertoo mikä meni pieleen, ja lähetyksen jälkeen ruudulla lukee mitä tapahtuu seuraavaksi.
Luettava typografia
Leipätekstissä vähintään 16 pikseliä, riviväli väljä ja rivin pituus noin 60 tai 75 merkkiä. Lyhyet kappaleet ja väliotsikot, koska verkossa silmäillään ennen kuin luetaan. Ohut vaalea teksti vaalealla taustalla on tyylikästä vain suunnittelijan näytöllä.
Nopeus on käytettävyyttä
Sivu, joka latautuu hitaasti tai hyppii kesken lukemisen, tuntuu rikkinäiseltä riippumatta siitä, kuinka hyvin se on suunniteltu. Kevyt toteutus, pakatut kuvat ja varatut tilat kuville pitävät kokemuksen rauhallisena myös heikolla yhteydellä.
Toistuvat virheet
Kuusi tapaa karkottaa asiakas suomalaisella yrityssivulla
Näemme nämä lähes jokaisessa auditoinnissa. Yhdelläkään ei ole tekemistä budjetin kanssa, kaikki ovat korjattavissa saman viikon aikana.
01
Hinnasto vain PDF-tiedostona
Kävijän pitää ladata tiedosto, avata se ja etsiä oikea rivi. Puhelimella tämä on tuskaa, eikä hakukone lue sisältöä kunnolla. Laita hinnat tekstinä sivulle ja tarjoa PDF vain lisänä.
02
Yhteystiedot piilossa
Puhelinnumero löytyy vasta sivun alalaidasta, eikä siitä voi soittaa napauttamalla. Nosta numero ylös, tee siitä linkki ja kerro aukioloajat samassa paikassa.
03
Automaattisesti käynnistyvä video
Ääni pauhaa toimistossa, data palaa mobiiliverkossa ja sivu latautuu hitaasti. Käytä paikallaan olevaa kuvaa ja anna kävijän itse päättää, katsooko hän videon.
04
Evästekysely ennen sisältöä
Koko ruudun peittävä ikkuna, jossa hylkääminen vaatii kolme klikkausta, ajaa kävijöitä pois. Rakenna sivusto ilman turhia seurantaevästeitä, niin kysely pysyy pienenä ja rehellisenä.
05
Karuselli etusivun ylälaidassa
Kuvat vaihtuvat ennen kuin kukaan ehtii lukea niitä, ja mittausten mukaan käytännössä vain ensimmäistä katsotaan. Yksi selkeä viesti ja yksi nappi toimii paremmin.
06
Sisäänkirjautuminen tai chat väkisin
Heti avautuva chat-ikkuna tai uutiskirjeen tilauslomake peittää sisällön juuri silloin, kun kävijä yrittää lukea. Anna ensin sisältö, sitten vasta pyyntö.
Näin korjaat ne yhdessä iltapäivässä
Siirrä hinnat tekstiksi sivulle, nosta puhelinnumero ylös napautettavana linkkinä, poista automaattinen toisto videosta, kevennä evästekyselyä, korvaa karuselli yhdellä viestillä ja siirrä chat käynnistymään vasta pyynnöstä. Mittaa yhteydenotot ennen ja jälkeen, niin näet eron mustana valkoisella.
Mobiili ratkaisee
Käytettävyys mitataan puhelimella, ei työpöydällä
01
Peukalon alue
Yhdellä kädellä käytettäessä peukalo yltää luontevasti näytön alaosaan ja keskelle. Tärkeimmät napit sinne, ei ylänurkkaan, jonne joutuu kurkottamaan tai vaihtamaan otetta.
02
Napautettava kaikki
Puhelinnumero soittolinkkinä, osoite karttalinkkinä, sähköposti valmiiksi avautuvana viestinä. Jokainen ylimääräinen kopioi ja liitä -kierros pudottaa osan kävijöistä pois.
03
Lyhyt matka yhteydenottoon
Kiinteä alapalkki, jossa on soitto ja WhatsApp, pitää yhteydenoton aina sormen ulottuvilla riippumatta siitä, kuinka pitkälle kävijä on vierittänyt.
Mobiilikäytettävyys lepää sen päällä, että sivusto on aidosti responsiivinen. Kun taas kysymys on siitä, pystyykö kävijä ylipäätään käyttämään sivustoa, ollaan saavutettavuuden puolella. Latausajasta kerromme lisää sivulla nopeusoptimointi, ja jos rakenne on peruskorjauksen tarpeessa, katso verkkosivujen uudistus.
Usein kysyttyä
Käytettävyys ja käyttökokemus
Mitä verkkosivujen käytettävyys tarkoittaa?
Käytettävyys tarkoittaa sitä, kuinka helposti kävijä saa sivustollasi tehtyä sen, mitä hän tuli tekemään: löytää hinnan, varaa ajan, soittaa tai lähettää tarjouspyynnön. Hyvä käytettävyys ei tunnu miltään, koska mikään ei jää epäselväksi. Huono käytettävyys tuntuu pieninä hidasteina: ei löydy, ei ymmärrä, ei jaksa.
Mikä on viiden sekunnin testi?
Näytä etusivuasi jollekulle viiden sekunnin ajan ja peitä sitten näyttö. Kysy kolme asiaa: mitä tämä yritys tekee, kenelle se on tarkoitettu ja mitä sivulla pitäisi seuraavaksi tehdä. Jos vastaukset eivät tule, ongelma ei ole ulkoasussa vaan viestissä. Tämä on halvin käytettävyystesti, jonka voit tehdä tänään, ja se paljastaa yleensä enemmän kuin analytiikka.
Miten syvä navigaation pitäisi olla?
Kävijän pitäisi päästä mihin tahansa tärkeään sisältöön korkeintaan kolmella klikkauksella etusivulta. Päävalikossa kannattaa olla viidestä seitsemään kohtaa, ei viittätoista. Yhdistä palvelut selkeiksi ryhmiksi ja käytä nimiä, joita asiakkaasi käyttävät. Sanat kuten Ratkaisut tai Tarjontamme eivät kerro mitään, kun taas Kattoremontti tai Hinnasto kertovat.
Miten käytettävyys ja hakukoneoptimointi liittyvät toisiinsa?
Google mittaa sivukokemusta muun muassa Core Web Vitals -mittareilla, joten hidas ja hyppivä sivu häviää sijoituksissa. Sitäkin tärkeämpää on kävijän käytös: jos ihmiset palaavat hakutuloksiin sekunneissa, se on selvä signaali. Käytettävyyden korjaaminen on siis harvinaisen kivuton tapa parantaa myös hakunäkyvyyttä, koska liikenne on jo olemassa.
Mitkä ovat yleisimmät käytettävyysvirheet suomalaisilla yrityssivuilla?
Hinnasto pelkkänä PDF-tiedostona, yhteystiedot piilossa alavalikon takana, automaattisesti käynnistyvä video etusivulla, evästekysely joka peittää koko sisällön ennen kuin mitään ehtii nähdä, ja yhteydenottolomake, jossa kysytään kymmentä asiaa, kun kaksi riittäisi. Nämä viisi korjaamalla useimmat sivustot paranevat välittömästi.
Onko käytettävyys sama asia kuin saavutettavuus?
Ei sama, mutta ne menevät suurelta osin päällekkäin. Käytettävyys kysyy, saako kävijä tehtävänsä tehtyä sujuvasti. Saavutettavuus kysyy, pystyykö hän ylipäätään käyttämään sivustoa esimerkiksi heikolla näöllä tai pelkällä näppäimistöllä. Käytännössä sama korjaus, kuten selkeä kontrasti tai kunnollinen lomakevirhe, parantaa molempia.
Miten mittaan käytettävyyden paranemista?
Katso kolmea lukua ennen ja jälkeen: kuinka moni kävijä lähtee heti, kuinka moni pääsee yhteydenottosivulle asti ja kuinka moni lähettää lomakkeen tai soittaa. Lisäksi kannattaa katsoa mobiilin ja tietokoneen luvut erikseen, sillä ongelmat ovat usein vain toisessa. Viisi oikeaa käyttäjää testaamassa löytää enemmän kuin tunti arvailua palaverissa.
Sisältyykö käytettävyystyö sivuston hintaan?
Sisältyy. Rakenne, tekstit ja yhteydenoton polku suunnitellaan käytettävyys edellä jokaisessa projektissa, oli kyseessä laskeutumissivu (alk. 390 €) tai kokonainen yrityssivusto (alk. 790 €). Erillinen käytettävyysarvio olemassa olevalle sivustolle onnistuu myös, ja siitä saat konkreettisen korjauslistan tärkeysjärjestyksessä.
Kerro osoitteesi, niin teemme viiden sekunnin testin puolestasi.
Saat rehellisen listan siitä, missä kävijäsi pysähtyvät ja mitkä korjaukset kannattaa tehdä ensin. Ilman myyntipuhetta.
Vastaamme 2 tunnin sisällä