Miten parannat verkkosivustosi käyttökokemusta

Käyttökokemuksen parantaminen tarkoittaa kitkan poistamista kävijän ja hänen tavoitteensa väliltä. Opi vaikuttavimmat muutokset ja miten mittaat niitä.

Luonnos

Siisti ja nopeasti latautuva verkkosivusto voi silti epäonnistua täysin. Kävijät saapuvat, katselevat ympärilleen ja lähtevät tekemättä mitään. Ulkoasu on kunnossa. Sisältö on paikallaan. Käyttökokemus katkaisee ketjun saapumisen ja toiminnan välillä, ja se on se verkkosivuston osa, jota useimmat omistajat tarkastelevat viimeisenä.

Verkkosivuston käyttökokemuksen parantaminen tarkoittaa kitkan tunnistamista ja poistamista kävijän ja hänen tavoittelemansa lopputuloksen väliltä. Lopputulos voi olla tiedon löytäminen, ostos, yhteydenottolomakkeen lähettäminen tai sen ymmärtäminen, mitä yritys tarjoaa. Jokainen kohta, jossa kävijä epäröi, hämmentyy tai luovuttaa, on UX-ongelma, ja useimmat niistä voi korjata ilman täyttä uudistusta.

Artikkeli mitä UX-suunnittelu on selittää periaatteet, joiden varaan hyvä käyttökokemus rakentuu. Tässä artikkelissa käydään läpi käytännön muutokset, jotka tuottavat eniten parannusta oikeilla yrityssivustoilla.

Miten tunnistat sivustosi UX-ongelmat?

Ennen muutosten tekemistä sinun pitää tietää, missä ongelmat ovat. Useat menetelmät paljastavat erityyppisiä ongelmia.

Analytiikan signaalit

Korkeat poistumisprosentit keskeisillä sivuilla, lyhyt sivulla vietetty aika sisällössä, jonka lukemiseen pitäisi mennä pidempään, ja jyrkät pudotukset kassan tai lomakkeen täyttöprosessissa viittaavat kaikki UX-ongelmiin. Nämä signaalit eivät kerro, mikä ongelma on, mutta ne kertovat, mistä etsiä. Yhteystietosivulla, jolta 90 prosenttia poistuu ennen lähetystä, on UX-ongelma jossain kyseisessä prosessissa.

Oikeiden kävijöiden seuraaminen

Kun pyydät jotakuta, joka ei ole koskaan nähnyt verkkosivuasi, löytämään tietyn sivun, suorittamaan tietyn tehtävän tai vastaamaan tiettyyn kysymykseen sinun katsoessasi, se on suorin tapa tunnistaa UX-virheet. Älä ohjaa heitä. Katso, mihin he napsauttavat, missä he epäröivät ja missä he luovuttavat. Kaksi tai kolme tällaista istuntoa paljastaa useimpien sivustojen merkittävimmät ongelmat.

Lämpökartat ja istuntotallenteet

Lämpökartat näyttävät, mihin kävijät napsauttavat, napauttavat ja vierittävät kullakin sivulla. Vierityskartat näyttävät, kuinka pitkälle sivua alas useimmat kävijät pääsevät ennen lähtöään. Istuntotallenteilla voit katsoa oikeiden vierailujen toistoja ja nähdä tarkalleen, missä kävijät liikkuvat, pysähtyvät ja luovuttavat. Nämä työkalut vastaavat kysymykseen, johon analytiikka ei pysty: ei pelkästään sitä, että kävijät lähtevät, vaan missä kohtaa sivua he lähtevät ja mitä he silloin tekivät.

Tekniset tarkistukset

Sivustollasi liikkuminen pelkällä näppäimistöllä koskematta hiireen paljastaa hallittavuusongelmat, jotka vaikuttavat näppäimistön ja ruudunlukijan käyttäjiin. Sivuston katsominen oikealla puhelimella eri näyttökooilla paljastaa mobiiliasetteluongelmia, jotka työpöytäselaimen simulaatiot usein ohittavat. Latausajan tarkistaminen mobiiliyhteydellä paljastaa nopeusongelmia, jotka eivät näy nopeassa toimiston wifissä.

Mitkä ovat vaikuttavimmat UX-parannukset yrityssivustoille?

