Päivität etusivuasi myöhään tiistai-iltana. Otsikko on hyvä, kuvat ovat hyviä, mutta kävijät lähtevät silti sekunneissa. Alat pohtia, onko UX-suunnittelu se asia, jonka olet ohittanut. Usein on. Pienet visuaaliset ratkaisut muokkaavat ensivaikutelmaa nopeammin kuin useimmat yrittäjät odottavat.
UX-suunnittelu keskittyy siihen, miltä tuote tai verkkosivusto tuntuu ja miten se toimii käyttäjälle. 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 UI vs UX kuuluu samaan kokonaisuuteen. Edetään askel kerrallaan.
Mitä on UX-suunnittelu
UX-suunnittelu keskittyy siihen, miltä tuote tai verkkosivusto tuntuu ja miten se toimii käyttäjälle.
Käytännössä UX-suunnittelu näkyy sivustosi otsikoissa, palvelusivuilla, some-grafiikoissa ja painotuotteissa. Kun osaat nimetä sen oikein, ohjeistat suunnittelijoita nopeammin ja arvioit luonnoksia varmemmin.
Läheiset aiheet, kuten UI vs UX, liittyvät suoraan tähän. Pidä ne mielessä, kun luet tämän osion muut luvut.
Hyvä UX vähentää turhautumista ja auttaa kävijöitä saamaan asiansa hoidettua.
Miksi UX-suunnittelu on tärkeää yrityksellesi?
Asiakkaat arvioivat uskottavuutta asettelun perusteella, ennen kuin lukevat kaiken. Selkeä visuaalinen rakenne vähentää kitkaa ja helpottaa tarjousten ymmärtämistä.
UI vs UX -keskustelulla on merkitystä, koska pelkkä ulkoasu ei korjaa rikkinäisiä kulkuja.
Katso, kun joku käyttää sivustoasi, ja merkitse ylös kohdat, joissa hän empii tai painaa väärää kohtaa.
Jos haluat nähdä, miten tämä liittyy lähiaiheisiin, lue seuraavaksi mitä on UI ja UI vs UX.
Käytännön tarkistuslista tälle päivälle
Katso, kun joku käyttää sivustoasi, ja merkitse ylös kohdat, joissa hän empii tai painaa väärää kohtaa.
Kun käyt läpi jotakin sivua, kysy, näkyykö UX-suunnittelu onnistuneena jo ensimmäisellä vierityksellä puhelimessa. Jos ei, järjestä osiot uudelleen ennen kuin viimeistelet yksityiskohtia.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta näet, mikä muutos auttoi UX-suunnittelussa sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta UI vs UX pysyy yhtenäisenä uusillakin sivuilla.
Valitse tälle kuukaudelle yksi seurattava mittari, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Silloin ulkoasun muutokset kytkeytyvät liiketoiminnan tuloksiin eivätkä pelkkään makuun.
Miten aihe liittyy laajempaan brändiisi
Visuaaliset valinnat harvoin koskevat vain yhtä sivua. UI vs UX -keskustelulla on merkitystä, koska pelkkä ulkoasu ei korjaa rikkinäisiä kulkuja.
Some-julkaisujesi, sähköpostiesi ja painotuotteidesi pitäisi toistaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkossa.
Kun brändin visuaalinen ilme alkaa karata, asiakkaat tuntevat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Lue käytettävyystestaus, niin voit verrata muistiinpanojasi tämän osion toiseen lukuun.
Hyvä UX vähentää turhautumista ja auttaa kävijöitä saamaan asiansa hoidettua.
Kysymykset, jotka usein jäävät huomaamatta
Lisähakusanat, kuten UI vs UX ja mitä on UI, auttavat löytämään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
UI vs UX -keskustelulla on merkitystä, koska pelkkä ulkoasu ei korjaa rikkinäisiä kulkuja.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat tällä viikolla toimivalla sivulla. Pienet mitatut muutokset voittavat epämääräiset suunnitelmat.
Kun tiimilläsi on yhteinen sanasto UX-suunnittelusta, suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän korjauskierroksia.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Moniin asettelun ja tyylin ongelmiin et tarvitse omaa koodia. Visuaalisella editorilla säädät välejä, värejä ja kirjasimia ja esikatselet samalla puhelin- ja tietokonenäkymää.
WEMASYn Sivustonrakentajassa on visuaalinen muokkaus, joten voit julkaista muutokset odottamatta kehittäjää jokaisen pikkusäädön takia. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, tarkista uudelleen mitä on UI ja UI vs UX, jotta osio pysyy yhtenä kokonaisuutena mielessäsi.
Sinulla on nyt toimiva näkökulma UX-suunnitteluun. Käytä sitä, kun tarkistat sivustoasi, hyväksyt markkinointiaineistoja tai ohjeistat suunnittelijaa. Jatka lukuihin UI vs UX ja käytettävyystestaus, niin vauhti säilyy tässä osiossa.
Usein kysytyt kysymykset
Kauanko UX-suunnittelun parantaminen kestää?
Useimmat pienyritykset saavat sivunsa selkeämmiksi muutamalla keskittyneellä kerralla, kun soveltavat tämän luvun perusasioita. Aloita etusivusta ja vie samat säännöt sitten palvelu- ja yhteystietosivuille.
Tarvitsetko suunnittelijan UX-suunnitteluun?
Suunnittelijasta on apua isoissa brändiuudistuksissa, mutta moni UX-suunnitteluun liittyvä korjaus onnistuu itse, kun tiedät, mitä katsoa. Lue tämän luvun rinnalla mitä on UI, niin saat aiheesta lisää.
Voiko WEMASY auttaa UX-suunnittelun soveltamisessa verkkosivustollasi?
WEMASYn Sivustonrakentajassa on visuaalinen editori, jolla voit säätää asettelua, värejä ja kirjasimia ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää pohjia ja esikatsella muutokset puhelimella.
Mikä on yleisin virhe UX-suunnittelussa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät sivu kerrallaan. Valitse yksi tärkein asia, kuten luettavuus tai kontrasti, ja katso sitten UI vs UX seuraavaa parannusta varten.
Miten UX-suunnittelu liittyy SEO:hon?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät pidempään sivulla, mikä tukee merkkejä, joita hakukoneet seuraavat. Yhdistä ulkoasun korjaukset toimivaan sisältörakenteeseen, niin tulos on paras.
Mitä kannattaa lukea seuraavaksi UX-suunnittelun jälkeen?
Jatka tämän kirjan luvuilla mitä on UI ja UI vs UX, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.