Noin seitsemän sekuntia on aika, jonka moni kävijä antaa sivulle ennen kuin päättää jäädäkö vai lähteä. Sinä aikana verkkosivuston käytettävyys tekee enemmän työtä kuin myyntitekstisi. Visuaalinen selkeys ansaitsee ne lisäsekunnit, joita tarvitset tarjouksesi selittämiseen.
Verkkosivuston käytettävyys tarkoittaa, että kävijät löytävät tiedon ja saavat tehtävänsä tehtyä ilman vaivaa. 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 liittyy samaan kokonaisuuteen. Käydään se läpi vaihe vaiheelta.
Millaista hyvä verkkosivuston käytettävyys on
Verkkosivuston käytettävyys tarkoittaa, että kävijät löytävät tiedon ja saavat tehtävänsä tehtyä ilman vaivaa.
Ennustettavat asettelut ja selkeä kieli tekevät sivusta käytettävän.
Käyttöliittymäsuunnittelun periaatteet, kuten näkyvä järjestelmän tila, parantavat käytettävyyttä.
Mitä korjata ensin
Kysy, löytääkö ensikertalainen tavan ottaa sinuun yhteyttä kolmessakymmenessä sekunnissa.
Ota sivustasi kuvakaappaus mobiilissa ja työpöydällä. Merkitse sitten kolme ensimmäistä elementtiä, jotka hämmentävät tai hidastavat sinua.
Käytä lukua verkkosivuston suunnittelun testaus tarkistuslistana, kun käyt parannuksia läpi.
Käytännön tarkistuslista tälle päivälle
Kysy, löytääkö ensikertalainen tavan ottaa sinuun yhteyttä kolmessakymmenessä sekunnissa.
Kun tarkastat sivua, kysy, näkyykö verkkosivuston käytettävyys jo ensimmäisellä vierityksellä mobiilissa. Jos ei, järjestä osiot uudelleen, ennen kuin viimeistelet yksityiskohtia.
Ota kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta näet, mikä paransi sivustosi käytettävyyttä.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta käytettävyystestaus pysyy yhtenäisenä uusilla sivuilla.
Valitse yksi mittari seurattavaksi tässä kuussa, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Näin suunnittelumuutokset liittyvät liiketoiminnan tuloksiin eivätkä pelkkään makuun.
Miten tämä aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät yleensä pysy yhdellä sivulla. Käyttöliittymäsuunnittelun periaatteet, kuten näkyvä järjestelmän tila, parantavat käytettävyyttä.
Somejulkaisujesi, sähköpostiesi ja painettujen materiaalien kannattaa toistaa samaa hierarkiaa, värejä ja kirjasinsääntöjä kuin verkossa.
Kun brändin visuaalit alkavat ajautua toisistaan erilleen, asiakkaat aistivat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Käytä lukua mitä on ux-suunnittelu vertaillaksesi muistiinpanoja tämän moduulin toiseen lukuun.
Ennustettavat asettelut ja selkeä kieli tekevät sivusta käytettävän.
Kysymykset, jotka usein jäävät huomaamatta
Lisätermit, kuten käytettävyystestaus ja käyttöliittymäsuunnittelun periaatteet, auttavat etsimään syvempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Käyttöliittymäsuunnittelun periaatteet, kuten näkyvä järjestelmän tila, parantavat käytettävyyttä.
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äytettävyydestä, 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 suunnittelun johdonmukaisuus ja verkkosivuston suunnittelun testaus, jotta moduuli pysyy mielessäsi yhtenäisenä.
Sinulla on nyt toimiva näkökulma verkkosivuston käytettävyyteen. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai briefaat suunnittelijaa. Jatka lukuihin verkkosivuston suunnittelun testaus ja mitä on ux-suunnittelu, niin vauhti säilyy tässä moduulissa.
Verkkosivuston käytettävyys 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äytettävyyden 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äytettävyyteen?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni käytettävyyden korjaus onnistuu itse, kun tiedät, mitä etsiä. Käytä lukua suunnittelun johdonmukaisuus tämän luvun rinnalla.
Voiko WEMASY auttaa verkkosivustosi käytettävyyden 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äytettävyydessä?
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 verkkosivuston suunnittelun testaus.
Miten verkkosivuston käytettävyys 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äytettävyyden jälkeen?
Jatka lukuihin suunnittelun johdonmukaisuus ja verkkosivuston suunnittelun testaus tässä kirjassa, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.