Yksinkertaista navigointia

Navigointi, jossa kävijän pitää arvata, minne mennä, on yksi yleisimmistä UX-virheistä yrityssivustoilla. Valikon nimikkeet, jotka tarkoittavat jotain sisäisesti mutta ei mitään ensikertalaiselle, liian monta ylätason vaihtoehtoa ja kahden tai kolmen napsautuksen päähän haudatut sivut luovat kaikki kitkaa ennen kuin kävijä on nähnyt yhtään sisältöä. Valikkokohtien määrän vähentäminen, selkeiden kuvaavien nimikkeiden käyttö ja tärkeimpien sivujen tekeminen tavoitettaviksi yhdellä napsautuksella joka sivulta ovat luotettavimmat navigoinnin parannukset. Artikkeli mikä verkkosivuston navigointi on käsittelee, miten rakennetaan valikoita, jotka ohjaavat eivätkä hämmennä.

Luo selkeä hierarkia jokaiselle sivulle

Sivu ilman selkeää visuaalista hierarkiaa ei anna kävijöille lähtökohtaa. Kun otsikko, kampanjabanneri, navigointilinkit ja leipäteksti kilpailevat huomiosta samankokoisina ja samanpainoisina, kävijät silmäilevät lukematta ja lähtevät toimimatta. Jokaisella sivulla pitäisi olla yksi hallitseva elementti, johon silmä menee ensin, yleensä otsikko, ja sen jälkeen looginen polku kohti tärkeintä toimintoa. Artikkeli mikä visuaalinen hierarkia on selittää, miten koko, kontrasti ja tyhjä tila luovat lukujärjestyksen, joka ohjaa kävijöitä ilman vaivaa heidän puoleltaan.

Korjaa mobiilikokemus

Työpöytäsivu, joka rikkoutuu mobiilissa, teksti, jonka lukeminen vaatii nipistämistä, liian pienet painikkeet napautettaviksi luotettavasti ja lomakkeet, joiden täyttäminen kosketusnäytöllä on ärsyttävää, saavat kaikki kävijät lähtemään. Mobiilin UX-ongelmat ovat yrityssivustojen johdonmukaisimmin ohitetut ongelmat, koska omistajat ja kehittäjät yleensä rakentavat ja testaavat työpöydällä. Jokaisen keskeisen sivun ja käyttäjäpolun tarkistaminen oikealla puhelimella ei ole valinnaista. Artikkeli miten teet verkkosivustosta mobiiliystävällisen käsittelee asettelu- ja vuorovaikutuspäätökset, jotka ratkaisevat, toimiiko mobiilikokemus.

Vähennä lomakkeiden kitkaa

Lomakkeet, joissa on liikaa pakollisia kenttiä, ei näkyviä nimiöitä, epäselviä virheilmoituksia eikä vahvistusta lähetyksen jälkeen, menettävät merkittävän osan kävijöistä, jotka aikoivat täyttää ne. Kaikkien tarpeettomien kenttien poistaminen, selkeiden nimiöiden lisääminen jokaiseen kenttään, virheilmoitusten kirjoittaminen niin, että ne kertovat tarkan ongelman ja korjauskeinon, ja selkeän vahvistusviestin näyttäminen lähetyksen jälkeen kasvattavat lomakkeen täyttöprosenttia lähes jokaisella yrityssivustolla.

Tee toimintakehotteista näkyviä ja täsmällisiä

Toimintakehote, joka sulautuu sivuun tai käyttää epämääräistä kieltä, menettää kävijät, jotka olisivat valmiita toimimaan. Kunkin sivun ensisijaisen toimintakehotteen pitäisi erottua visuaalisesti ympäristöstään värillä ja kontrastilla, olla paikassa, johon kävijän katse luonnostaan päätyy, ja olla muotoiltu lopputuloksen eikä toimenpiteen kautta. Varaa ilmainen puhelu muuntaa paremmin kuin Ota yhteyttä. Katso hinnat muuntaa paremmin kuin Lue lisää. Jokaisella sivulla pitäisi olla yksi selkeä ensisijainen toiminto, ja sen ohittaminen pitäisi olla mahdotonta.

Paranna sivun latausaikaa

