Moni kävijä antaa sivulle noin seitsemän sekuntia, ennen kuin päättää jäädäkö vai lähteä. Sinä aikana käytettävyystestaus tekee enemmän työtä kuin myyntitekstisi. Visuaalinen selkeys ansaitsee ne lisäsekunnit, joita tarvitset tarjouksesi selittämiseen.
Käytettävyystestauksessa seurataan, kun oikeat ihmiset yrittävät suorittaa tehtäviä sivustollasi tai prototyypissäsi. Tässä luvussa kerrotaan selkeästi, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sitä käytetään ilman jargonia. Näet myös, miten mitä on ux-suunnittelu kuuluu samaan kuvaan. Edetään askel kerrallaan.
Mitä on käytettävyystestaus
Käytettävyystestauksessa seurataan oikeita ihmisiä, jotka yrittävät tehdä tehtäviä sivustollasi tai prototyypissäsi.
Käytännössä käytettävyystestaus näkyy verkkosivustosi yläosissa, palvelusivuilla, some-grafiikoissa ja painetuissa materiaaleissa. Kun osaat nimetä asian oikein, voit briefata suunnittelijoita nopeammin ja arvioida luonnoksia varmemmin.
Lähiaiheet, kuten mitä on ux-suunnittelu, liittyvät suoraan tähän. Pidä ne mielessä, kun luet moduulin loppuosan.
Lyhyet testit paljastavat ongelmia, joita pelkkä analytiikka ei selitä.
Miksi käytettävyystestaus on tärkeää yrityksellesi?
Asiakkaat arvioivat uskottavuuden asettelusta ennen kuin lukevat joka sanan. Selkeä visuaalinen rakenne vähentää kitkaa ja tekee tarjouksista helpommin ymmärrettäviä.
Käytännössä UX-suunnittelu alkaa usein viiden käyttäjän testikierroksilla.
Tee tässä kuussa viidentoista minuutin testi mobiilikassalla tai yhteydenottolomakkeilla.
Jos haluat nähdä, miten tämä liittyy lähiaiheisiin, lue seuraavaksi käyttöliittymäsuunnittelun periaatteet ja käyttäjälähtöinen suunnittelu.
Käytännön tarkistuslista tälle päivälle
Tee tässä kuussa viidentoista minuutin testi mobiilikassalla tai yhteydenottolomakkeilla.
Kun käyt läpi sivua, katso, näkyykö käytettävyystestaus jo ensimmäisessä vierityksessä mobiilissa. Jos ei, järjestä osiot uudelleen, ennen kuin viimeistelet yksityiskohtia.
Ota kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta näet, mikä muutti käytettävyystestauksen tuloksia sivustollasi.
Jaa tämä lista jokaiselle, joka päivittää sivustoasi, jotta mitä on ux-suunnittelu pysyy samana uusilla sivuilla.
Valitse yksi seurattava mittari tälle kuulle, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Silloin suunnittelumuutokset liittyvät liiketoiminnan tuloksiin eivätkä pelkkään makuun.
Miten aihe liittyy koko brändiisi
Visuaaliset valinnat harvoin elävät vain yhdellä sivulla. Käytännössä UX-suunnittelu alkaa usein viiden käyttäjän testikierroksilla.
Somejulkaisuissa, sähköposteissa ja painotuotteissa kannattaa toistaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkossa.
Kun brändin ilme alkaa ajautua erilleen, asiakkaat tuntevat hienovaraisen ristiriidan, vaikka eivät osaisi sanoa mistä se johtuu.
Käytä lukua UX-suunnittelu yritykselle vertaillaksesi muistiinpanoja tämän moduulin toiseen lukuun.
Lyhyet testit paljastavat ongelmia, joita pelkkä analytiikka ei selitä.
Kysymykset, jotka helposti jäävät pois
Lisätermit, kuten mitä on ux-suunnittelu ja käyttöliittymäsuunnittelun periaatteet, auttavat hakemaan syvempiä esimerkkejä ja vertaamaan omaa työtäsi yleisiin standardeihin.
Käytännössä UX-suunnittelu alkaa usein viiden käyttäjän testikierroksilla.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat toimivalla sivulla tällä viikolla. Pienet mitatut muutokset ovat parempia kuin epämääräiset suunnitelmat.
Kun tiimilläsi on yhteinen sanasto käytettävyystestauksesta, suunnittelijoiden ja toimistojen kanssa kuluu vähemmän korjauskierroksia.
Työkalut, joilla visuaaliset päivitykset sujuvat helpommin
Monen asettelu- ja tyyliongelman korjaaminen ei vaadi omaa koodia. Visuaalisella editorilla muokkaat välejä, värejä ja typografiaa, ja esikatselet samalla mobiili- ja työpöytänäkymää.
WEMASYn Sivustonrakentajassa on visuaalinen muokkaus, joten voit julkaista muutokset odottamatta kehittäjää jokaisen pienen säädön kohdalla. Avaa Sivustonrakentaja, kun olet valmis ottamaan oppimasi käyttöön.
Kun julkaiset päivityksiä, katso uudelleen luvut käyttöliittymäsuunnittelun periaatteet ja käyttäjälähtöinen suunnittelu, jotta moduuli pysyy mielessäsi yhtenäisenä.
Sinulla on nyt toimiva tapa katsoa käytettävyystestausta. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai briefaat suunnittelijaa. Jatka lukuihin käyttäjälähtöinen suunnittelu ja UX-suunnittelu yritykselle, niin vauhti säilyy tässä moduulissa.
Usein kysytyt kysymykset
Kuinka kauan käytettävyystestauksen parantaminen kestää?
Useimmat pienyritykset näkevät selkeämpiä sivuja muutaman keskittyneen työrupeaman jälkeen, kun käyttävät tämän luvun perusteita. Aloita etusivusta ja vie samat säännöt sitten palvelu- ja yhteystietosivuille.
Tarvitsetko suunnittelijan käytettävyystestaukseen?
Suunnittelijasta on hyötyä isoissa brändiuudistuksissa, mutta monet käytettävyystestaukseen liittyvät korjaukset onnistuvat itse, kun tiedät, mitä etsiä. Käytä käyttöliittymäsuunnittelun periaatteet tämän luvun rinnalla, niin saat aiheeseen liittyvää tukea.
Voiko WEMASY auttaa käytettävyystestauksen soveltamisessa verkkosivustollasi?
WEMASYn Sivustonrakentajassa on visuaalinen editori, jolla muokkaat asettelua, värejä ja typografiaa ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää mallit ja esikatsella muutokset mobiilissa.
Mikä on yleisin virhe käytettävyystestauksessa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että tekisivät yhden sivun kerrallaan. Valitse yksi tärkein asia, kuten luettavuus tai kontrasti, ja katso sitten seuraavaa parannusta varten käyttäjälähtöinen suunnittelu.
Miten käytettävyystestaus 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 saat parhaan tuloksen.
Mitä kannattaa opiskella seuraavaksi käytettävyystestauksen jälkeen?
Jatka lukuihin käyttöliittymäsuunnittelun periaatteet ja käyttäjälähtöinen suunnittelu tässä kirjassa, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.