Suunnittelun testaus ei ole koristelua. Se on rakennetta. Kun pidät verkkosivuston suunnittelun testausta liiketoimintataitona, teet vähemmän kalliita arvauksia ja rakennat sivuja, jotka ohjaavat ihmisiä toimimaan.
Verkkosivuston suunnittelun testaus yhdistää analytiikan, käytettävyysistunnot ja A/B-vertailut. 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. Edetään vaihe vaiheelta.
Mitä verkkosivuston suunnittelun testaus tarkoittaa käytännössä
Verkkosivuston suunnittelun testaus yhdistää analytiikan, käytettävyysistunnot ja A/B-vertailut.
Testaus osoittaa, auttavatko visuaaliset muutokset käyttäjiä oikeasti.
Ui vs ux -ongelmat tulevat nopeasti esiin, kun seuraat oikeita istuntoja.
Näin sovellat verkkosivuston suunnittelun testausta omalla sivustollasi
Valitse yksi mittari, vaikkapa lomakkeen täyttöaste, ja testaa yksi suunnittelumuutos kerrallaan.
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 mitä on ux-suunnittelu perustaksi ja ui vs ux moduulin seuraavaksi askeleeksi.
Käytännön tarkistuslista tälle päivälle
Valitse yksi mittari, vaikkapa lomakkeen täyttöaste, ja testaa yksi suunnittelumuutos kerrallaan.
Kun tarkastat sivua, kysy, näkyykö verkkosivuston suunnittelun testaus 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 suunnittelun testauksen tuloksia sivustollasi.
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 kytkeytyvät liiketoiminnan tuloksiin eivätkä pelkkään makuun.
Miten tämä aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät yleensä elä vain yhdellä sivulla. Ui vs ux -ongelmat tulevat nopeasti esiin, kun seuraat oikeita istuntoja.
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 erilleen, asiakkaat tuntevat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Käytä lukua ui vs ux vertaillaksesi muistiinpanoja tämän moduulin toiseen lukuun.
Testaus osoittaa, auttavatko visuaaliset muutokset käyttäjiä oikeasti.
Kysymykset, jotka usein jäävät huomaamatta
Lisätermit, kuten käytettävyystestaus ja ui vs ux, auttavat etsimään syvempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Ui vs ux -ongelmat tulevat nopeasti esiin, kun seuraat oikeita istuntoja.
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 verkkosivuston suunnittelun testauksesta, 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 mitä on ux-suunnittelu ja mitä on ui, jotta moduuli pysyy mielessäsi yhtenäisenä.
Sinulla on nyt toimiva näkökulma verkkosivuston suunnittelun testaukseen. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai briefaat suunnittelijaa. Jatka lukuihin mitä on ui ja ui vs ux, niin vauhti säilyy tässä moduulissa.
Usein kysytyt kysymykset
Kuinka kauan verkkosivuston suunnittelun testauksen 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 suunnittelun testaukseen?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni suunnittelun testaukseen liittyvä korjaus onnistuu itse, kun tiedät, mitä etsiä. Käytä lukua mitä on ux-suunnittelu tämän luvun rinnalla.
Voiko WEMASY auttaa verkkosivuston suunnittelun testauksessa?
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 suunnittelun testauksessa?
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 mitä on ui.
Miten verkkosivuston suunnittelun testaus 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 suunnittelun testauksen jälkeen?
Jatka lukuihin mitä on ux-suunnittelu ja mitä on ui tässä kirjassa, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.