Moni kävijä antaa sivulle noin seitsemän sekuntia, ennen kuin päättää jäädä tai lähteä. Tuona aikana hyvät esimerkit verkkosivujen suunnittelusta tekevät enemmän työtä kuin myyntitekstisi. Visuaalinen selkeys hankkii ne lisäsekunnit, joita tarvitset tarjouksesi selittämiseen.
Hyvissä verkkosivujen suunnittelun esimerkeissä on selkeä navigointi, luettava teksti, yhtenäinen brändi ja selvät seuraavat askeleet. Tässä luvussa kerrotaan arkikielellä, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sen voi ottaa käyttöön ilman ammattisanaston sotkua. Näet myös, miten verkkosivujen asettelu liittyy samaan kuvaan. Käydään se läpi askel kerrallaan.
Millaisia ovat vahvat esimerkit hyvästä verkkosivujen suunnittelusta
Hyvissä verkkosivujen suunnittelun esimerkeissä on selkeä navigointi, luettava teksti, yhtenäinen brändi ja selvät seuraavat askeleet.
Vahvojen esimerkkien tutkiminen koulii silmääsi nopeammin kuin pelkät abstraktit säännöt.
Pienyrityksen verkkosivut voittavat usein selkeydellä, eivät näyttävillä animaatioilla.
Mitä korjata ensin
Kerää kolme omalta alaltasi tykkäämääsi sivustoa ja listaa kolme yhteistä piirrettä.
Ota sivustasi kuvakaappaus mobiilissa ja pöytäkoneella ja merkitse kolme ensimmäistä kohtaa, jotka hämmentävät tai hidastavat sinua.
Käytä lukua verkkosivujen suunnittelun hinta tarkistuslistana, kun käyt parannuksia läpi.
Käytännön tarkistuslista tämän päivän käyttöön
Kerää kolme omalta alaltasi tykkäämääsi sivustoa ja listaa kolme yhteistä piirrettä.
Kun tarkistat jotakin sivua, kysy, näkyvätkö hyvän verkkosivujen suunnittelun piirteet jo ensimmäisellä vierityksellä mobiilissa. Jos eivät, järjestä osiot uudelleen ennen kuin viimeistelet yksityiskohdat.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta opit, mikä toimi sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta verkkosivujen asettelu pysyy yhtenäisenä uusillakin sivuilla.
Valitse yksi mittari seurattavaksi tässä kuussa, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Silloin suunnittelumuutokset sidotaan liiketoiminnan tuloksiin eikä pelkkään makuun.
Miten tämä aihe liittyy laajempaan brändiisi
Visuaaliset valinnat harvoin rajoittuvat yhteen sivuun. Pienyrityksen verkkosivut voittavat usein selkeydellä, eivät näyttävillä animaatioilla.
Somejulkaisujesi, sähköpostiesi ja painotuotteidesi tulisi toistaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkossa.
Kun brändin ilme alkaa karata, asiakkaat tuntevat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Vertaa muistiinpanojasi tämän osion toiseen lukuun: mitä on graafinen suunnittelu.
Vahvojen esimerkkien tutkiminen koulii silmääsi nopeammin kuin pelkät abstraktit säännöt.
Kysymyksiä, jotka helposti jäävät huomaamatta
Lisähakusanat, kuten verkkosivujen asettelu ja pienyrityksen verkkosivut, auttavat löytämään syvempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Pienyrityksen verkkosivut voittavat usein selkeydellä, eivät näyttävillä animaatioilla.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat tällä viikolla toimivalla sivulla. Pienet mitatut muutokset ovat parempia kuin epämääräiset suunnitelmat.
Kun tiimilläsi on yhteinen sanasto hyvästä verkkosivujen suunnittelusta, suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän korjauskierroksia.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Moniin asettelun ja tyylin ongelmiin ei tarvita omaa koodia. Visuaalisella editorilla säädät välejä, värejä ja typografiaa samalla, kun esikatselet mobiili- ja pöytäkonenäkymää.
WEMASYssa on Sivustonrakentaja visuaalisella muokkauksella, 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ä huono verkkosivujen suunnittelu ja verkkosivujen suunnittelun hinta, jotta osio pysyy yhtenäisenä mielessäsi.
Sinulla on nyt toimiva näkökulma hyvään verkkosivujen suunnitteluun. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka lukuihin verkkosivujen suunnittelun hinta ja mitä on graafinen suunnittelu, niin pysyt vauhdissa tässä osiossa.
Usein kysytyt kysymykset
Kuinka kauan hyvän verkkosivujen suunnittelun saavuttaminen 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 hyvän verkkosivujen suunnittelun toteuttamiseen?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni hyvään verkkosivujen suunnitteluun liittyvä korjaus onnistuu itse, kun tiedät, mitä etsiä. Käytä tämän luvun rinnalla lukua huono verkkosivujen suunnittelu, niin saat aiheeseen liittyvää lisäopastusta.
Voiko WEMASY auttaa hyvän verkkosivujen suunnittelun toteuttamisessa 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 hyvässä verkkosivujen suunnittelussa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät yksi sivu kerrallaan. Valitse yksi ykkösasia, esimerkiksi luettavuus tai kontrasti, ja katso seuraavaa parannusta varten verkkosivujen suunnittelun hinta.
Miten hyvä verkkosivujen 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 hyvän verkkosivujen suunnittelun jälkeen?
Jatka tässä kirjassa lukuihin huono verkkosivujen suunnittelu ja verkkosivujen suunnittelun hinta, niin rakennat brändillesi täydellisen visuaalisen järjestelmän verkkoon.