Jokainen ylimääräinen sekunti, jonka sivun lataus kestää, vähentää niiden kävijöiden osuutta, jotka jäävät lukemaan sen. Hitaat sivut saavat kävijät lähtemään ennen kuin he ovat nähneet yhtään sisältöä, mikä tarkoittaa, että kaikki muut UX-parannukset ovat merkityksettömiä noissa istunnoissa. Kuvien pakkaaminen, ei heti tarvittavien skriptien lykkääminen ja käyttämättömän koodin poistaminen ovat yleisimmät korjaukset. Artikkeli verkkosivuston asettelutyypit käsittelee, miten asetteluvalinnat liittyvät siihen, kuinka nopeasti näkyvä sisältö latautuu.

Miten priorisoit, mitkä UX-parannukset teet ensin?

Aloita sivuista, joilla on suurin liiketoiminta-arvo. Etusivu, pääpalvelu- tai tuotesivu sekä yhteydenotto- tai kassasivu ovat paikkoja, joille saapuu eniten kävijöitä ja joilla menetetään eniten konversioita. UX-parannus yhdellä näistä sivuista tuottaa suuremman tuoton kuin sama parannus vähäliikenteisellä sivulla.

Korjaa näillä sivuilla ensin ongelmat, jotka vaikuttavat suurimpaan kävijämäärään. Navigointinimike, joka hämmentää jokaista saapuvaa kävijää, vaikuttaa kaikkiin. Lomakevirhe, joka laukeaa vain yhdessä tietyssä selaimessa, vaikuttaa paljon harvempiin. Järjestys on: ensin paljon liikennettä saavat sivut, sitten yleisimmät kitkakohdat niillä.

Miten mittaat, toimivatko UX-parannukset?

Mittaa täsmälleen sitä käyttäytymistä, jota yritit muuttaa. Jos yksinkertaistit yhteydenottolomaketta, mittaa lomakkeen täyttöprosentti ennen ja jälkeen. Jos muutit sivun visuaalista hierarkiaa, mittaa poistumisprosentti ja sivulla vietetty aika. Jos korjasit mobiiliasettelun, mittaa kyseisen sivun mobiilikonversio.

Käyttökokemuksen muutokset tuottavat harvoin välittömiä tuloksia. Anna jokaiselle muutokselle kahdesta neljään viikkoa ennen johtopäätösten tekemistä sen mukaan, kuinka paljon liikennettä sivu saa. Vähäliikenteiset sivut tarvitsevat enemmän aikaa, jotta dataa kertyy riittävästi mielekästä vertailua varten.

Miten UX-parannukset liittyvät SEO:hon?

Hakukoneet käyttävät käyttäytymissignaaleja arvioidessaan, palvelevatko sivut kävijöitään hyvin. Sivut, joilla kävijät viipyvät pidempään, vierittävät pidemmälle ja suorittavat toimintoja, viestivät osuvuudesta ja laadusta. Sivut, joilla on korkea poistumisprosentti ja vähän sitoutumista, viestivät päinvastaista. UX-parannukset, jotka pitävät kävijät sivulla ja ohjaavat heitä tehtävien loppuun saattamiseen, tuottavat käyttäytymissignaalit, jotka tukevat sijoituksia ajan myötä. Artikkeli mikä SEO on käsittelee, miten käyttökokemussignaalit vaikuttavat hakusuorituskykyyn.

Miten WEMASY hoitaa UX-parannukset

WEMASYn sivustorakentimessa voit säätää asettelua, navigointirakennetta, lomakekenttiä ja sivuhierarkiaa visuaalisella editorilla rakentamatta sivuja alusta. Mobiili- ja työpöytäesikatselut näyttävät muutosten vaikutuksen ennen julkaisua. Pohjat on rakennettu UX-oletuksilla, jotka ratkaisevat yrityssivustojen yleisimmät ongelmat, joten parannuksia voi tehdä yksittäisiin elementteihin aloittamatta alusta.

Katso, mitä mukana on, sivulta WEMASYn sivustonrakentaja tai tutustu paketteihin hinnastosivulla.

Usein kysytyt kysymykset

Mistä kannattaa aloittaa verkkosivuston UX:n parantaminen?

