Päivität etusivusi tiistai-iltana myöhään. Otsikko on kunnossa ja kuvat ovat kunnossa, mutta kävijät poistuvat silti sekunneissa. Alat miettiä, onko visuaalinen suunnittelu se asia, jonka olet jättänyt huomiotta. Usein se on. Pienet visuaaliset valinnat muovaavat ensivaikutelman nopeammin kuin useimmat yrittäjät odottavat.
Visuaalinen suunnittelu tarkoittaa visuaalisten elementtien järjestämistä niin, että tieto on selkeää, houkuttelevaa ja tavoitteen mukaista. Tässä luvussa kerrotaan yksinkertaisesti, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sen ottaa käyttöön ilman, että eksyy ammattisanastoon. Näet myös, miten visuaalinen viestintäsuunnittelu liittyy samaan kuvaan. Edetään askel kerrallaan.
Mitä on visuaalinen suunnittelu
Visuaalinen suunnittelu tarkoittaa visuaalisten elementtien järjestämistä niin, että tieto on selkeää, houkuttelevaa ja tavoitteen mukaista.
Käytännössä visuaalinen suunnittelu näkyy verkkosivustosi ylätunnisteissa, palvelusivuilla, somegrafiikoissa ja painetuissa materiaaleissa. Kun osaat nimetä sen oikein, voit antaa suunnittelijoille ohjeet nopeammin ja arvioida luonnoksia varmemmin.
Läheiset käsitteet, kuten visuaalinen viestintäsuunnittelu, liittyvät suoraan tähän. Pidä ne mielessä, kun luet tämän osion loppuun.
Se muokkaa sitä, miten ihmiset kokevat verkkosivustosi, esityksesi, mainoksesi ja tuotenäkymäsi.
Miksi visuaalinen suunnittelu on tärkeää yrityksellesi?
Asiakkaat arvioivat uskottavuutta asettelun perusteella ennen kuin lukevat jokaisen sanan. Selkeä visuaalinen rakenne vähentää kitkaa ja tekee tarjouksista helpommin ymmärrettäviä.
Visuaalinen viestintäsuunnittelu vie samat ajatukset eri kanaviin.
Määritä jokaiselle sivulle yksi visuaalinen tavoite, esimerkiksi rekisteröityminen tai soitto, ennen kuin valitset kuvituksen.
Jos haluat nähdä, miten tämä liittyy lähiaiheisiin, lue seuraavaksi suunnitteluprosessi alusta loppuun ja mitä on rautalankamalli.
Käytännön tarkistuslista tämän päivän käyttöön
Määritä jokaiselle sivulle yksi visuaalinen tavoite, esimerkiksi rekisteröityminen tai soitto, ennen kuin valitset kuvituksen.
Kun katsot mitä tahansa sivua, kysy, näkyykö visuaalinen suunnittelu jo ensimmäisellä vierityksellä mobiilissa. Jos ei, järjestä osiot uudelleen ennen yksityiskohtien hiomista.
Ota kuvakaappaukset ennen muutoksia ja niiden jälkeen. Silloin opit, mikä muutos auttoi visuaalisessa suunnittelussa sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta visuaalinen viestintäsuunnittelu pysyy yhtenäisenä uusillakin sivuilla.
Valitse yksi seurattava mittari tälle kuulle, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Näin suunnittelumuutokset liittyvät liiketoiminnan tuloksiin, eivät pelkkään makuun.
Miten tämä aihe liittyy koko brändiisi
Visuaaliset valinnat eivät yleensä rajoitu yhteen sivuun. Visuaalinen viestintäsuunnittelu vie samat ajatukset eri kanaviin.
Somejulkaisuissasi, sähköposteissasi ja painotuotteissasi pitäisi toistua sama hierarkia, samat värit ja samat kirjasinsäännöt kuin verkossa.
Kun brändin ilme alkaa hajota, asiakkaat aistivat pienen epäsuhdan, vaikka eivät osaisi sanoa, mistä se johtuu.
Vertaa muistiinpanojasi tämän osion toiseen lukuun: hyviä esimerkkejä verkkosivujen suunnittelusta.
Se muokkaa sitä, miten ihmiset kokevat verkkosivustosi, esityksesi, mainoksesi ja tuotenäkymäsi.
Kysymyksiä, jotka helposti ohitetaan
Lisähakusanat, kuten mitä on visuaalinen viestintäsuunnittelu ja visuaalisen suunnittelun periaatteet, auttavat löytämään syvempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Visuaalinen viestintäsuunnittelu vie samat ajatukset eri kanaviin.
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 visuaalisesta 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. Visuaalisessa editorissa säädät välejä, värejä ja typografiaa ja esikatselet samalla mobiili- ja pöytäkonenäkymää.
WEMASYn Sivustonrakentajassa voit muokata visuaalisesti, joten voit julkaista muutokset odottamatta kehittäjää jokaisen pikkusäädön takia. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, katso vielä suunnitteluprosessi alusta loppuun ja mitä on rautalankamalli, niin osio pysyy mielessäsi kokonaisuutena.
Sinulla on nyt toimiva näkökulma visuaaliseen suunnitteluun. Käytä sitä, kun arvioit sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka lukuihin mitä on rautalankamalli ja hyviä esimerkkejä verkkosivujen suunnittelusta, niin pidät vauhdin yllä tässä osiossa.
Usein kysytyt kysymykset
Kuinka kauan visuaalisen suunnittelun parantaminen kestää?
Useimmat pienyritykset saavat selkeämmät sivut muutamassa keskittyneessä työrupeamassa, kun soveltavat tämän luvun perusteita. Aloita etusivusta ja vie samat säännöt sitten palvelu- ja yhteystietosivuille.
Tarvitsetko suunnittelijan visuaaliseen suunnitteluun?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni visuaaliseen suunnitteluun liittyvä korjaus onnistuu itse, kun tiedät, mitä etsiä. Käytä tämän luvun rinnalla lukua suunnitteluprosessi alusta loppuun, niin saat aiheeseen liittyvää lisäopastusta.
Voiko WEMASY auttaa visuaalisen suunnittelun soveltamisessa verkkosivustollasi?
WEMASYn Sivustonrakentajassa on visuaalinen editori, jolla säädät asettelua, värejä ja typografiaa ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää pohjia ja esikatsella muutokset mobiilissa.
Mikä on yleisin virhe visuaalisessa suunnittelussa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että korjaisivat yhden sivun kerrallaan. Valitse yksi ykkösasia, esimerkiksi luettavuus tai kontrasti, ja katso seuraavaa parannusta varten mitä on rautalankamalli.
Miten visuaalinen suunnittelu 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 vankkaan sisältörakenteeseen, niin tulokset ovat parhaat.
Mitä kannattaa oppia seuraavaksi visuaalisen suunnittelun jälkeen?
Jatka tässä kirjassa lukuihin suunnitteluprosessi alusta loppuun ja mitä on rautalankamalli, niin rakennat brändillesi täydellisen visuaalisen järjestelmän verkkoon.