Miksi jotkin brändit vaikuttavat heti luotettavilta, kun toiset tuntuvat amatöörimäisiltä hyvistä tuotteista huolimatta? Osa vastausta on suunnittelun johdonmukaisuus. Et tarvitse suunnittelijan tutkintoa parantaaksesi. Tarvitset selkeän määritelmän ja muutaman käytännön tarkistuksen.
Suunnittelun johdonmukaisuus toistaa painikkeiden, välien ja sävyn malleja sivulta toiselle. 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äyttöliittymäsuunnittelun periaatteet kuuluvat samaan kokonaisuuteen. Käydään se läpi vaihe vaiheelta.
Millaista hyvä suunnittelun johdonmukaisuus on
Suunnittelun johdonmukaisuus toistaa painikkeiden, välien ja sävyn malleja sivulta toiselle.
Epäjohdonmukainen käyttöliittymä saa brändin vaikuttamaan huolimattomalta tai epäluotettavalta.
Visuaalisen suunnittelun periaatteet, kuten yhtenäisyys, tukevat johdonmukaisia järjestelmiä.
Mitä korjata ensin
Kirjaa painikkeiden, otsikoiden ja korttien tyylit yhdelle sivulle viiteoppaaksi.
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 mitä on ux-suunnittelu tarkistuslistana, kun käyt parannuksia läpi.
Käytännön tarkistuslista tälle päivälle
Kirjaa painikkeiden, otsikoiden ja korttien tyylit yhdelle sivulle viiteoppaaksi.
Kun tarkastat sivua, kysy, näkyykö suunnittelun johdonmukaisuus 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 johdonmukaisuutta sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta käyttöliittymäsuunnittelun periaatteet pysyvät yhtenäisinä uusilla sivuilla.
Valitse tässä kuussa seurattavaksi yksi mittari, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Silloin suunnittelumuutokset liittyvät liiketoiminnan tuloksiin eivätkä jää pelkän maun varaan.
Miten tämä aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät yleensä jää vain yhdelle sivulle. Visuaalisen suunnittelun periaatteet, kuten yhtenäisyys, tukevat johdonmukaisia järjestelmiä.
Somejulkaisujesi, sähköpostiesi ja painettujen materiaalien kannattaa toistaa samaa hierarkiaa, värejä ja kirjasinsääntöjä kuin verkossa.
Kun brändin visuaalit alkavat erkaantua, asiakkaat aistivat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Käytä lukua mitä on ui vertaillaksesi muistiinpanoja tämän moduulin toiseen lukuun.
Epäjohdonmukainen käyttöliittymä saa brändin vaikuttamaan huolimattomalta tai epäluotettavalta.
Kysymykset, jotka usein jäävät huomaamatta
Lisätermit, kuten käyttöliittymäsuunnittelun periaatteet ja visuaalisen suunnittelun periaatteet, auttavat etsimään syvempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Visuaalisen suunnittelun periaatteet, kuten yhtenäisyys, tukevat johdonmukaisia järjestelmiä.
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 suunnittelun johdonmukaisuudesta, 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 suunnittelun testaus ja mitä on ux-suunnittelu, jotta moduuli pysyy mielessäsi yhtenäisenä.
Sinulla on nyt toimiva näkökulma suunnittelun johdonmukaisuuteen. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai briefaat suunnittelijaa. Jatka lukuihin mitä on ux-suunnittelu ja mitä on ui, niin vauhti säilyy tässä moduulissa.
Suunnittelun johdonmukaisuus 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 suunnittelun johdonmukaisuuden 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 suunnittelun johdonmukaisuuteen?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni johdonmukaisuuteen liittyvä korjaus onnistuu itse, kun tiedät, mitä etsiä. Käytä lukua verkkosivuston suunnittelun testaus tämän luvun rinnalla.
Voiko WEMASY auttaa suunnittelun johdonmukaisuuden toteuttamisessa verkkosivustollasi?
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 suunnittelun johdonmukaisuudessa?
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 ux-suunnittelu.
Miten suunnittelun johdonmukaisuus 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 suunnittelun johdonmukaisuuden jälkeen?
Jatka lukuihin verkkosivuston suunnittelun testaus ja mitä on ux-suunnittelu tässä kirjassa, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.