Noin seitsemän sekuntia: niin kauan moni kävijä antaa sivulle aikaa ennen kuin päättää jäädä tai lähteä. Sinä aikana valkoinen tila suunnittelussa tekee enemmän työtä kuin myyntitekstisi. Visuaalinen selkeys ostaa ne lisäsekunnit, joita tarvitset tarjouksesi selittämiseen.
Valkoinen tila suunnittelussa erottaa osiot toisistaan, korostaa painikkeita ja parantaa ymmärrettävyyttä. Tässä luvussa kerrotaan selkeästi, mitä tämä tarkoittaa, miksi se vaikuttaa verkkosivuusi ja markkinointiisi ja miten voit soveltaa sitä ilman alan sanahelinää. Näet myös, miten valkoinen tila liittyy samaan kokonaisuuteen. Käydään asia läpi askel kerrallaan.
Mitä valkoinen tila suunnittelussa tarkoittaa käytännössä
Valkoinen tila suunnittelussa erottaa osiot toisistaan, korostaa painikkeita ja parantaa ymmärrettävyyttä.
Ahtaat sivut nostavat poistumisprosenttia, vaikka tarjoukset olisivat vahvoja.
Verkkosivun asettelu paranee, kun jokaisella osiolla on yksi selkeä tehtävä.
Näin otat valkoisen tilan käyttöön sivustollasi
Poista jokaisesta osiosta yksi tarpeeton elementti ja lisää tilalle väliä.
Aloita yhdestä sivusta, esimerkiksi etusivustasi tai pääasiallisesta laskeutumissivustasi. Korjaa suurin ongelma ensin ja ota sama malli sitten käyttöön muissa pohjissa.
Yhdistä tämä luku sivuun gestalt-periaatteet, joka antaa perustan, ja sivuun verkkosivun asettelu, joka vie seuraavaan vaiheeseen tässä osiossa.
Käytännön tarkistuslista, jota voit käyttää heti
Poista jokaisesta osiosta yksi tarpeeton elementti ja lisää tilalle väliä.
Kun käyt läpi jotakin sivua, kysy, näkyykö valkoinen tila suunnittelussa jo ensimmäisellä vierityksellä mobiilissa. Jos ei näy, vaihda osioiden järjestystä ennen kuin viilaat yksityiskohtia.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta näet, mikä muutos auttoi sivustosi valkoisen tilan kanssa.
Jaa tämä tarkistuslista kaikille, jotka päivittävät sivustoasi, jotta valkoinen tila pysyy yhtenäisenä uusillakin sivuilla.
Valitse yksi mittari seurattavaksi tässä kuussa, esimerkiksi sivulla vietetty aika tai lomakkeiden aloitukset, jotta suunnittelumuutokset kytkeytyvät liiketoimintatuloksiin eivätkä pelkkään makuun.
Miten tämä aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät yleensä elä vain yhdellä sivulla. Verkkosivun asettelu paranee, kun jokaisella osiolla on yksi selkeä tehtävä.
Somejulkaisujesi, sähköpostiesi ja painettujen materiaalien pitäisi toistaa samaa hierarkiaa, värejä ja kirjasinsääntöjä, joita käytät verkossa.
Kun brändin visuaalinen ilme alkaa hajota, asiakkaat aistivat hienovaraisen epäsuhdan, vaikka eivät osaisi selittää sitä.
Käytä sivua verkkosivun asettelu vertaillaksesi muistiinpanoja tämän osion toisen luvun kanssa.
Ahtaat sivut nostavat poistumisprosenttia, vaikka tarjoukset olisivat vahvoja.
Kysymykset, jotka usein jäävät huomaamatta
Liittyvät hakusanat, kuten valkoinen tila ja verkkosivun asettelu, auttavat sinua etsimään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Verkkosivun asettelu paranee, kun jokaisella osiolla on yksi selkeä tehtävä.
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 valkoisen tilan ympärillä, korjauskierroksia suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Moniin ulkoasun ja tyylin ongelmiin ei tarvita räätälöityä koodia. Visuaalisessa editorissa voit säätää välejä, värejä ja typografiaa samalla, kun katsot esikatselua mobiilissa ja tietokoneella.
WEMASY:n Sivustonrakentajassa on visuaalinen muokkaus, jolloin 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 sivut gestalt-periaatteet ja asettelun suunnittelu, jotta osio pysyy yhtenäisenä mielessäsi.
Sinulla on nyt toimiva näkökulma valkoiseen tilaan suunnittelussa. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka sivuille asettelun suunnittelu ja verkkosivun asettelu, niin pidät vauhdin yllä tässä osiossa.
Valkoisen tilan oppiminen suunnittelussa on vähitellen kehittyvä taito. Palaa tähän lukuun, kun olet julkaissut yhden parannuksen, jotta ideat siirtyvät lukemisesta tavaksi. Pienet toistuvat tarkistukset voittavat sen, että yrität ahtaa kaikki säännöt päähäsi kerralla. Pidä muistiinpanoja siitä, mikä toimi yleisöllesi, jotta seuraava päivitys sujuu nopeammin.
Usein kysytyt kysymykset
Kuinka kauan valkoisen tilan parantaminen suunnittelussa kestää?
Useimmat pienyritykset saavat sivunsa selkeämmiksi muutamassa keskittyneessä työrupeamassa, kun soveltavat tämän luvun perusteita. Aloita etusivustasi ja ota samat säännöt sitten käyttöön palvelu- ja yhteystietosivuilla.
Tarvitsetko suunnittelijan valkoisen tilan kanssa suunnittelussa?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni valkoiseen tilaan liittyvä korjaus onnistuu itse, kun tiedät, mitä katsoa. Käytä tämän luvun rinnalla sivua gestalt-periaatteet, niin saat aiheeseen liittyviä ohjeita.
Voiko WEMASY auttaa valkoisen tilan käyttöönotossa verkkosivullasi?
WEMASY:n Sivustonrakentajassa on visuaalinen editori, jolla voit säätää ulkoasua, värejä ja typografiaa ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää pohjia ja esikatsella muutoksia mobiilissa.
Mikä on yleisin virhe valkoisen tilan kanssa suunnittelussa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät yksi sivu kerrallaan. Valitse yksi ensisijainen asia, esimerkiksi luettavuus tai kontrasti, ja katso sitten seuraavaa parannusta varten sivua asettelun suunnittelu.
Miten valkoinen tila suunnittelussa 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 valkoisen tilan jälkeen?
Jatka tämän kirjan sivuille gestalt-periaatteet ja asettelun suunnittelu, niin rakennat brändillesi kokonaisvaltaisen visuaalisen järjestelmän verkkoon.