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 verkkosivuston navigointi se osa, jonka olet ohittanut. Usein se on. Pienet visuaaliset päätökset muokkaavat ensivaikutelmaa nopeammin kuin useimmat yrittäjät odottavat.
Verkkosivuston navigoinnissa pitäisi käyttää tuttuja nimikkeitä ja korostaa kävijän nykyistä osiota. 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 verkkosivuston ylätunniste liittyy samaan kokonaisuuteen. Käydään se läpi vaihe vaiheelta.
Mitä verkkosivuston navigointi tarkoittaa käytännössä
Verkkosivuston navigoinnissa pitäisi käyttää tuttuja nimikkeitä ja korostaa kävijän nykyistä osiota.
Sekavat valikot nostavat poistumisprosenttia palvelu- ja hintasivuilla.
Ylätunnisteen ja alatunnisteen navigoinnin pitäisi täydentää toisiaan eikä toistaa sokeasti samaa.
Näin sovellat verkkosivuston navigointia omalla sivustollasi
Nimeä valikkokohdat niin kuin asiakkaat puhuvat, älä sisäisellä jargonilla.
Aloita yhdestä sivusta, kuten etusivusta tai pääasiallisesta laskeutumissivusta. Korjaa suurin ongelma ensin ja vie sama malli sitten muihin pohjiin.
Yhdistä tämä luku lukuihin etusivun suunnittelu perustaksi ja miten suunnittelet laskeutumissivun moduulin seuraavaksi askeleeksi.
Käytännön tarkistuslista tälle päivälle
Nimeä valikkokohdat niin kuin asiakkaat puhuvat, älä sisäisellä jargonilla.
Kun käyt sivua läpi, kysy, näkyykö navigointi 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ä muutti navigoinnin tuloksia sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta verkkosivuston ylätunniste pysyy yhtenäisenä uusilla sivuilla.
Valitse yksi mittari seurattavaksi tässä kuussa, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Näin suunnittelumuutokset liittyvät liiketoiminnan tuloksiin eivätkä pelkkään makuun.
Miten tämä aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät yleensä pysy yhdellä sivulla. Ylätunnisteen ja alatunnisteen navigoinnin pitäisi täydentää toisiaan eikä toistaa sokeasti samaa.
Somejulkaisujesi, sähköpostiesi ja painettujen materiaalien kannattaa toistaa samaa hierarkiaa, värejä ja kirjasinsääntöjä kuin verkossa.
Kun brändin visuaalit alkavat ajautua erilleen, asiakkaat aistivat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Käytä lukua miten suunnittelet laskeutumissivun vertaillaksesi muistiinpanoja tämän moduulin toiseen lukuun.
Sekavat valikot nostavat poistumisprosenttia palvelu- ja hintasivuilla.
Kysymykset, jotka usein jäävät huomaamatta
Lisätermit, kuten verkkosivuston ylätunniste ja verkkosivuston asettelu, auttavat etsimään syvempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Ylätunnisteen ja alatunnisteen navigoinnin pitäisi täydentää toisiaan eikä toistaa sokeasti samaa.
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 verkkosivuston navigoinnista, 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 etusivun suunnittelu ja above the fold, jotta moduuli pysyy mielessäsi yhtenäisenä.
Sinulla on nyt toimiva näkökulma verkkosivuston navigointiin. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai briefaat suunnittelijaa. Jatka lukuihin above the fold ja miten suunnittelet laskeutumissivun, niin vauhti säilyy tässä moduulissa.
Usein kysytyt kysymykset
Kuinka kauan verkkosivuston navigoinnin 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 verkkosivuston navigointiin?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni navigointiin liittyvä korjaus onnistuu itse, kun tiedät, mitä etsiä. Käytä lukua etusivun suunnittelu tämän luvun rinnalla.
Voiko WEMASY auttaa verkkosivustosi navigoinnin toteutuksessa?
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 verkkosivuston navigoinnissa?
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 above the fold.
Miten verkkosivuston navigointi 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 verkkosivuston navigoinnin jälkeen?
Jatka lukuihin etusivun suunnittelu ja above the fold tässä kirjassa, niin rakennat brändillesi kokonaisen visuaalisen järjestelmän verkkoon.