Miksi jotkin brändit vaikuttavat heti luotettavilta, kun taas toiset tuntuvat amatöörimäisiltä, vaikka tuotteet olisivat hyviä? Osa vastausta on huono verkkosivujen suunnittelu. Et tarvitse suunnittelijan tutkintoa kehittyäksesi. Tarvitset selkeän määritelmän ja muutaman käytännön tarkistuksen.
Huono verkkosivujen suunnittelu näkyy sekavuutena, pienenä tekstinä, hitaana latautumisena ja hämmentävinä valikkoina. Tässä luvussa selitetään yksinkertaisesti, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sen voi ottaa käyttöön ilman ammattisanaston umpikujaa. Näet myös, miten hyviä esimerkkejä verkkosivujen suunnittelusta kuuluu samaan kuvaan. Edetään askel kerrallaan.
Millaista on selvästi huono verkkosivujen suunnittelu
Huono verkkosivujen suunnittelu näkyy sekavuutena, pienenä tekstinä, hitaana latautumisena ja hämmentävinä valikkoina.
Yleisten virheiden korjaaminen maksaa usein vähemmän kuin koko brändin uudistus.
Verkkosivujen suunnittelun hinta nousee, kun korjaat rakennetta ja ulkoasua yhtä aikaa ilman suunnitelmaa.
Mitä korjata ensin
Testaa sivustosi mobiilissa, klikkaa jokainen pääasiallinen linkki ja merkitse ylös ensimmäinen kohta, jossa tökkii.
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 mitä on graafinen suunnittelu tarkistuslistana, kun käyt parannuksia läpi.
Käytännön tarkistuslista tämän päivän käyttöön
Testaa sivustosi mobiilissa, klikkaa jokainen pääasiallinen linkki ja merkitse ylös ensimmäinen kohta, jossa tökkii.
Kun käyt läpi jotakin sivua, kysy, näkyykö huono verkkosivujen suunnittelu jo ensimmäisellä vierityksellä mobiilissa. Jos ei, järjestä osiot uudelleen ennen kuin viimeistelet yksityiskohdat.
Ota kuvakaappaukset ennen muutoksia ja niiden jälkeen. Siten opit, mikä muutos auttoi huonossa verkkosivujen suunnittelussa sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta hyviä esimerkkejä verkkosivujen suunnittelusta pysyy mielessä 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ä koske vain yhtä sivua. Verkkosivujen suunnittelun hinta nousee, kun korjaat rakennetta ja ulkoasua yhtä aikaa ilman suunnitelmaa.
Somejulkaisuissasi, sähköposteissasi ja painotuotteissasi pitäisi toistua sama hierarkia, samat värit ja samat kirjasinsäännöt kuin verkossa.
Kun brändin visuaalinen ilme alkaa hajota, asiakkaat aistivat hienoisen epäsuhdan, vaikka eivät osaisi selittää sitä.
Vertaa muistiinpanojasi tämän osion toiseen lukuun: suunnittelun elementit selitettynä.
Yleisten virheiden korjaaminen maksaa usein vähemmän kuin koko brändin uudistus.
Kysymyksiä, jotka usein ohitetaan
Lisähakusanat, kuten hyviä esimerkkejä verkkosivujen suunnittelusta ja verkkosivujen suunnittelun hinta, auttavat löytämään syvempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Verkkosivujen suunnittelun hinta nousee, kun korjaat rakennetta ja ulkoasua yhtä aikaa ilman suunnitelmaa.
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 huonosta verkkosivujen suunnittelusta, korjauskierroksia suunnittelijoiden ja toimistojen kanssa tulee vähemmän.
Työkalut, jotka tekevät visuaalisista päivityksistä helpompia
Moniin asettelun ja tyylin ongelmiin ei tarvita omaa koodia. Visuaalisessa editorissa säädät välejä, värejä ja typografiaa ja esikatselet samalla mobiili- ja pöytäkonenä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ä, katso vielä verkkosivujen suunnittelun hinta ja mitä on graafinen suunnittelu, niin osio pysyy mielessäsi kokonaisuutena.
Sinulla on nyt toimiva näkökulma huonoon verkkosivujen suunnitteluun. Käytä sitä, kun arvioit sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka lukuihin mitä on graafinen suunnittelu ja suunnittelun elementit selitettynä, niin pidät vauhdin yllä tässä osiossa.
Usein kysytyt kysymykset
Kuinka kauan huonon verkkosivujen suunnittelun korjaaminen 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 huonon verkkosivujen suunnittelun korjaamiseen?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni huonoon verkkosivujen suunnitteluun liittyvä korjaus onnistuu itse, kun tiedät, mitä etsiä. Käytä tämän luvun rinnalla lukua verkkosivujen suunnittelun hinta, niin saat aiheeseen liittyvää lisäopastusta.
Voiko WEMASY auttaa välttämään huonon verkkosivujen suunnittelun 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 huonossa 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 mitä on graafinen suunnittelu.
Miten huono 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 huonon verkkosivujen suunnittelun jälkeen?
Jatka tässä kirjassa lukuihin verkkosivujen suunnittelun hinta ja mitä on graafinen suunnittelu, niin rakennat brändillesi täydellisen visuaalisen järjestelmän verkkoon.