Alla on muutamia vinkkejä verkkosivuston navigointivaihtoehdoista, joilla voit parantaa konversioprosenttiasi. Käytettävyysvinkkimme auttavat tekemään päävalikostasi — ja koko verkkokaupastasi — käyttäjäystävällisemmän.
Vinkki #1: Suunnittele etusivusi navigointi etukäteen
Ennen kuin alat valita valikkokohtia, on tärkeää suunnitella verkkosivustosi jokainen toiminto ja sisältökokonaisuus. Toiminnot ja sisältö voidaan yleensä jakaa pääkategorioihin ja alakategorioihin. Varmista, että annat jokaiselle kategorialle selkeän ja tiiviin nimen. Käyttäjät silmäilevät valikkokohtia yleensä vain nopeasti, joten on tärkeää, että he erottavat ne helposti toisistaan ja ymmärtävät heti, mistä on kyse.
Vinkki #2: Laita tärkeimmät kohdat ensin
Käyttäjiäsi eniten kiinnostavien valikkokohtien pitäisi aina olla päävalikon alussa. Jos olet esimerkiksi SaaS-palveluntarjoaja, on hyvä idea aloittaa valikko kohdilla, jotka vakuuttavat kävijät siitä, että ratkaisusi sopii heille. Kokeile tällaisia valikkokohtia:
Miksi me?
Tietoa meistä
Hinnat
Jos ylläpidät muotimerkin verkkokauppaa, valikon pitäisi keskittyä tuotteisiisi. Linkkien muuhun sisältöön, kuten tuotevinkkeihin tai blogikirjoituksiin, pitäisi olla lähellä valikon loppua. Yleisesti ottaen parhaat tavat optimoida verkkoliiketoimintasi konversiota riippuvat toimialastasi.
Vinkki #3: Käytä visuaalista rakennetta
Tavallinen valikko voi näyttää vain tekstiä yksinkertaisessa muodossa. Mega-alasvetovalikot taas antavat sinulle mahdollisuuden korostaa tiettyjä valikkokohtia. Voit esimerkiksi käyttää erilaisia:
Tekstin kokoja
Tekstin värejä
Fontteja
Kuvakkeita
Näin voit jäsentää alasvetovalikon sisältöä paremmin. Kaikkien kohtien ei tarvitse johtaa varsinaiselle sivulle; jotkin sanat voivat toimia vain ei-klikattavina otsikoina eri klikattaville alakategorioille.
Vinkki #4: Vältä lisätoimintojen lisäämistä
Älä lisää alasvetovalikoihin monimutkaisia toimintoja, kuten uutiskirjeen tilausta tai valinta- ja hakukenttiä, koska ne voivat usein tuntua käyttäjistä raskailta. Viimeinen asia, jota haluat, on että päävalikkosi näyttää sekavalta. Sitä paitsi tällaisia elementtejä esiintyy usein useissa kohdissa verkkosivustolla. Niillä on suurempi vaikutus, kun sijoitat ne sivuille, joille ne sopivat parhaiten.
Toimintakehote (CTA) -painike navigaatiopalkissa voi kuitenkin olla erittäin tehokas. Voit esimerkiksi lisätä painikkeen, jolla asiakkaasi voivat tehdä varauksen tai ostoksen yhdellä klikkauksella. Muista vain, että CTA:n pitäisi sijaita päävalikon vieressä eikä itse alasvetovalikossa.
Vinkki #5: Valitse hiiren viennin tai klikkauksen välillä
Monet verkkosivustot käyttävät alasvetovalikoita, jotka avautuvat heti, kun käyttäjä vie hiiren valikkokohdan päälle. Jos harkitset tämän vaihtoehdon käyttöä, kannattaa ottaa huomioon muutama asia:
Kaikki yhdellä silmäyksellä: megavalikon pitäisi avautua kerralla eikä vähitellen, yksi alakategoriataso kerrallaan.
Täydellinen ajoitus: valikon ei pitäisi olla liian herkkä. Haluat estää sen "vilkkumisen", kun käyttäjä vie kursorin sen yli liian nopeasti. Samaan aikaan sen ei pitäisi reagoida liian hitaasti. Suosittelemme 0,1–0,5 sekunnin reagointiaikaa parhaan käytettävyyden saavuttamiseksi. On myös hyvä jättää pieni viive ennen valikon piilottamista, jos käyttäjä siirtää hiiren vahingossa pois valikon päältä. Liian herkkä tai ailahteleva valikko turhauttaa käyttäjiäsi ja saa osan heistä luovuttamaan ja poistumaan sivustoltasi kokonaan.
MouseOut-ohjelmointi: Kun alasvetovalikko aktivoituu, asiakkaat siirtävät kursorinsa navigaatiopalkista valikkoon. Ellei sivustosi ole ohjelmoitu oikein, se kirjaa virheellisesti MouseOut-tapahtuman, kun hiiri poistuu navigaatiopalkin alueelta, mikä sulkee valikon. Siksi on tärkeää määrittää valikko niin, että alasvetovalikko katoaa vasta, kun hiiri poistuu sekä navigaatiopalkista että itse alasvetovalikosta.
Mobiiliversio: Hiiren vienti ei ole mahdollista älypuhelimilla tai tableteilla. Jos haluat käyttää hiiren viennillä aktivoituvaa alasvetovalikkoa työpöytäversiossasi, muista käyttää mobiiliversiossa eri asetuksia.
Vinkki #6: Noudata kolmen klikkauksen sääntöä
Useimmilla verkkosivustoilla navigoinnin pitäisi noudattaa "kolmen klikkauksen sääntöä". Se tarkoittaa, että käyttäjien pitäisi päästä mihin tahansa sivustosi tietoon enintään kolmella klikkauksella. Tämä on tietenkin vain yleinen ohje. Jos sinulla on suuri ja yksityiskohtainen verkkosivusto, klikkausten määrä ei ole yhtä tärkeä, kunhan sivusto on hyvin järjestetty. Tärkeintä on, että asiakkaistasi tuntuu aina siltä, että perille on helppo löytää.
Vinkki #7: Käytä useita valikoita
Sivustoilla, joilla on paljon tietoa, voi olla hyödyllistä lisätä useampi kuin yksi valikko. Voit valita päävalikoksi alasvetovalikon, jossa on tuoteryhmäsi, ja käyttää samalla alatunnisteessa erillistä valikkoa, joka sisältää toissijaiset kategoriat. Näin päävalikkosi ei käy liian sekavaksi. Katso alta taulukosta, miltä tämä näyttää.
Vinkki #8: Ulkoasu ratkaisee
Houkuttelevan valikkosuunnittelun pitäisi pysyä samankokoisena, vaikka päävalikon kohdissa olisi eri määrä alakategorioita. Jos sivustollasi on hakutoiminto, varmista, etteivät alasvetovalikot peitä sitä, kun ne avataan.
Kannattaa myös lisätä pieni visuaalinen vihje, joka kertoo, laajeneeko navigaatiopalkin kohta alasvetovalikoksi, jos käyttäjä klikkaa sitä tai vie hiiren sen päälle. Voit esimerkiksi sijoittaa valikon nimen viereen pienen nuolen: alasvetovalikoissa nuolen pitäisi osoittaa alas, ja fly-out-valikoissa oikealle. Tämä auttaa ostajiasi ymmärtämään vaistonvaraisesti, että he voivat odottaa löytävänsä lisää tietoa.
