Pientä harmaata tekstiä sekavalla taustalla. Silmät väsyvät jo ensimmäisen lauseen aikana. Siksi verkkosivuston käyttökokemuksen parantaminen on tärkeää brändillesi. Kun asettelu ja värit työskentelevät viestiä vastaan, ihmiset lähtevät kertomatta syytä.
Verkkosivuston käyttökokemusta parannetaan korjaamalla navigointia, nopeutta, luettavuutta ja lomakkeiden kitkaa. Tässä luvussa kerrotaan selkeästi, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sitä sovelletaan ilman jargonia. Näet myös, miten käytettävyystestaus sopii samaan kuvaan. Käydään se läpi vaihe vaiheelta.
Mitä verkkosivuston käyttökokemuksen parantaminen tarkoittaa käytännössä
Verkkosivuston käyttökokemusta parannetaan korjaamalla navigointia, nopeutta, luettavuutta ja lomakkeiden kitkaa.
Pienet UX-voitot kasautuvat jokaisella käynnillä.
Käytettävyystestaus nostaa nopeasti esiin vaikuttavimmat korjaukset.
Näin parannat verkkosivuston käyttökokemusta omalla sivustollasi
Nopeuta yhteystietosivuasi ja yksinkertaista kenttiä, ennen kuin lisäät uusia ominaisuuksia.
Aloita yhdestä sivusta, kuten etusivusta tai pääasiallisesta laskeutumissivusta. Korjaa suurin ongelma ensin ja vie sama malli sitten muihin pohjiin.
Yhdistä tämä luku lukuihin verkkosivuston käytettävyys perustaksi ja verkkosivuston suunnittelun testaus moduulin seuraavaksi askeleeksi.
Käytännön tarkistuslista tälle päivälle
Nopeuta yhteystietosivuasi ja yksinkertaista kenttiä, ennen kuin lisäät uusia ominaisuuksia.
Kun tarkastat sivua, kysy, näkyykö verkkosivuston käyttökokemuksen parantaminen jo ensimmäisellä vierityksellä mobiilissa. Jos ei, järjestä osiot uudelleen, ennen kuin viimeistelet yksityiskohtia.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, niin opit, mikä liikutti käyttökokemuksen tuloksia sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta käytettävyystestaus pysyy yhtenäisenä uusilla sivuilla.
Valitse tässä kuussa seurattavaksi yksi mittari, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Silloin suunnittelumuutokset kytkeytyvät liiketoiminnan tuloksiin eivätkä jää pelkän maun varaan.
Miten tämä aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät yleensä elä vain yhdellä sivulla. Käytettävyystestaus nostaa nopeasti esiin vaikuttavimmat korjaukset.
Somejulkaisujesi, sähköpostiesi ja painettujen materiaalien kannattaa toistaa samaa hierarkiaa, värejä ja kirjasinsääntöjä kuin verkossa.
Kun brändin visuaalit alkavat rapistua, asiakkaat aistivat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Käytä lukua verkkosivuston suunnittelun testaus vertaillaksesi muistiinpanoja tämän moduulin toiseen lukuun.
Pienet UX-voitot kasautuvat jokaisella käynnillä.
Kysymykset, jotka usein jäävät huomaamatta
Lisätermit, kuten käytettävyystestaus ja mitä on ux-suunnittelu, auttavat etsimään syvempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Käytettävyystestaus nostaa nopeasti esiin vaikuttavimmat korjaukset.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat toimivalla sivulla tällä viikolla. Pienet mitatut muutokset voittavat epämääräiset suunnitelmat.
Kun tiimilläsi on yhteinen sanasto verkkosivuston käyttökokemuksen parantamisesta, korjauskierroksia tulee vähemmän suunnittelijoiden ja toimistojen kanssa.
Työkalut, joilla visuaaliset päivitykset sujuvat helpommin
Monen asettelu- ja tyyliongelman korjaaminen ei vaadi omaa koodia. Visuaalisella editorilla säädät välit, värit ja typografian ja esikatselet samalla mobiili- ja työpöytänäkymät.
WEMASYn Sivustonrakentajassa on visuaalinen muokkaus, joten voit julkaista muutokset odottamatta kehittäjää jokaisen pienen säädön takia. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, tarkista uudelleen luvut verkkosivuston käytettävyys ja suunnittelun johdonmukaisuus, jotta moduuli pysyy mielessäsi yhtenäisenä.
Sinulla on nyt toimiva näkökulma verkkosivuston käyttökokemuksen parantamiseen. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai briefaat suunnittelijaa. Jatka lukuihin suunnittelun johdonmukaisuus ja verkkosivuston suunnittelun testaus, niin vauhti säilyy tässä moduulissa.
Verkkosivuston käyttökokemuksen parantaminen on taito, joka kehittyy vähitellen. Palaa tähän lukuun, kun olet julkaissut yhden parannuksen, jotta ideat siirtyvät lukemisesta tavaksi. Pienet toistuvat tarkistukset toimivat paremmin kuin kaikkien sääntöjen ahtaminen päähän kerralla. Kirjaa muistiin, mikä toimi yleisöllesi, niin seuraava päivitys käy nopeammin.
Usein kysytyt kysymykset
Kuinka kauan verkkosivuston käyttökokemuksen parantaminen kestää?
Useimmat pienyritykset näkevät selkeämpiä sivuja muutaman keskittyneen jakson jälkeen, kun soveltavat tämän luvun perusteita. Aloita etusivusta ja vie samat säännöt sitten palvelu- ja yhteystietosivuille.
Tarvitsetko suunnittelijan verkkosivuston käyttökokemuksen parantamiseen?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni käyttökokemuksen korjaus onnistuu itse, kun tiedät, mitä etsiä. Käytä lukua verkkosivuston käytettävyys tämän luvun rinnalla.
Voiko WEMASY auttaa verkkosivustosi käyttökokemuksen parantamisessa?
WEMASYn Sivustonrakentajassa on visuaalinen editori, jolla säädät asettelua, värejä ja typografiaa ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää mallit ja esikatsella muutokset mobiilissa.
Mikä on yleisin virhe verkkosivuston käyttökokemuksen parantamisessa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät yksi sivu kerrallaan. Valitse yksi ykkösasia, kuten luettavuus tai kontrasti, ja katso sitten seuraavaa parannusta varten lukua suunnittelun johdonmukaisuus.
Miten verkkosivuston käyttökokemuksen parantaminen liittyy SEO:hon?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät sivulla pidempään, mikä tukee hakukoneiden seuraamia sitoutumissignaaleja. Yhdistä suunnittelukorjaukset hyvään sisältörakenteeseen, niin tulokset ovat parhaat.
Mitä kannattaa opiskella seuraavaksi verkkosivuston käyttökokemuksen parantamisen jälkeen?
Jatka lukuihin verkkosivuston käytettävyys ja suunnittelun johdonmukaisuus tässä kirjassa, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.