Millainen on hyvä valikko?

Valikon tarkoitus on auttaa käyttäjää selaamaan sivustoasi vaivattomasti. Sitä voidaan kutsua myös navigointipalkiksi, ja usein se sijoitetaan sivun yläosaan. Mobiililaitteissa sivujen valikon voi yleensä avata sivun vasemmasta yläkulmasta löytyvästä kuvakkeesta, jossa on kolme päällekkäistä viivaa. 

Valikko koostuu sisäisistä linkeistä, eli linkeistä niihin sivustosi sivuihin, joilla haluat kävijöidesi vierailevan.

Esimerkkejä valikoista

Voit nähdä esimerkin valikosta täällä one.comin sivuilla, missä valikko on sijoitettu sivun yläosaan. Voit myös nähdä, että kaikki tuotteemme löytyvät yläosan valikosta. Lisäksi olemme lisänneet siihen artikkeleita, joista voi olla hyötyä asiakkaillemme. 

Usein valikot on jaettu kategorioihin, joista yleisimmät ovat:

Tietoa meistä
Ota yhteyttä
Tuotteet
Usein kysyttyä

Mutta kuten voit huomata esimerkistämme, voit suunnitella sivustosi valikon omien tarpeidesi mukaan.

Miksi valikko on tärkeä?

Navigointivalikko auttaa kävijöitä löytämään etsimänsä sivustoltasi. Ilman valikkoa oikean sivun löytäminen olisi hankalaa. Voit toki lisätä etusivullesi linkkejä, jotka vievät muille sivuillesi, mutta valikossa voit helpommin näyttää kaiken tarpeellisen. 

Valikon ansiota kävijät voivat myös pysyvät sivustollasi pitempään, jos he tutkivat useampia valikosta löytyviä sivuja.

Suunnittele hyvä valikko näin

Valikon suunnitteluun kannattaa panostaa, koska sillä on paljon vaikutusta sivustosi käyttäjäkokemukselle ja menestymiselle. Huomioi seuraavat asiat, kun suunnittelet valikkoa.

Valikon sisältö ja suunnittelu

Valikon tarkoitus on toimia sivustosi tienviittana ja osoittaa kävijät oikeaan suuntaan. Kun sivustosi sisältö on suunniteltu, voit päättää, mitkä sivuista kannattaa lisätä navigointivalikkoon. Voit priorisoida sivut ja suunnitella valikon haluamallasi tavalla, mutta se kannattaa pitää yksinkertaisena ja helppona ymmärtää. 

Hyvän valikon suunnittelu riippuu paljon sivun sisällöstä ja tarkoituksesta. Esimerkiksi palveluja tarjoavalle sivustoille voi riittää, että valikossa on vain yksi taso, mutta verkkokaupan valikossa tasoja ja hierarkioita kannattaa olla enemmän selailun helpottamiseksi. 

Samsungin sivujen valikko on esimerkki hyvästä suunnittelusta: vaikka erilaisia tuotteita on paljon, navigointipalkki näyttää niistä vain suosituimmat kategoriat. Muut kategoriat ja esimerkiksi yrityksen historia löytyvät oikeasta laidasta.

Erottuvat linkit

Varmista, että valikon linkit erottuvat selvästi muusta sisällöstäsi, jotta kävijöiden on helppo huomata ne. 

Erottuvat värit

Varmista myös, että valikko erottuu hyvin muusta sivusta. Erota valikko ja muu sisältösi toisistaan esimerkiksi eri väreien, fonttien ja tyhjän tilan avulla.

Käytä linkkejä, älä nappeja

Nykyään valikoissa käytetään yleisemmin linkkejä kuin painikkeita. Painikkeet voivat olla huomiota herättäviä, mutta ne eivät ole hakukoneystävällisiä, ja ne ovat myös vähemmän saavutettavia kuin tavalliset linkit. 

Painikkeet kannattaakin säästää toimintakehotuksia varten.

Piilota hakukenttä

Nykyään on suosittua piilottaa hakukenttä ja näyttää se vain tarvittaessa. Se voi selkeyttää sivuston ulkoasua ja sopia erityisesti sellaisille sivustoille, joille hakukenttä ei ole erityisen tärkeä.

Kiinnitetty valikko

Kiinnitetty valikko pysyy näkyvissä silloinkin, kun vierität sivua alaspäin. Voit nähdä siitä esimerkin tällä one.comin sivulla. 

Kiinnitetty valikko mahdollistaa sivulta toiselle siirtymisen nopeasti ilman vierittämistä takaisin sivun yläreunaan. Vaihtoehtoisesti voit lisätä sivulle linkin, jossa lukee esimerkiksi “Takaisin ylös”, ja kiinnittää sen sivuun niin, että se on aina näkyvissä.

Ota alatunniste huomioon

Myös alatunniste on eräänlainen valikko. Voit lisätä siihen lisätietoa, joka ei kuulu tai mahdu päävalikkoon. Alatunnisteessa voi myös toistaa tärkeitä tietoa ja ohjata kävijöitä seuraavalle sivulle.