Aloita sivusta, jolla on eniten liikennettä ja jolla on selkeä tavoite ja mitattava lopputulos. Useimmilla yrityssivustoilla se on etusivu tai pääpalvelusivu. Tunnista yksi kitkakohta sillä sivulla, joka vaikuttaa suurimpaan osaan kävijöistä: epäselvä otsikko, piilossa oleva toimintakehote, sekava navigointi tai hidas latausaika. Korjaa ensin vain se, mittaa tulos ja siirry seuraavaan. Kaiken parantaminen kerralla tekee mahdottomaksi tietää, mikä toimii. WEMASYn sivustorakentimella voit tehdä tämän suoraan omalle sivustollesi.

Vaativatko UX-parannukset koko verkkosivuston uudistamista?

Harvoin. Useimmat UX-ongelmat ovat tiettyjä ongelmia tietyillä sivuilla eivätkä rakenteellisia virheitä, jotka vaatisivat koko sivuston uudelleenrakentamista. Navigointinimikkeiden yksinkertaistaminen, lomakkeiden virheilmoitusten parantaminen, keskeisen sivun visuaalisen hierarkian säätäminen tai mobiiliasetteluongelman korjaaminen onnistuvat kaikki ilman uudistusta. Täyttä uudistusta kannattaa harkita, kun sivuston rakenne ei enää vastaa sitä, miten yritys toimii, kun alusta ei tue tarvittavia muutoksia tai kun UX-ongelmat ovat niin laajalle levinneitä, että niiden korjaaminen yksitellen veisi pidempään kuin uudelleenrakentaminen.

Kuinka kauan kestää nähdä tuloksia UX-parannuksista?

Se riippuu liikennemäärästä ja muutoksen tyypistä. Paljon liikennettä saavalla sivulla, jolla on selkeä mitattava lopputulos, kuten yhteydenottolomakkeen täyttöprosentti, tuloksia voi näkyä yhdestä kahteen viikkoon. Vähäliikenteinen sivu voi tarvita kuukauden tai enemmän, jotta dataa kertyy riittävästi luotettavaan vertailuun. Navigoinnin ja visuaalisen hierarkian muutokset näyttävät yleensä tuloksia nopeammin kuin muutokset, jotka vaikuttavat vain pieneen osaan sivun kävijöistä.

Mikä ero on UX-auditoinnilla ja käytettävyystestauksella?

UX-auditointi on asiantuntijan tekemä verkkosivuston arviointi vakiintuneita käytettävyysperiaatteita ja standardeja vasten, ja se tunnistaa ongelmia sen perusteella, miten käyttäjät tyypillisesti käyttäytyvät. Käytettävyystestauksessa tarkkaillaan oikeita käyttäjiä, jotka suorittavat tehtäviä sivustolla, ja kirjataan, missä he kohtaavat vaikeuksia. Auditoinnit ovat nopeampia ja edullisempia. Käytettävyystestaus on tarkempaa, koska se kuvaa, miten oikeat käyttäjät käyttäytyvät eikä sitä, miten asiantuntija ennustaa heidän käyttäytyvän. Kumpikin on hyödyllisempi kuin ei kumpaakaan. Pienyritysten verkkosivustoilla kahden tai kolmen oikean käyttäjän kanssa tehty käytettävyystestaus paljastaa merkittävimmät ongelmat nopeammin kuin mikään muu menetelmä.

Voivatko UX-parannukset kasvattaa konversioita ilman lisää liikennettä?

Kyllä. Konversioprosentin parannukset syntyvät siitä, että olemassa olevien kävijöiden on helpompi suorittaa toiminto, jonka vuoksi he tulivat. Verkkosivusto, joka muuntaa 2 prosenttia kävijöistään, tuottaa kaksi kertaa niin paljon liidejä samalla liikennemäärällä, jos konversioprosentti nousee 4 prosenttiin. UX-parannukset ovat yksi suorimmista tavoista kasvattaa konversioita lisäämättä liikennettä tai mainosbudjettia. Yrityksille, joilla liikenteen hankinta on kallista, sen parantaminen, mitä tapahtuu kävijän saavuttua, on usein tuottavampi sijoitus.

Ota se heti käyttöön
omalla verkkosivullasi.

Aloita ilmaiseksi WEMASYlla ja rakenna sivusi muutamassa minuutissa.