Miten luoda navigointipalkki?

Navigointipalkin tarkoituksena on auttaa käyttäjää selaamaan sivustoasi vaivattomasti. Navigointipalkki sijoitetaan yleensä sivuston yläosaan. Matkapuhelimessa navigointipalkki on yleensä sijoitettu vasempaan yläkulmaan ja se näyttää hampurilaiselta (hanburger button).

Navigointipalkki koostuu sisäisistä linkeistä, eli sivustosi eri sivuista.

Navigointivalikko esimerkki

Jos käytämme one.comin palkkia esimerkkinä, voit nähdä, että valikko on sijoitettu sivuston yläosaan. Voit myös nähdä, että meillä on kaikki myymämme tuotteet navigointipalkissa. Lisäksi olemme lisänneet siihen artikkeleita, jotka voivat olla hyödyllisiä.

Yleisimmät kategoriat navigointipalkissa ovat:

Tietoa meistä
Ota yhteyttä
Tuotteet
UKK

Mutta kuten one.comin esimerkistä huomaat, voit suunnitella valikon haluamallasi tavalla.

Miksi valikko palkki on tärkeä?

Navigointivalikko on tärkeä siksi, että se helpottaa käyttäjän sivuhakua. Jos sivustolla ei olisi navigointivalikkoa, miten löytäisit kaiken tärkeän tiedon sivustolta? Voit toki linkittää joillekin sivuillesi etusivulla, mutta et löydä kaikkea tärkeää ilman navigointivalikkoa.

Navigointipalkki auttaa myös käyttäjääsi pysymään kauemmin sivustollasi, kun hän selaa palkissa olevia sivuja.

Navigointipalkki: ota nämä asiat huomioon

Navigointivalikkoa suunniteltaessa on otettava huomioon muutama tärkeä asia.

Palkin sisältö ja suunnittelu

Navigointipalkin tarkoitus on toimia tienviittana nettisivullasi ja osoittaa kävijät oikeaan suuntaan. Palkin voi luoda helposti sitten, kun nettisivun sisältö on paikallaan ja voit lisätä valikkoon sellaiset sivut, jotka ovat mielestäsi tärkeitä. Voit suunnitella valikon haluamallasi tavalla, mutta pidä se yksinkertaisena ja helppona ymmärtää.

Navigointipalkin suunnittelu riippuu sivustosi sisällöstä. Se voi esimerkiksi riittää, että navigointipalkki on sivun ylälaidassa ja siitä löytyvät sivuston kaikki sivut. Sama tyyli voisi tosin olla vaikeasti luettavissa, jos kyseessä on esimerkiksi nettikauppa. Nettikaupan kannattaa puolestaan käyttää yksinkertaisempaa valikkoa, josta ilmenevät vain pääkategoriat tuotteille.

Samsungin valikko on todella hyvä. Vaikka heillä on paljon eri tuotteita, navigointipalkki listaa vain suosituimmat kategoriat. Muut kategoriat ja esimerkiksi yrityksen historia löytyvät oikeasta laidasta.

– Hyperteksti

Varmista, että sisältösi ja hypertekstisi teksti erotetaan toisistaan selkeästi. Käyttäjän on nähtävä ero selvästi.

– Värit

Varmista, että navigointipalkki erottuu muusta sivusta. Suunnittele ero pääsisällön ja navigointivalikon välillä käyttämällä värejä, fontteja ja muita elementtejä, kuten tyhjää tilaa.

Käytä linkkejä, älä nappeja

Nykyään useat sivustot käyttävät linkkejä navigointivalikossa. Vaikka painikkeet auttoivat aiemmin linkkejä erottumaan sivulta, ne eivät olleet hakukoneystävällisiä.

Nappeja voi käyttää toimintakehoituksia varten.

Piilota hakukenttä

Nykyään on mahdollista (ja trendikästä) piilottaa hakukenttä, kunnes sitä tarvitaan. Se tekee sivustosta siistimmän ja selkeämmän, ja se on hyvä vaihtoehto sivustoille, jotka eivät riipu hakukentästä.

Tahmea navigointipalkki

Tahmea navigointipalkki seuraa sinua, kun skrollaat sivua alaspäin. Jos haluat nähdä tästä esimerkin, voit kurkata meidän sivuamme. Tahmea navigointipalkki antaa sinulle mahdollisuuden hypätä sivulta toiselle nopeasti ilman, että sinun täytyy skrollata takaisin ylös. Voit myös käyttää hyväksesi “palaa sivun yläosaan” nappia, jonka voi myös tehdä tahmeaksi.

Ota alatunniste huomioon

Alatunniste on myös tietynlainen navigointipalkki. Voit lisätä sinne lisäinfoa, jota et halua laittaa päävalikkoon tai jolle ei ole muuten tilaa. Alatunnisteessa voi myös toistaa tietoa ja ohjata kävijöitä seuraavalle sivulle.