Meniuri derulante: Ce tipuri de navigare îmbunătățesc rata de conversie a site-ului dumneavoastră?

Meniuri derulante: Ce tipuri de navigare îmbunătățesc rata de conversie a site-ului dumneavoastră?

Meniuri derulante: Ce tipuri de navigare îmbunătățesc rata de conversie a site-ului dumneavoastră?

În acest articol, îți vom oferi 8 sfaturi pentru a optimiza meniurile derulante ale magazinului tău online și a face site-ul tău și mai ușor de utilizat pentru navigare.

În acest articol, îți vom oferi 8 sfaturi pentru a optimiza meniurile derulante ale magazinului tău online și a face site-ul tău și mai ușor de utilizat pentru navigare.

28 apr. 2021

Nick Knuppe

Șef de marketing pentru produse

Este greu de imaginat comerțul electronic fără meniuri derulante; ele sunt o caracteristică atât de importantă a designului web pentru aproape orice tip de site. Totuși, surprinzător, puțini comercianți cu amănuntul online au stăpânit arta de a le face cu adevărat prietenoase cu utilizatorii. În acest articol, vom discuta opțiunile pentru proiectarea meniurilor de navigare eficiente pe website-uri, atât pentru desktop cât și pentru mobil. Îți vom oferi 8 sfaturi pentru a optimiza meniurile derulante ale magazinului tău online și pentru a face site-ul tău și mai prietenos cu utilizatorii în navigare. 

Este greu de imaginat comerțul electronic fără meniuri derulante; ele sunt o caracteristică atât de importantă a designului web pentru aproape orice tip de site. Totuși, surprinzător, puțini comercianți cu amănuntul online au stăpânit arta de a le face cu adevărat prietenoase cu utilizatorii. În acest articol, vom discuta opțiunile pentru proiectarea meniurilor de navigare eficiente pe website-uri, atât pentru desktop cât și pentru mobil. Îți vom oferi 8 sfaturi pentru a optimiza meniurile derulante ale magazinului tău online și pentru a face site-ul tău și mai prietenos cu utilizatorii în navigare. 

Este greu de imaginat comerțul electronic fără meniuri derulante; ele sunt o caracteristică atât de importantă a designului web pentru aproape orice tip de site. Totuși, surprinzător, puțini comercianți cu amănuntul online au stăpânit arta de a le face cu adevărat prietenoase cu utilizatorii. În acest articol, vom discuta opțiunile pentru proiectarea meniurilor de navigare eficiente pe website-uri, atât pentru desktop cât și pentru mobil. Îți vom oferi 8 sfaturi pentru a optimiza meniurile derulante ale magazinului tău online și pentru a face site-ul tău și mai prietenos cu utilizatorii în navigare. 

Este greu de imaginat comerțul electronic fără meniuri derulante; ele sunt o caracteristică atât de importantă a designului web pentru aproape orice tip de site. Totuși, surprinzător, puțini comercianți cu amănuntul online au stăpânit arta de a le face cu adevărat prietenoase cu utilizatorii. În acest articol, vom discuta opțiunile pentru proiectarea meniurilor de navigare eficiente pe website-uri, atât pentru desktop cât și pentru mobil. Îți vom oferi 8 sfaturi pentru a optimiza meniurile derulante ale magazinului tău online și pentru a face site-ul tău și mai prietenos cu utilizatorii în navigare. 

Ce este navigarea pe site?

Barra de navigare de pe site-ul dvs. îi ajută pe clienți să își găsească mai ușor drumul. Aceasta conține linkuri care le conduc utilizatorilor către cele mai importante categorii de pe site-ul dvs. De aceea, este cunoscută și sub denumirea de 'meniu receptiv'. 

Dar navigarea pe site nu se termină aici. Alte caracteristici comune ale navigării pe site includ:

  • Meniul principal, care listează toate conținuturile website-ului în ordine de categorii ierarhice.

  • Navigarea utilitară, care constă în linkuri către funcții secundare utile, cum ar fi coșul de cumpărături sau conectarea utilizatorului.

  • Filtre, care permit clientului să restrângă rezultatele căutării.

  • Breadcrumbs, care arată clienților pe ce pagină se află în cadrul structurii de navigare a website-ului.

  • Navigarea din footer, care conține de obicei linkuri utile către pagini de conținut, cum ar fi pagina 'Despre noi' și notificarea legală a site-ului dvs.

Barra de navigare de pe site-ul dvs. îi ajută pe clienți să își găsească mai ușor drumul. Aceasta conține linkuri care le conduc utilizatorilor către cele mai importante categorii de pe site-ul dvs. De aceea, este cunoscută și sub denumirea de 'meniu receptiv'. 

Dar navigarea pe site nu se termină aici. Alte caracteristici comune ale navigării pe site includ:

  • Meniul principal, care listează toate conținuturile website-ului în ordine de categorii ierarhice.

  • Navigarea utilitară, care constă în linkuri către funcții secundare utile, cum ar fi coșul de cumpărături sau conectarea utilizatorului.

  • Filtre, care permit clientului să restrângă rezultatele căutării.

  • Breadcrumbs, care arată clienților pe ce pagină se află în cadrul structurii de navigare a website-ului.

  • Navigarea din footer, care conține de obicei linkuri utile către pagini de conținut, cum ar fi pagina 'Despre noi' și notificarea legală a site-ului dvs.

Barra de navigare de pe site-ul dvs. îi ajută pe clienți să își găsească mai ușor drumul. Aceasta conține linkuri care le conduc utilizatorilor către cele mai importante categorii de pe site-ul dvs. De aceea, este cunoscută și sub denumirea de 'meniu receptiv'. 

Dar navigarea pe site nu se termină aici. Alte caracteristici comune ale navigării pe site includ:

  • Meniul principal, care listează toate conținuturile website-ului în ordine de categorii ierarhice.

  • Navigarea utilitară, care constă în linkuri către funcții secundare utile, cum ar fi coșul de cumpărături sau conectarea utilizatorului.

  • Filtre, care permit clientului să restrângă rezultatele căutării.

  • Breadcrumbs, care arată clienților pe ce pagină se află în cadrul structurii de navigare a website-ului.

  • Navigarea din footer, care conține de obicei linkuri utile către pagini de conținut, cum ar fi pagina 'Despre noi' și notificarea legală a site-ului dvs.

Barra de navigare de pe site-ul dvs. îi ajută pe clienți să își găsească mai ușor drumul. Aceasta conține linkuri care le conduc utilizatorilor către cele mai importante categorii de pe site-ul dvs. De aceea, este cunoscută și sub denumirea de 'meniu receptiv'. 

Dar navigarea pe site nu se termină aici. Alte caracteristici comune ale navigării pe site includ:

  • Meniul principal, care listează toate conținuturile website-ului în ordine de categorii ierarhice.

  • Navigarea utilitară, care constă în linkuri către funcții secundare utile, cum ar fi coșul de cumpărături sau conectarea utilizatorului.

  • Filtre, care permit clientului să restrângă rezultatele căutării.

  • Breadcrumbs, care arată clienților pe ce pagină se află în cadrul structurii de navigare a website-ului.

  • Navigarea din footer, care conține de obicei linkuri utile către pagini de conținut, cum ar fi pagina 'Despre noi' și notificarea legală a site-ului dvs.

Rămâneți la curent

Nu ratați nicio actualizare. Primiți actualizări despre produse, noutăți și povești ale clienților direct în inboxul dumneavoastră.

Rămâneți la curent

Nu ratați nicio actualizare. Primiți actualizări despre produse, noutăți și povești ale clienților direct în inboxul dumneavoastră.

Conectează fiecare plată. Modernizează fiecare parte a afacerii tale.

Nu ratați nicio actualizare. Primiți actualizări despre produse, noutăți și povești ale clienților direct în inboxul dumneavoastră.

Rămâneți la curent

Nu ratați nicio actualizare. Primiți actualizări despre produse, noutăți și povești ale clienților direct în inboxul dumneavoastră.

Cum ajută o navigare bună a site-ului să îmbunătățească conversiile în comerțul electronic?

How does good website navigation help improve conversion in e-commerce?

Oferirea unei experiențe pozitive pentru utilizatori (UX) este la fel de importantă pentru un comerciant de e-commerce ca și pentru o afacere offline. Asta înseamnă că trebuie să fie ușor pentru clienți să se descurce pe site-ul tău. Din momentul în care ajung pe site-ul tău, trebuie să vadă o prezentare clară a celor mai importante informații, astfel încât să poată găsi rapid ceea ce caută. De aceea, este important să oferi meniuri practice și ușor de utilizat în webshopul tău. Permițând clienților tăi să găsească intuitiv tot conținutul și funcțiile de care au nevoie, crești șansele de a face o vânzare.

În contrast, dacă site-ul tău este confuz sau dificil de navigat, clienții sunt predispuși să plece și să își ia afacerile în altă parte. Aceasta crește rata de abandon și scade conversia. Mai jos, îți vom arăta cum să creezi o UX mai bună cu meniuri derulante și alte opțiuni de navigare, astfel încât să poți optimiza rata de conversie a webshopului tău.

How does good website navigation help improve conversion in e-commerce?

Oferirea unei experiențe pozitive pentru utilizatori (UX) este la fel de importantă pentru un comerciant de e-commerce ca și pentru o afacere offline. Asta înseamnă că trebuie să fie ușor pentru clienți să se descurce pe site-ul tău. Din momentul în care ajung pe site-ul tău, trebuie să vadă o prezentare clară a celor mai importante informații, astfel încât să poată găsi rapid ceea ce caută. De aceea, este important să oferi meniuri practice și ușor de utilizat în webshopul tău. Permițând clienților tăi să găsească intuitiv tot conținutul și funcțiile de care au nevoie, crești șansele de a face o vânzare.

În contrast, dacă site-ul tău este confuz sau dificil de navigat, clienții sunt predispuși să plece și să își ia afacerile în altă parte. Aceasta crește rata de abandon și scade conversia. Mai jos, îți vom arăta cum să creezi o UX mai bună cu meniuri derulante și alte opțiuni de navigare, astfel încât să poți optimiza rata de conversie a webshopului tău.

How does good website navigation help improve conversion in e-commerce?

Oferirea unei experiențe pozitive pentru utilizatori (UX) este la fel de importantă pentru un comerciant de e-commerce ca și pentru o afacere offline. Asta înseamnă că trebuie să fie ușor pentru clienți să se descurce pe site-ul tău. Din momentul în care ajung pe site-ul tău, trebuie să vadă o prezentare clară a celor mai importante informații, astfel încât să poată găsi rapid ceea ce caută. De aceea, este important să oferi meniuri practice și ușor de utilizat în webshopul tău. Permițând clienților tăi să găsească intuitiv tot conținutul și funcțiile de care au nevoie, crești șansele de a face o vânzare.

În contrast, dacă site-ul tău este confuz sau dificil de navigat, clienții sunt predispuși să plece și să își ia afacerile în altă parte. Aceasta crește rata de abandon și scade conversia. Mai jos, îți vom arăta cum să creezi o UX mai bună cu meniuri derulante și alte opțiuni de navigare, astfel încât să poți optimiza rata de conversie a webshopului tău.

How does good website navigation help improve conversion in e-commerce?

Oferirea unei experiențe pozitive pentru utilizatori (UX) este la fel de importantă pentru un comerciant de e-commerce ca și pentru o afacere offline. Asta înseamnă că trebuie să fie ușor pentru clienți să se descurce pe site-ul tău. Din momentul în care ajung pe site-ul tău, trebuie să vadă o prezentare clară a celor mai importante informații, astfel încât să poată găsi rapid ceea ce caută. De aceea, este important să oferi meniuri practice și ușor de utilizat în webshopul tău. Permițând clienților tăi să găsească intuitiv tot conținutul și funcțiile de care au nevoie, crești șansele de a face o vânzare.

În contrast, dacă site-ul tău este confuz sau dificil de navigat, clienții sunt predispuși să plece și să își ia afacerile în altă parte. Aceasta crește rata de abandon și scade conversia. Mai jos, îți vom arăta cum să creezi o UX mai bună cu meniuri derulante și alte opțiuni de navigare, astfel încât să poți optimiza rata de conversie a webshopului tău.

Alegerea tipului potrivit de meniu principal: Care sunt opțiunile tale?

Când construiești un site web pentru afacerea ta de comerț electronic, una dintre primele decizii pe care trebuie să le iei este dacă să afișezi meniul principal al site-ului tău vertical sau orizontal.

  • Un meniu vertical se desfășoară de-a lungul părții stângi a paginii, de sus în jos.

  • Un meniu orizontal se desfășoară de-a lungul părții de sus a paginii, din stânga în dreapta.

Cu un meniu orizontal, spațiul este limitat de lățimea ecranului. De aceea, acesta conține adesea doar cuvinte cheie scurte. În schimb, poți face un meniu vertical cât de cuprinzător dorești. Ține doar minte: cel mai bine este să limitezi meniul principal la cele mai importante categorii pentru a menține lucrurile clare pentru clienții tăi. 

Mai jos, descriem câteva tipuri comune de design pentru meniul principal. Cele mai multe dintre acestea pot fi aranjate fie vertical, fie orizontal pe ecran.

Navigare statică

Choosing the right main menu type - static menu

Cu navigarea statică (cunoscută și sub numele de 'antet fix' sau 'meniu aderenț'), meniul principal este vizibil permanent. Asta înseamnă că rămâne pe ecran, chiar și atunci când utilizatorul derulează în jos pe pagină. Avantajul este că utilizatorul nu trebuie să deruleze înapoi până în partea de sus a paginii atunci când dorește să navigheze la un alt element de meniu. Dacă dorești să folosești un antet fix, asigură-te că nu ocupă prea mult spațiu. Altfel, s-ar putea să ascundă alte conținuturi utile pe ecran pe măsură ce utilizatorul derulează în jos.

Navigare interactivă

Navigarea interactivă nu este, în general, o opțiune foarte bună pentru magazinele online. Cu acest tip de navigare, nu există linkuri care să direcționeze utilizatorii de la A la B. În schimb, navigarea pe site este văzută ca parte a experienței. Elementele interactive transformă experiența de navigare într-un joc, ghidând jucăuș utilizatorul de la o secțiune sau subdomeniu la următorul, până când au văzut tot conținutul.

Meniu tip hamburger

Choosing the right main menu type - Hamburger menu

Meniul tip hamburger (sau burger) este, de asemenea, cunoscut sub numele de meniu de comutare sau meniu off-canvas. A fost dezvoltat special ca răspuns la creșterea rapidă a utilizării smartphone-urilor. Un meniu tip hamburger este ușor de recunoscut prin butonul cu trei linii paralele orizontale, care apare de obicei în colțul din dreapta sus sau din stânga sus al unui site web. Aceste linii se aseamănă vag cu un hamburger, ceea ce este motivul pentru care acest meniu a primit acest nume. 

Dacă site-ul tău folosește un meniu tip hamburger, utilizatorii vor vedea inițial doar conținutul site-ului și butonul meniului tip hamburger. Când utilizatorul apasă pe buton, meniul principal va apărea pe tot ecranul lor, prezentându-le toate opțiunile pentru a naviga pe site-ul tău. 

Acest tip de meniu este, de asemenea, din ce în ce mai comun pe site-urile de birou, dar asta înseamnă că utilizatorii trebuie să facă clic pe un buton suplimentar doar pentru a vedea meniul. De aceea, meniul tip hamburger este recomandat în principal doar pentru versiunea mobilă a site-ului tău.

Meniuri drop-down

Choosing the right main menu type - Drop-down menus

Cel mai comun tip de meniu pe site-urile de comerț electronic sunt meniurile responsive drop-down. Acestea arată mai întâi un meniu principal care listează doar categoriile principale. Când utilizatorul face clic pe un element de meniu sau plasează cursorul deasupra acestuia, lista se extinde pentru a arăta subcategorii suplimentare. Poți adăuga atâtea straturi de subcategorii drop-down câte dorești. Cu toate acestea, este mai bine să nu ai mai mult de două. Dacă gama ta de produse este atât de vastă încât ai nevoie de mai mult de două niveluri drop-down, ai un mega meniu (vezi mai jos).

Un meniu drop-down orizontal este uneori numit, de asemenea, meniu pull-down. Un meniu drop-down vertical este uneori denumit fly-out. Ambele tipuri de meniuri extensibile asigură o uzabilitate ridicată pentru clienții tăi. Dacă alegi să folosești un meniu drop-down, gândește-te mai întâi la modul în care vrei să structurezi conținutul site-ului tău. Altfel, meniul poate deveni rapid dezordonat și greu de folosit.

Când construiești un site web pentru afacerea ta de comerț electronic, una dintre primele decizii pe care trebuie să le iei este dacă să afișezi meniul principal al site-ului tău vertical sau orizontal.

  • Un meniu vertical se desfășoară de-a lungul părții stângi a paginii, de sus în jos.

  • Un meniu orizontal se desfășoară de-a lungul părții de sus a paginii, din stânga în dreapta.

Cu un meniu orizontal, spațiul este limitat de lățimea ecranului. De aceea, acesta conține adesea doar cuvinte cheie scurte. În schimb, poți face un meniu vertical cât de cuprinzător dorești. Ține doar minte: cel mai bine este să limitezi meniul principal la cele mai importante categorii pentru a menține lucrurile clare pentru clienții tăi. 

Mai jos, descriem câteva tipuri comune de design pentru meniul principal. Cele mai multe dintre acestea pot fi aranjate fie vertical, fie orizontal pe ecran.

Navigare statică

Choosing the right main menu type - static menu

Cu navigarea statică (cunoscută și sub numele de 'antet fix' sau 'meniu aderenț'), meniul principal este vizibil permanent. Asta înseamnă că rămâne pe ecran, chiar și atunci când utilizatorul derulează în jos pe pagină. Avantajul este că utilizatorul nu trebuie să deruleze înapoi până în partea de sus a paginii atunci când dorește să navigheze la un alt element de meniu. Dacă dorești să folosești un antet fix, asigură-te că nu ocupă prea mult spațiu. Altfel, s-ar putea să ascundă alte conținuturi utile pe ecran pe măsură ce utilizatorul derulează în jos.

Navigare interactivă

Navigarea interactivă nu este, în general, o opțiune foarte bună pentru magazinele online. Cu acest tip de navigare, nu există linkuri care să direcționeze utilizatorii de la A la B. În schimb, navigarea pe site este văzută ca parte a experienței. Elementele interactive transformă experiența de navigare într-un joc, ghidând jucăuș utilizatorul de la o secțiune sau subdomeniu la următorul, până când au văzut tot conținutul.

Meniu tip hamburger

Choosing the right main menu type - Hamburger menu

Meniul tip hamburger (sau burger) este, de asemenea, cunoscut sub numele de meniu de comutare sau meniu off-canvas. A fost dezvoltat special ca răspuns la creșterea rapidă a utilizării smartphone-urilor. Un meniu tip hamburger este ușor de recunoscut prin butonul cu trei linii paralele orizontale, care apare de obicei în colțul din dreapta sus sau din stânga sus al unui site web. Aceste linii se aseamănă vag cu un hamburger, ceea ce este motivul pentru care acest meniu a primit acest nume. 

Dacă site-ul tău folosește un meniu tip hamburger, utilizatorii vor vedea inițial doar conținutul site-ului și butonul meniului tip hamburger. Când utilizatorul apasă pe buton, meniul principal va apărea pe tot ecranul lor, prezentându-le toate opțiunile pentru a naviga pe site-ul tău. 

Acest tip de meniu este, de asemenea, din ce în ce mai comun pe site-urile de birou, dar asta înseamnă că utilizatorii trebuie să facă clic pe un buton suplimentar doar pentru a vedea meniul. De aceea, meniul tip hamburger este recomandat în principal doar pentru versiunea mobilă a site-ului tău.

Meniuri drop-down

Choosing the right main menu type - Drop-down menus

Cel mai comun tip de meniu pe site-urile de comerț electronic sunt meniurile responsive drop-down. Acestea arată mai întâi un meniu principal care listează doar categoriile principale. Când utilizatorul face clic pe un element de meniu sau plasează cursorul deasupra acestuia, lista se extinde pentru a arăta subcategorii suplimentare. Poți adăuga atâtea straturi de subcategorii drop-down câte dorești. Cu toate acestea, este mai bine să nu ai mai mult de două. Dacă gama ta de produse este atât de vastă încât ai nevoie de mai mult de două niveluri drop-down, ai un mega meniu (vezi mai jos).

Un meniu drop-down orizontal este uneori numit, de asemenea, meniu pull-down. Un meniu drop-down vertical este uneori denumit fly-out. Ambele tipuri de meniuri extensibile asigură o uzabilitate ridicată pentru clienții tăi. Dacă alegi să folosești un meniu drop-down, gândește-te mai întâi la modul în care vrei să structurezi conținutul site-ului tău. Altfel, meniul poate deveni rapid dezordonat și greu de folosit.

Când construiești un site web pentru afacerea ta de comerț electronic, una dintre primele decizii pe care trebuie să le iei este dacă să afișezi meniul principal al site-ului tău vertical sau orizontal.

  • Un meniu vertical se desfășoară de-a lungul părții stângi a paginii, de sus în jos.

  • Un meniu orizontal se desfășoară de-a lungul părții de sus a paginii, din stânga în dreapta.

Cu un meniu orizontal, spațiul este limitat de lățimea ecranului. De aceea, acesta conține adesea doar cuvinte cheie scurte. În schimb, poți face un meniu vertical cât de cuprinzător dorești. Ține doar minte: cel mai bine este să limitezi meniul principal la cele mai importante categorii pentru a menține lucrurile clare pentru clienții tăi. 

Mai jos, descriem câteva tipuri comune de design pentru meniul principal. Cele mai multe dintre acestea pot fi aranjate fie vertical, fie orizontal pe ecran.

Navigare statică

Choosing the right main menu type - static menu

Cu navigarea statică (cunoscută și sub numele de 'antet fix' sau 'meniu aderenț'), meniul principal este vizibil permanent. Asta înseamnă că rămâne pe ecran, chiar și atunci când utilizatorul derulează în jos pe pagină. Avantajul este că utilizatorul nu trebuie să deruleze înapoi până în partea de sus a paginii atunci când dorește să navigheze la un alt element de meniu. Dacă dorești să folosești un antet fix, asigură-te că nu ocupă prea mult spațiu. Altfel, s-ar putea să ascundă alte conținuturi utile pe ecran pe măsură ce utilizatorul derulează în jos.

Navigare interactivă

Navigarea interactivă nu este, în general, o opțiune foarte bună pentru magazinele online. Cu acest tip de navigare, nu există linkuri care să direcționeze utilizatorii de la A la B. În schimb, navigarea pe site este văzută ca parte a experienței. Elementele interactive transformă experiența de navigare într-un joc, ghidând jucăuș utilizatorul de la o secțiune sau subdomeniu la următorul, până când au văzut tot conținutul.

Meniu tip hamburger

Choosing the right main menu type - Hamburger menu

Meniul tip hamburger (sau burger) este, de asemenea, cunoscut sub numele de meniu de comutare sau meniu off-canvas. A fost dezvoltat special ca răspuns la creșterea rapidă a utilizării smartphone-urilor. Un meniu tip hamburger este ușor de recunoscut prin butonul cu trei linii paralele orizontale, care apare de obicei în colțul din dreapta sus sau din stânga sus al unui site web. Aceste linii se aseamănă vag cu un hamburger, ceea ce este motivul pentru care acest meniu a primit acest nume. 

Dacă site-ul tău folosește un meniu tip hamburger, utilizatorii vor vedea inițial doar conținutul site-ului și butonul meniului tip hamburger. Când utilizatorul apasă pe buton, meniul principal va apărea pe tot ecranul lor, prezentându-le toate opțiunile pentru a naviga pe site-ul tău. 

Acest tip de meniu este, de asemenea, din ce în ce mai comun pe site-urile de birou, dar asta înseamnă că utilizatorii trebuie să facă clic pe un buton suplimentar doar pentru a vedea meniul. De aceea, meniul tip hamburger este recomandat în principal doar pentru versiunea mobilă a site-ului tău.

Meniuri drop-down

Choosing the right main menu type - Drop-down menus

Cel mai comun tip de meniu pe site-urile de comerț electronic sunt meniurile responsive drop-down. Acestea arată mai întâi un meniu principal care listează doar categoriile principale. Când utilizatorul face clic pe un element de meniu sau plasează cursorul deasupra acestuia, lista se extinde pentru a arăta subcategorii suplimentare. Poți adăuga atâtea straturi de subcategorii drop-down câte dorești. Cu toate acestea, este mai bine să nu ai mai mult de două. Dacă gama ta de produse este atât de vastă încât ai nevoie de mai mult de două niveluri drop-down, ai un mega meniu (vezi mai jos).

Un meniu drop-down orizontal este uneori numit, de asemenea, meniu pull-down. Un meniu drop-down vertical este uneori denumit fly-out. Ambele tipuri de meniuri extensibile asigură o uzabilitate ridicată pentru clienții tăi. Dacă alegi să folosești un meniu drop-down, gândește-te mai întâi la modul în care vrei să structurezi conținutul site-ului tău. Altfel, meniul poate deveni rapid dezordonat și greu de folosit.

Când construiești un site web pentru afacerea ta de comerț electronic, una dintre primele decizii pe care trebuie să le iei este dacă să afișezi meniul principal al site-ului tău vertical sau orizontal.

  • Un meniu vertical se desfășoară de-a lungul părții stângi a paginii, de sus în jos.

  • Un meniu orizontal se desfășoară de-a lungul părții de sus a paginii, din stânga în dreapta.

Cu un meniu orizontal, spațiul este limitat de lățimea ecranului. De aceea, acesta conține adesea doar cuvinte cheie scurte. În schimb, poți face un meniu vertical cât de cuprinzător dorești. Ține doar minte: cel mai bine este să limitezi meniul principal la cele mai importante categorii pentru a menține lucrurile clare pentru clienții tăi. 

Mai jos, descriem câteva tipuri comune de design pentru meniul principal. Cele mai multe dintre acestea pot fi aranjate fie vertical, fie orizontal pe ecran.

Navigare statică

Choosing the right main menu type - static menu

Cu navigarea statică (cunoscută și sub numele de 'antet fix' sau 'meniu aderenț'), meniul principal este vizibil permanent. Asta înseamnă că rămâne pe ecran, chiar și atunci când utilizatorul derulează în jos pe pagină. Avantajul este că utilizatorul nu trebuie să deruleze înapoi până în partea de sus a paginii atunci când dorește să navigheze la un alt element de meniu. Dacă dorești să folosești un antet fix, asigură-te că nu ocupă prea mult spațiu. Altfel, s-ar putea să ascundă alte conținuturi utile pe ecran pe măsură ce utilizatorul derulează în jos.

Navigare interactivă

Navigarea interactivă nu este, în general, o opțiune foarte bună pentru magazinele online. Cu acest tip de navigare, nu există linkuri care să direcționeze utilizatorii de la A la B. În schimb, navigarea pe site este văzută ca parte a experienței. Elementele interactive transformă experiența de navigare într-un joc, ghidând jucăuș utilizatorul de la o secțiune sau subdomeniu la următorul, până când au văzut tot conținutul.

Meniu tip hamburger

Choosing the right main menu type - Hamburger menu

Meniul tip hamburger (sau burger) este, de asemenea, cunoscut sub numele de meniu de comutare sau meniu off-canvas. A fost dezvoltat special ca răspuns la creșterea rapidă a utilizării smartphone-urilor. Un meniu tip hamburger este ușor de recunoscut prin butonul cu trei linii paralele orizontale, care apare de obicei în colțul din dreapta sus sau din stânga sus al unui site web. Aceste linii se aseamănă vag cu un hamburger, ceea ce este motivul pentru care acest meniu a primit acest nume. 

Dacă site-ul tău folosește un meniu tip hamburger, utilizatorii vor vedea inițial doar conținutul site-ului și butonul meniului tip hamburger. Când utilizatorul apasă pe buton, meniul principal va apărea pe tot ecranul lor, prezentându-le toate opțiunile pentru a naviga pe site-ul tău. 

Acest tip de meniu este, de asemenea, din ce în ce mai comun pe site-urile de birou, dar asta înseamnă că utilizatorii trebuie să facă clic pe un buton suplimentar doar pentru a vedea meniul. De aceea, meniul tip hamburger este recomandat în principal doar pentru versiunea mobilă a site-ului tău.

Meniuri drop-down

Choosing the right main menu type - Drop-down menus

Cel mai comun tip de meniu pe site-urile de comerț electronic sunt meniurile responsive drop-down. Acestea arată mai întâi un meniu principal care listează doar categoriile principale. Când utilizatorul face clic pe un element de meniu sau plasează cursorul deasupra acestuia, lista se extinde pentru a arăta subcategorii suplimentare. Poți adăuga atâtea straturi de subcategorii drop-down câte dorești. Cu toate acestea, este mai bine să nu ai mai mult de două. Dacă gama ta de produse este atât de vastă încât ai nevoie de mai mult de două niveluri drop-down, ai un mega meniu (vezi mai jos).

Un meniu drop-down orizontal este uneori numit, de asemenea, meniu pull-down. Un meniu drop-down vertical este uneori denumit fly-out. Ambele tipuri de meniuri extensibile asigură o uzabilitate ridicată pentru clienții tăi. Dacă alegi să folosești un meniu drop-down, gândește-te mai întâi la modul în care vrei să structurezi conținutul site-ului tău. Altfel, meniul poate deveni rapid dezordonat și greu de folosit.

Meniuri mega derulante: Avantaje și dezavantaje

Un mega meniu poate oferi multe avantaje în ceea ce privește experiența utilizatorului, dar are și limitări. Odată din nou, este important să planifici cu atenție structura site-ului tău. La urma urmei, mega meniul tău este util doar dacă toate elementele din bara de navigare a site-ului tău sunt clare de la bun început. Așadar, înainte de a alege să folosești un mega meniu, petrece ceva timp gândindu-te la cea mai bună modalitate de a prezenta conținutul site-ului tău. Tabelul de mai jos arată principalele avantaje și dezavantaje ale mega menu-urilor.

Un mega meniu poate oferi multe avantaje în ceea ce privește experiența utilizatorului, dar are și limitări. Odată din nou, este important să planifici cu atenție structura site-ului tău. La urma urmei, mega meniul tău este util doar dacă toate elementele din bara de navigare a site-ului tău sunt clare de la bun început. Așadar, înainte de a alege să folosești un mega meniu, petrece ceva timp gândindu-te la cea mai bună modalitate de a prezenta conținutul site-ului tău. Tabelul de mai jos arată principalele avantaje și dezavantaje ale mega menu-urilor.

Un mega meniu poate oferi multe avantaje în ceea ce privește experiența utilizatorului, dar are și limitări. Odată din nou, este important să planifici cu atenție structura site-ului tău. La urma urmei, mega meniul tău este util doar dacă toate elementele din bara de navigare a site-ului tău sunt clare de la bun început. Așadar, înainte de a alege să folosești un mega meniu, petrece ceva timp gândindu-te la cea mai bună modalitate de a prezenta conținutul site-ului tău. Tabelul de mai jos arată principalele avantaje și dezavantaje ale mega menu-urilor.

Un mega meniu poate oferi multe avantaje în ceea ce privește experiența utilizatorului, dar are și limitări. Odată din nou, este important să planifici cu atenție structura site-ului tău. La urma urmei, mega meniul tău este util doar dacă toate elementele din bara de navigare a site-ului tău sunt clare de la bun început. Așadar, înainte de a alege să folosești un mega meniu, petrece ceva timp gândindu-te la cea mai bună modalitate de a prezenta conținutul site-ului tău. Tabelul de mai jos arată principalele avantaje și dezavantaje ale mega menu-urilor.

Web design: 8 sfaturi pentru a face meniurile derulante prietenoase cu utilizatorul

Mai jos sunt câteva sfaturi despre opțiunile de navigare a site-ului pe care le poți folosi pentru a îmbunătăți rata ta de conversie. Sfaturile noastre de utilizabilitate te vor ajuta să faci meniul tău principal—și întregul tău webshop—mai prietenos pentru utilizatori.

Sfat #1: Planifică în avans navigarea pe pagina principală

înainte de a alege elementele din meniu, este important să planifici fiecare funcție și parte de conținut de pe site-ul tău. De obicei, poți împărți funcțiile și conținutul în categorii principale și subcategorii. Asigură-te că oferi nume clare și concise fiecărei categorii. Utilizatorii, în general, trec doar în revistă elementele din meniu, așa că este important să le poată distinge ușor și să înțeleagă imediat ce reprezintă.

Sfat #2: Pune elementele cele mai relevante mai întâi

Elementele din meniu care sunt cele mai interesante pentru utilizatorii tăi ar trebui să apară întotdeauna la începutul meniului tău principal. Dacă ești un furnizor SaaS, de exemplu, atunci este o idee bună să începi meniul cu elemente care îi conving pe vizitatori că soluția ta este cea potrivită pentru ei. Încearcă să folosești elemente din meniu precum acestea:

  • De ce noi?

  • Despre noi

  • Prețuri

Dacă operezi un webshop pentru o marcă de modă, meniul tău ar trebui să se concentreze pe produsele tale. Linkurile către alte conținuturi, cum ar fi sfaturi despre produse sau postări pe blog, ar trebui să apară spre sfârșitul meniului. În general, cele mai bune modalități de a optimiza conversia pentru afacerea ta online depind de industria în care te afli.

Sfat #3: Utilizează o structură vizuală

Web design: 8 tips for making drop-down menus user-friendly - use a visual structure

Un meniu obișnuit poate afișa doar text într-un format simplu. Meniurile mega drop-down, pe de altă parte, îți oferă opțiunea de a evidenția elemente specifice din meniu. De exemplu, poți folosi diferite:

  • Dimensiuni de text

  • Culori de text

  • Fonturi

  • Iconițe

Aceasta îți permite să adaugi mai multă structură conținutului meniului tău drop-down. Nu toate elementele trebuie să fie legate de o pagină reală; unele cuvinte pot servi pur și simplu ca titluri non-clickabile pentru diverse subcategorii clicabile.

Sfat #4: Evită includerea funcțiilor suplimentare

Nu include interacțiuni complexe în meniurile tale drop-down, cum ar fi înregistrarea pentru newsletter sau câmpurile de selecție și căutare, deoarece acestea pot fi adesea descurajante pentru utilizatori. Ultimul lucru pe care îl dorești este ca meniul tău principal să aibă un design aglomerat. În plus, elementele ca acestea apar adesea în mai multe locuri pe un site. Au un impact mai mare dacă le pui pe paginile unde se potrivesc cel mai bine.

Cu toate acestea, poate fi foarte eficient să incluzi un buton de apel la acțiune (CTA) în bara de navigare. De exemplu, adaugă un buton care le permite clienților tăi să facă o rezervare sau o achiziție cu un singur clic. Doar amintește-ți că CTA ar trebui să fie plasat lângă meniul principal și nu în meniul drop-down în sine.

Sfat #5: Alege între trecerea cu mouse-ul sau clic

Multe site-uri folosesc meniuri drop-down care se deschid imediat ce utilizatorul își mișcă mouse-ul peste elementul din meniu. Dacă te gândești să folosești această opțiune, există câteva puncte de luat în considerare:

  • Totul la o privire: Un mega meniu ar trebui să se deschidă totodată, mai degrabă decât să se deschidă treptat, câte un nivel de subcategorie de fiecare dată.

  • Moment perfect: Meniul nu ar trebui să fie excesiv de sensibil. Vrei să împiedici „clănțănirea” acestuia atunci când utilizatorul își mișcă mouse-ul prea repede peste el. În același timp, nu ar trebui să reacționeze prea încet. Recomandăm un timp de reacție de 0,1 până la 0,5 secunde pentru o utilizabilitate optimă. Este, de asemenea, o idee bună să permiți o scurtă pauză înainte de a ascunde meniul, în cazul în care utilizatorul își mișcă mouse-ul departe de meniu din greșeală. Un meniu care este prea sensibil sau imprevizibil va frustra utilizatorii tăi și îi va determina pe unii dintre ei să cedeze și să părăsească site-ul tău complet.

  • Programarea MouseOut: Atunci când meniul drop-down este activat, clienții își mută cursorul din bara de navigare în meniu. Cu excepția cazului în care site-ul tău este programat corect, va înregistra incorect un eveniment MouseOut atunci când mouse-ul părăsește bara de navigare, ceea ce va determina închiderea meniului. De aceea este important să îți configurezi meniul astfel încât meniul drop-down să dispară doar atunci când mouse-ul părăsește atât bara de navigare, cât și meniul drop-down în sine.

  • Versiunea mobilă: Trecerea cu mouse-ul nu este posibilă pe smartphone-uri sau tablete. Dacă dorești să folosești un meniu drop-down activat prin trecerea cu mouse-ul pe site-ul tău desktop, amintește-ți să folosești setări diferite pe versiunea mobilă.

Sfat #6: Respectă regula celor trei clicuri

Pe cele mai multe site-uri, navigarea ar trebui să urmeze „regula celor trei clicuri”. Asta înseamnă că utilizatorii tăi ar trebui să poată ajunge la orice informație de pe site-ul tău în maxim trei clicuri. Desigur, aceasta este doar o orientare generală. Dacă ai un site mare și foarte detaliat, numărul de clicuri nu este atât de important, atâta vreme cât site-ul este bine organizat. Ceea ce contează cel mai mult este ca clienții tăi să simtă întotdeauna că este ușor să-și găsească drumul.

Sfat #7: Folosește mai multe meniuri

Pentru site-urile cu multe informații, poate fi util să adaugi mai mult de un meniu. Poți alege un meniu drop-down cu categoriile tale de produse ca meniu principal, în timp ce folosești de asemenea un meniu separat în subsol care conține categorii secundare. Acest lucru împiedică meniul tău principal să devină prea aglomerat. Verifică tabelul de mai jos pentru a vedea cum arată aceasta.

Sfat #8: Apariția contează

Un design atractiv al meniului ar trebui să rămână la aceeași dimensiune, chiar și atunci când elementele din meniul principal conțin numere diferite de subcategorii. Dacă site-ul tău conține o funcție de căutare, asigură-te că meniurile drop-down nu o acoperă atunci când sunt extinse.

De asemenea, ar trebui să incluzi un mic indiciu vizual pentru a indica dacă un element din bara de navigare se va extinde într-un meniu drop-down dacă utilizatorul dă clic sau plutește peste acesta. De exemplu, plasează o săgeată mică lângă numele meniului: pentru meniurile drop-down, săgeata ar trebui să indice în jos; pentru meniurile fly-out, ar trebui să indice spre dreapta. Acest lucru îi ajută pe cumpărătorii tăi să știe instinctiv că se pot aștepta să găsească mai multe informații.

Mai jos sunt câteva sfaturi despre opțiunile de navigare a site-ului pe care le poți folosi pentru a îmbunătăți rata ta de conversie. Sfaturile noastre de utilizabilitate te vor ajuta să faci meniul tău principal—și întregul tău webshop—mai prietenos pentru utilizatori.

Sfat #1: Planifică în avans navigarea pe pagina principală

înainte de a alege elementele din meniu, este important să planifici fiecare funcție și parte de conținut de pe site-ul tău. De obicei, poți împărți funcțiile și conținutul în categorii principale și subcategorii. Asigură-te că oferi nume clare și concise fiecărei categorii. Utilizatorii, în general, trec doar în revistă elementele din meniu, așa că este important să le poată distinge ușor și să înțeleagă imediat ce reprezintă.

Sfat #2: Pune elementele cele mai relevante mai întâi

Elementele din meniu care sunt cele mai interesante pentru utilizatorii tăi ar trebui să apară întotdeauna la începutul meniului tău principal. Dacă ești un furnizor SaaS, de exemplu, atunci este o idee bună să începi meniul cu elemente care îi conving pe vizitatori că soluția ta este cea potrivită pentru ei. Încearcă să folosești elemente din meniu precum acestea:

  • De ce noi?

  • Despre noi

  • Prețuri

Dacă operezi un webshop pentru o marcă de modă, meniul tău ar trebui să se concentreze pe produsele tale. Linkurile către alte conținuturi, cum ar fi sfaturi despre produse sau postări pe blog, ar trebui să apară spre sfârșitul meniului. În general, cele mai bune modalități de a optimiza conversia pentru afacerea ta online depind de industria în care te afli.

Sfat #3: Utilizează o structură vizuală

Web design: 8 tips for making drop-down menus user-friendly - use a visual structure

Un meniu obișnuit poate afișa doar text într-un format simplu. Meniurile mega drop-down, pe de altă parte, îți oferă opțiunea de a evidenția elemente specifice din meniu. De exemplu, poți folosi diferite:

  • Dimensiuni de text

  • Culori de text

  • Fonturi

  • Iconițe

Aceasta îți permite să adaugi mai multă structură conținutului meniului tău drop-down. Nu toate elementele trebuie să fie legate de o pagină reală; unele cuvinte pot servi pur și simplu ca titluri non-clickabile pentru diverse subcategorii clicabile.

Sfat #4: Evită includerea funcțiilor suplimentare

Nu include interacțiuni complexe în meniurile tale drop-down, cum ar fi înregistrarea pentru newsletter sau câmpurile de selecție și căutare, deoarece acestea pot fi adesea descurajante pentru utilizatori. Ultimul lucru pe care îl dorești este ca meniul tău principal să aibă un design aglomerat. În plus, elementele ca acestea apar adesea în mai multe locuri pe un site. Au un impact mai mare dacă le pui pe paginile unde se potrivesc cel mai bine.

Cu toate acestea, poate fi foarte eficient să incluzi un buton de apel la acțiune (CTA) în bara de navigare. De exemplu, adaugă un buton care le permite clienților tăi să facă o rezervare sau o achiziție cu un singur clic. Doar amintește-ți că CTA ar trebui să fie plasat lângă meniul principal și nu în meniul drop-down în sine.

Sfat #5: Alege între trecerea cu mouse-ul sau clic

Multe site-uri folosesc meniuri drop-down care se deschid imediat ce utilizatorul își mișcă mouse-ul peste elementul din meniu. Dacă te gândești să folosești această opțiune, există câteva puncte de luat în considerare:

  • Totul la o privire: Un mega meniu ar trebui să se deschidă totodată, mai degrabă decât să se deschidă treptat, câte un nivel de subcategorie de fiecare dată.

  • Moment perfect: Meniul nu ar trebui să fie excesiv de sensibil. Vrei să împiedici „clănțănirea” acestuia atunci când utilizatorul își mișcă mouse-ul prea repede peste el. În același timp, nu ar trebui să reacționeze prea încet. Recomandăm un timp de reacție de 0,1 până la 0,5 secunde pentru o utilizabilitate optimă. Este, de asemenea, o idee bună să permiți o scurtă pauză înainte de a ascunde meniul, în cazul în care utilizatorul își mișcă mouse-ul departe de meniu din greșeală. Un meniu care este prea sensibil sau imprevizibil va frustra utilizatorii tăi și îi va determina pe unii dintre ei să cedeze și să părăsească site-ul tău complet.

  • Programarea MouseOut: Atunci când meniul drop-down este activat, clienții își mută cursorul din bara de navigare în meniu. Cu excepția cazului în care site-ul tău este programat corect, va înregistra incorect un eveniment MouseOut atunci când mouse-ul părăsește bara de navigare, ceea ce va determina închiderea meniului. De aceea este important să îți configurezi meniul astfel încât meniul drop-down să dispară doar atunci când mouse-ul părăsește atât bara de navigare, cât și meniul drop-down în sine.

  • Versiunea mobilă: Trecerea cu mouse-ul nu este posibilă pe smartphone-uri sau tablete. Dacă dorești să folosești un meniu drop-down activat prin trecerea cu mouse-ul pe site-ul tău desktop, amintește-ți să folosești setări diferite pe versiunea mobilă.

Sfat #6: Respectă regula celor trei clicuri

Pe cele mai multe site-uri, navigarea ar trebui să urmeze „regula celor trei clicuri”. Asta înseamnă că utilizatorii tăi ar trebui să poată ajunge la orice informație de pe site-ul tău în maxim trei clicuri. Desigur, aceasta este doar o orientare generală. Dacă ai un site mare și foarte detaliat, numărul de clicuri nu este atât de important, atâta vreme cât site-ul este bine organizat. Ceea ce contează cel mai mult este ca clienții tăi să simtă întotdeauna că este ușor să-și găsească drumul.

Sfat #7: Folosește mai multe meniuri

Pentru site-urile cu multe informații, poate fi util să adaugi mai mult de un meniu. Poți alege un meniu drop-down cu categoriile tale de produse ca meniu principal, în timp ce folosești de asemenea un meniu separat în subsol care conține categorii secundare. Acest lucru împiedică meniul tău principal să devină prea aglomerat. Verifică tabelul de mai jos pentru a vedea cum arată aceasta.

Sfat #8: Apariția contează

Un design atractiv al meniului ar trebui să rămână la aceeași dimensiune, chiar și atunci când elementele din meniul principal conțin numere diferite de subcategorii. Dacă site-ul tău conține o funcție de căutare, asigură-te că meniurile drop-down nu o acoperă atunci când sunt extinse.

De asemenea, ar trebui să incluzi un mic indiciu vizual pentru a indica dacă un element din bara de navigare se va extinde într-un meniu drop-down dacă utilizatorul dă clic sau plutește peste acesta. De exemplu, plasează o săgeată mică lângă numele meniului: pentru meniurile drop-down, săgeata ar trebui să indice în jos; pentru meniurile fly-out, ar trebui să indice spre dreapta. Acest lucru îi ajută pe cumpărătorii tăi să știe instinctiv că se pot aștepta să găsească mai multe informații.

Mai jos sunt câteva sfaturi despre opțiunile de navigare a site-ului pe care le poți folosi pentru a îmbunătăți rata ta de conversie. Sfaturile noastre de utilizabilitate te vor ajuta să faci meniul tău principal—și întregul tău webshop—mai prietenos pentru utilizatori.

Sfat #1: Planifică în avans navigarea pe pagina principală

înainte de a alege elementele din meniu, este important să planifici fiecare funcție și parte de conținut de pe site-ul tău. De obicei, poți împărți funcțiile și conținutul în categorii principale și subcategorii. Asigură-te că oferi nume clare și concise fiecărei categorii. Utilizatorii, în general, trec doar în revistă elementele din meniu, așa că este important să le poată distinge ușor și să înțeleagă imediat ce reprezintă.

Sfat #2: Pune elementele cele mai relevante mai întâi

Elementele din meniu care sunt cele mai interesante pentru utilizatorii tăi ar trebui să apară întotdeauna la începutul meniului tău principal. Dacă ești un furnizor SaaS, de exemplu, atunci este o idee bună să începi meniul cu elemente care îi conving pe vizitatori că soluția ta este cea potrivită pentru ei. Încearcă să folosești elemente din meniu precum acestea:

  • De ce noi?

  • Despre noi

  • Prețuri

Dacă operezi un webshop pentru o marcă de modă, meniul tău ar trebui să se concentreze pe produsele tale. Linkurile către alte conținuturi, cum ar fi sfaturi despre produse sau postări pe blog, ar trebui să apară spre sfârșitul meniului. În general, cele mai bune modalități de a optimiza conversia pentru afacerea ta online depind de industria în care te afli.

Sfat #3: Utilizează o structură vizuală

Web design: 8 tips for making drop-down menus user-friendly - use a visual structure

Un meniu obișnuit poate afișa doar text într-un format simplu. Meniurile mega drop-down, pe de altă parte, îți oferă opțiunea de a evidenția elemente specifice din meniu. De exemplu, poți folosi diferite:

  • Dimensiuni de text

  • Culori de text

  • Fonturi

  • Iconițe

Aceasta îți permite să adaugi mai multă structură conținutului meniului tău drop-down. Nu toate elementele trebuie să fie legate de o pagină reală; unele cuvinte pot servi pur și simplu ca titluri non-clickabile pentru diverse subcategorii clicabile.

Sfat #4: Evită includerea funcțiilor suplimentare

Nu include interacțiuni complexe în meniurile tale drop-down, cum ar fi înregistrarea pentru newsletter sau câmpurile de selecție și căutare, deoarece acestea pot fi adesea descurajante pentru utilizatori. Ultimul lucru pe care îl dorești este ca meniul tău principal să aibă un design aglomerat. În plus, elementele ca acestea apar adesea în mai multe locuri pe un site. Au un impact mai mare dacă le pui pe paginile unde se potrivesc cel mai bine.

Cu toate acestea, poate fi foarte eficient să incluzi un buton de apel la acțiune (CTA) în bara de navigare. De exemplu, adaugă un buton care le permite clienților tăi să facă o rezervare sau o achiziție cu un singur clic. Doar amintește-ți că CTA ar trebui să fie plasat lângă meniul principal și nu în meniul drop-down în sine.

Sfat #5: Alege între trecerea cu mouse-ul sau clic

Multe site-uri folosesc meniuri drop-down care se deschid imediat ce utilizatorul își mișcă mouse-ul peste elementul din meniu. Dacă te gândești să folosești această opțiune, există câteva puncte de luat în considerare:

  • Totul la o privire: Un mega meniu ar trebui să se deschidă totodată, mai degrabă decât să se deschidă treptat, câte un nivel de subcategorie de fiecare dată.

  • Moment perfect: Meniul nu ar trebui să fie excesiv de sensibil. Vrei să împiedici „clănțănirea” acestuia atunci când utilizatorul își mișcă mouse-ul prea repede peste el. În același timp, nu ar trebui să reacționeze prea încet. Recomandăm un timp de reacție de 0,1 până la 0,5 secunde pentru o utilizabilitate optimă. Este, de asemenea, o idee bună să permiți o scurtă pauză înainte de a ascunde meniul, în cazul în care utilizatorul își mișcă mouse-ul departe de meniu din greșeală. Un meniu care este prea sensibil sau imprevizibil va frustra utilizatorii tăi și îi va determina pe unii dintre ei să cedeze și să părăsească site-ul tău complet.

  • Programarea MouseOut: Atunci când meniul drop-down este activat, clienții își mută cursorul din bara de navigare în meniu. Cu excepția cazului în care site-ul tău este programat corect, va înregistra incorect un eveniment MouseOut atunci când mouse-ul părăsește bara de navigare, ceea ce va determina închiderea meniului. De aceea este important să îți configurezi meniul astfel încât meniul drop-down să dispară doar atunci când mouse-ul părăsește atât bara de navigare, cât și meniul drop-down în sine.

  • Versiunea mobilă: Trecerea cu mouse-ul nu este posibilă pe smartphone-uri sau tablete. Dacă dorești să folosești un meniu drop-down activat prin trecerea cu mouse-ul pe site-ul tău desktop, amintește-ți să folosești setări diferite pe versiunea mobilă.

Sfat #6: Respectă regula celor trei clicuri

Pe cele mai multe site-uri, navigarea ar trebui să urmeze „regula celor trei clicuri”. Asta înseamnă că utilizatorii tăi ar trebui să poată ajunge la orice informație de pe site-ul tău în maxim trei clicuri. Desigur, aceasta este doar o orientare generală. Dacă ai un site mare și foarte detaliat, numărul de clicuri nu este atât de important, atâta vreme cât site-ul este bine organizat. Ceea ce contează cel mai mult este ca clienții tăi să simtă întotdeauna că este ușor să-și găsească drumul.

Sfat #7: Folosește mai multe meniuri

Pentru site-urile cu multe informații, poate fi util să adaugi mai mult de un meniu. Poți alege un meniu drop-down cu categoriile tale de produse ca meniu principal, în timp ce folosești de asemenea un meniu separat în subsol care conține categorii secundare. Acest lucru împiedică meniul tău principal să devină prea aglomerat. Verifică tabelul de mai jos pentru a vedea cum arată aceasta.

Sfat #8: Apariția contează

Un design atractiv al meniului ar trebui să rămână la aceeași dimensiune, chiar și atunci când elementele din meniul principal conțin numere diferite de subcategorii. Dacă site-ul tău conține o funcție de căutare, asigură-te că meniurile drop-down nu o acoperă atunci când sunt extinse.

De asemenea, ar trebui să incluzi un mic indiciu vizual pentru a indica dacă un element din bara de navigare se va extinde într-un meniu drop-down dacă utilizatorul dă clic sau plutește peste acesta. De exemplu, plasează o săgeată mică lângă numele meniului: pentru meniurile drop-down, săgeata ar trebui să indice în jos; pentru meniurile fly-out, ar trebui să indice spre dreapta. Acest lucru îi ajută pe cumpărătorii tăi să știe instinctiv că se pot aștepta să găsească mai multe informații.

Mai jos sunt câteva sfaturi despre opțiunile de navigare a site-ului pe care le poți folosi pentru a îmbunătăți rata ta de conversie. Sfaturile noastre de utilizabilitate te vor ajuta să faci meniul tău principal—și întregul tău webshop—mai prietenos pentru utilizatori.

Sfat #1: Planifică în avans navigarea pe pagina principală

înainte de a alege elementele din meniu, este important să planifici fiecare funcție și parte de conținut de pe site-ul tău. De obicei, poți împărți funcțiile și conținutul în categorii principale și subcategorii. Asigură-te că oferi nume clare și concise fiecărei categorii. Utilizatorii, în general, trec doar în revistă elementele din meniu, așa că este important să le poată distinge ușor și să înțeleagă imediat ce reprezintă.

Sfat #2: Pune elementele cele mai relevante mai întâi

Elementele din meniu care sunt cele mai interesante pentru utilizatorii tăi ar trebui să apară întotdeauna la începutul meniului tău principal. Dacă ești un furnizor SaaS, de exemplu, atunci este o idee bună să începi meniul cu elemente care îi conving pe vizitatori că soluția ta este cea potrivită pentru ei. Încearcă să folosești elemente din meniu precum acestea:

  • De ce noi?

  • Despre noi

  • Prețuri

Dacă operezi un webshop pentru o marcă de modă, meniul tău ar trebui să se concentreze pe produsele tale. Linkurile către alte conținuturi, cum ar fi sfaturi despre produse sau postări pe blog, ar trebui să apară spre sfârșitul meniului. În general, cele mai bune modalități de a optimiza conversia pentru afacerea ta online depind de industria în care te afli.

Sfat #3: Utilizează o structură vizuală

Web design: 8 tips for making drop-down menus user-friendly - use a visual structure

Un meniu obișnuit poate afișa doar text într-un format simplu. Meniurile mega drop-down, pe de altă parte, îți oferă opțiunea de a evidenția elemente specifice din meniu. De exemplu, poți folosi diferite:

  • Dimensiuni de text

  • Culori de text

  • Fonturi

  • Iconițe

Aceasta îți permite să adaugi mai multă structură conținutului meniului tău drop-down. Nu toate elementele trebuie să fie legate de o pagină reală; unele cuvinte pot servi pur și simplu ca titluri non-clickabile pentru diverse subcategorii clicabile.

Sfat #4: Evită includerea funcțiilor suplimentare

Nu include interacțiuni complexe în meniurile tale drop-down, cum ar fi înregistrarea pentru newsletter sau câmpurile de selecție și căutare, deoarece acestea pot fi adesea descurajante pentru utilizatori. Ultimul lucru pe care îl dorești este ca meniul tău principal să aibă un design aglomerat. În plus, elementele ca acestea apar adesea în mai multe locuri pe un site. Au un impact mai mare dacă le pui pe paginile unde se potrivesc cel mai bine.

Cu toate acestea, poate fi foarte eficient să incluzi un buton de apel la acțiune (CTA) în bara de navigare. De exemplu, adaugă un buton care le permite clienților tăi să facă o rezervare sau o achiziție cu un singur clic. Doar amintește-ți că CTA ar trebui să fie plasat lângă meniul principal și nu în meniul drop-down în sine.

Sfat #5: Alege între trecerea cu mouse-ul sau clic

Multe site-uri folosesc meniuri drop-down care se deschid imediat ce utilizatorul își mișcă mouse-ul peste elementul din meniu. Dacă te gândești să folosești această opțiune, există câteva puncte de luat în considerare:

  • Totul la o privire: Un mega meniu ar trebui să se deschidă totodată, mai degrabă decât să se deschidă treptat, câte un nivel de subcategorie de fiecare dată.

  • Moment perfect: Meniul nu ar trebui să fie excesiv de sensibil. Vrei să împiedici „clănțănirea” acestuia atunci când utilizatorul își mișcă mouse-ul prea repede peste el. În același timp, nu ar trebui să reacționeze prea încet. Recomandăm un timp de reacție de 0,1 până la 0,5 secunde pentru o utilizabilitate optimă. Este, de asemenea, o idee bună să permiți o scurtă pauză înainte de a ascunde meniul, în cazul în care utilizatorul își mișcă mouse-ul departe de meniu din greșeală. Un meniu care este prea sensibil sau imprevizibil va frustra utilizatorii tăi și îi va determina pe unii dintre ei să cedeze și să părăsească site-ul tău complet.

  • Programarea MouseOut: Atunci când meniul drop-down este activat, clienții își mută cursorul din bara de navigare în meniu. Cu excepția cazului în care site-ul tău este programat corect, va înregistra incorect un eveniment MouseOut atunci când mouse-ul părăsește bara de navigare, ceea ce va determina închiderea meniului. De aceea este important să îți configurezi meniul astfel încât meniul drop-down să dispară doar atunci când mouse-ul părăsește atât bara de navigare, cât și meniul drop-down în sine.

  • Versiunea mobilă: Trecerea cu mouse-ul nu este posibilă pe smartphone-uri sau tablete. Dacă dorești să folosești un meniu drop-down activat prin trecerea cu mouse-ul pe site-ul tău desktop, amintește-ți să folosești setări diferite pe versiunea mobilă.

Sfat #6: Respectă regula celor trei clicuri

Pe cele mai multe site-uri, navigarea ar trebui să urmeze „regula celor trei clicuri”. Asta înseamnă că utilizatorii tăi ar trebui să poată ajunge la orice informație de pe site-ul tău în maxim trei clicuri. Desigur, aceasta este doar o orientare generală. Dacă ai un site mare și foarte detaliat, numărul de clicuri nu este atât de important, atâta vreme cât site-ul este bine organizat. Ceea ce contează cel mai mult este ca clienții tăi să simtă întotdeauna că este ușor să-și găsească drumul.

Sfat #7: Folosește mai multe meniuri

Pentru site-urile cu multe informații, poate fi util să adaugi mai mult de un meniu. Poți alege un meniu drop-down cu categoriile tale de produse ca meniu principal, în timp ce folosești de asemenea un meniu separat în subsol care conține categorii secundare. Acest lucru împiedică meniul tău principal să devină prea aglomerat. Verifică tabelul de mai jos pentru a vedea cum arată aceasta.

Sfat #8: Apariția contează

Un design atractiv al meniului ar trebui să rămână la aceeași dimensiune, chiar și atunci când elementele din meniul principal conțin numere diferite de subcategorii. Dacă site-ul tău conține o funcție de căutare, asigură-te că meniurile drop-down nu o acoperă atunci când sunt extinse.

De asemenea, ar trebui să incluzi un mic indiciu vizual pentru a indica dacă un element din bara de navigare se va extinde într-un meniu drop-down dacă utilizatorul dă clic sau plutește peste acesta. De exemplu, plasează o săgeată mică lângă numele meniului: pentru meniurile drop-down, săgeata ar trebui să indice în jos; pentru meniurile fly-out, ar trebui să indice spre dreapta. Acest lucru îi ajută pe cumpărătorii tăi să știe instinctiv că se pot aștepta să găsească mai multe informații.

Comerț mobil: Facerea magazinului tău online ușor de navigat pe un smartphone

Clienții folosesc din ce în ce mai mult smartphone-urile pentru a comanda bunuri online. Aceasta înseamnă că este important să ai în vedere cumpărătorii pe mobil atunci când alegi opțiunile de meniu pentru magazinul tău online. Nu mai este considerat o idee bună să ascunzi anumite articole de meniu în versiunea ta mobilă. La urma urmei, nu se așteaptă utilizatorii mobili să aibă acces la aceleași informații ca utilizatorii de desktop? Să ne uităm la câteva opțiuni prietenoase cu utilizatorii pentru a face mai ușor să navighezi pe site-ul tău pe un dispozitiv mobil.

Abordarea „fără acțiune”

Cel mai simplu mod de a proiecta navigarea site-ului tău mobil este să o faci practic identică cu site-ul tău de desktop. Va trebui să faci doar câteva ajustări minore pentru a facilita utilizatorilor apăsarea articolelor de meniu folosind ecranele tactile. De exemplu:

  • Crește spațiul dintre elementele individuale de navigare. 

  • Alege o dimensiune potrivită a textului. 

Cu toate acestea, această abordare funcționează cu adevărat doar pentru site-uri web care au meniuri scurte și puține articole de navigat. Pentru site-uri mai mari, un design de navigare mobilă cu mai multe straturi este o opțiune mai prietenoasă cu utilizatorii.

Meniuri drop-down

Meniurile drop-down îți permit să oferi toate aceleași opțiuni ca site-ul tău de desktop într-un format mai potrivit pentru cumpărăturile mobile. Când utilizatorul apasă pe un articol de meniu, opțiunile lor de navigare se extind deasupra conținutului. De aceea, acest tip de meniu pentru site-uri web mobile este cunoscut și sub numele de meniu suprapus.

Meniuri slide-down

Pentru site-uri mobile, meniurile slide-down sunt un tip de meniu mai convenabil decât meniurile drop-down. Când un meniu slide-down se deschide, nu acoperă conținutul paginii, ci îl deplasează în jos. Acest lucru permite clientului să deruleze în continuare și să vadă conținutul dacă dorește, chiar și atunci când meniul este deschis. Acest tip de meniu este ușor mai greu de programat, dar este foarte popular în rândul utilizatorilor.

Navigare off-canvas

Cu această opțiune, meniul nu este integrat în structura paginii, astfel că nu ocupă spațiu pe ecran. Utilizatorul trebuie pur și simplu să apese pe butonul de meniu pentru a deschide meniul, care acoperă restul paginii. Apoi, structura de navigare a site-ului este singurul lucru de pe ecran. Aceasta este o opțiune deosebit de bună pentru site-uri cu multe subcategorii de navigat.

Clienții folosesc din ce în ce mai mult smartphone-urile pentru a comanda bunuri online. Aceasta înseamnă că este important să ai în vedere cumpărătorii pe mobil atunci când alegi opțiunile de meniu pentru magazinul tău online. Nu mai este considerat o idee bună să ascunzi anumite articole de meniu în versiunea ta mobilă. La urma urmei, nu se așteaptă utilizatorii mobili să aibă acces la aceleași informații ca utilizatorii de desktop? Să ne uităm la câteva opțiuni prietenoase cu utilizatorii pentru a face mai ușor să navighezi pe site-ul tău pe un dispozitiv mobil.

Abordarea „fără acțiune”

Cel mai simplu mod de a proiecta navigarea site-ului tău mobil este să o faci practic identică cu site-ul tău de desktop. Va trebui să faci doar câteva ajustări minore pentru a facilita utilizatorilor apăsarea articolelor de meniu folosind ecranele tactile. De exemplu:

  • Crește spațiul dintre elementele individuale de navigare. 

  • Alege o dimensiune potrivită a textului. 

Cu toate acestea, această abordare funcționează cu adevărat doar pentru site-uri web care au meniuri scurte și puține articole de navigat. Pentru site-uri mai mari, un design de navigare mobilă cu mai multe straturi este o opțiune mai prietenoasă cu utilizatorii.

Meniuri drop-down

Meniurile drop-down îți permit să oferi toate aceleași opțiuni ca site-ul tău de desktop într-un format mai potrivit pentru cumpărăturile mobile. Când utilizatorul apasă pe un articol de meniu, opțiunile lor de navigare se extind deasupra conținutului. De aceea, acest tip de meniu pentru site-uri web mobile este cunoscut și sub numele de meniu suprapus.

Meniuri slide-down

Pentru site-uri mobile, meniurile slide-down sunt un tip de meniu mai convenabil decât meniurile drop-down. Când un meniu slide-down se deschide, nu acoperă conținutul paginii, ci îl deplasează în jos. Acest lucru permite clientului să deruleze în continuare și să vadă conținutul dacă dorește, chiar și atunci când meniul este deschis. Acest tip de meniu este ușor mai greu de programat, dar este foarte popular în rândul utilizatorilor.

Navigare off-canvas

Cu această opțiune, meniul nu este integrat în structura paginii, astfel că nu ocupă spațiu pe ecran. Utilizatorul trebuie pur și simplu să apese pe butonul de meniu pentru a deschide meniul, care acoperă restul paginii. Apoi, structura de navigare a site-ului este singurul lucru de pe ecran. Aceasta este o opțiune deosebit de bună pentru site-uri cu multe subcategorii de navigat.

Clienții folosesc din ce în ce mai mult smartphone-urile pentru a comanda bunuri online. Aceasta înseamnă că este important să ai în vedere cumpărătorii pe mobil atunci când alegi opțiunile de meniu pentru magazinul tău online. Nu mai este considerat o idee bună să ascunzi anumite articole de meniu în versiunea ta mobilă. La urma urmei, nu se așteaptă utilizatorii mobili să aibă acces la aceleași informații ca utilizatorii de desktop? Să ne uităm la câteva opțiuni prietenoase cu utilizatorii pentru a face mai ușor să navighezi pe site-ul tău pe un dispozitiv mobil.

Abordarea „fără acțiune”

Cel mai simplu mod de a proiecta navigarea site-ului tău mobil este să o faci practic identică cu site-ul tău de desktop. Va trebui să faci doar câteva ajustări minore pentru a facilita utilizatorilor apăsarea articolelor de meniu folosind ecranele tactile. De exemplu:

  • Crește spațiul dintre elementele individuale de navigare. 

  • Alege o dimensiune potrivită a textului. 

Cu toate acestea, această abordare funcționează cu adevărat doar pentru site-uri web care au meniuri scurte și puține articole de navigat. Pentru site-uri mai mari, un design de navigare mobilă cu mai multe straturi este o opțiune mai prietenoasă cu utilizatorii.

Meniuri drop-down

Meniurile drop-down îți permit să oferi toate aceleași opțiuni ca site-ul tău de desktop într-un format mai potrivit pentru cumpărăturile mobile. Când utilizatorul apasă pe un articol de meniu, opțiunile lor de navigare se extind deasupra conținutului. De aceea, acest tip de meniu pentru site-uri web mobile este cunoscut și sub numele de meniu suprapus.

Meniuri slide-down

Pentru site-uri mobile, meniurile slide-down sunt un tip de meniu mai convenabil decât meniurile drop-down. Când un meniu slide-down se deschide, nu acoperă conținutul paginii, ci îl deplasează în jos. Acest lucru permite clientului să deruleze în continuare și să vadă conținutul dacă dorește, chiar și atunci când meniul este deschis. Acest tip de meniu este ușor mai greu de programat, dar este foarte popular în rândul utilizatorilor.

Navigare off-canvas

Cu această opțiune, meniul nu este integrat în structura paginii, astfel că nu ocupă spațiu pe ecran. Utilizatorul trebuie pur și simplu să apese pe butonul de meniu pentru a deschide meniul, care acoperă restul paginii. Apoi, structura de navigare a site-ului este singurul lucru de pe ecran. Aceasta este o opțiune deosebit de bună pentru site-uri cu multe subcategorii de navigat.

Clienții folosesc din ce în ce mai mult smartphone-urile pentru a comanda bunuri online. Aceasta înseamnă că este important să ai în vedere cumpărătorii pe mobil atunci când alegi opțiunile de meniu pentru magazinul tău online. Nu mai este considerat o idee bună să ascunzi anumite articole de meniu în versiunea ta mobilă. La urma urmei, nu se așteaptă utilizatorii mobili să aibă acces la aceleași informații ca utilizatorii de desktop? Să ne uităm la câteva opțiuni prietenoase cu utilizatorii pentru a face mai ușor să navighezi pe site-ul tău pe un dispozitiv mobil.

Abordarea „fără acțiune”

Cel mai simplu mod de a proiecta navigarea site-ului tău mobil este să o faci practic identică cu site-ul tău de desktop. Va trebui să faci doar câteva ajustări minore pentru a facilita utilizatorilor apăsarea articolelor de meniu folosind ecranele tactile. De exemplu:

  • Crește spațiul dintre elementele individuale de navigare. 

  • Alege o dimensiune potrivită a textului. 

Cu toate acestea, această abordare funcționează cu adevărat doar pentru site-uri web care au meniuri scurte și puține articole de navigat. Pentru site-uri mai mari, un design de navigare mobilă cu mai multe straturi este o opțiune mai prietenoasă cu utilizatorii.

Meniuri drop-down

Meniurile drop-down îți permit să oferi toate aceleași opțiuni ca site-ul tău de desktop într-un format mai potrivit pentru cumpărăturile mobile. Când utilizatorul apasă pe un articol de meniu, opțiunile lor de navigare se extind deasupra conținutului. De aceea, acest tip de meniu pentru site-uri web mobile este cunoscut și sub numele de meniu suprapus.

Meniuri slide-down

Pentru site-uri mobile, meniurile slide-down sunt un tip de meniu mai convenabil decât meniurile drop-down. Când un meniu slide-down se deschide, nu acoperă conținutul paginii, ci îl deplasează în jos. Acest lucru permite clientului să deruleze în continuare și să vadă conținutul dacă dorește, chiar și atunci când meniul este deschis. Acest tip de meniu este ușor mai greu de programat, dar este foarte popular în rândul utilizatorilor.

Navigare off-canvas

Cu această opțiune, meniul nu este integrat în structura paginii, astfel că nu ocupă spațiu pe ecran. Utilizatorul trebuie pur și simplu să apese pe butonul de meniu pentru a deschide meniul, care acoperă restul paginii. Apoi, structura de navigare a site-ului este singurul lucru de pe ecran. Aceasta este o opțiune deosebit de bună pentru site-uri cu multe subcategorii de navigat.

Concluzie: Cât de ușor este să navighezi în magazinul tău online?

Există multe opțiuni pentru a crea un meniu prietenos pentru utilizator pentru magazinul tău online. În funcție de sistemul de magazin pe care îl folosești, poți alege dintre multe designuri de navigare. Indiferent de alegerea ta, este important să începi prin a structura clar conținutul site-ului tău încă de la început. Dacă ai o gamă largă de produse, cea mai bună opțiune este să folosești meniuri derulante pentru site-ul tău de desktop și meniuri derulante pe versiunea ta mobilă. Folosește lista de verificare de mai jos pentru a te asigura că nu uiți niciunul dintre sfaturile noastre atunci când proiectezi meniul de navigare pentru site-ul tău.

Lista de verificare pentru crearea de meniuri derulante prietenoase pentru utilizatori

  1. Numele categoriilor sunt scurte și ușor de înțeles.

  2. Categoriile principale sunt aranjate în funcție de cât de relevante sunt pentru utilizator.

  3. Există un indiciu vizual (cum ar fi o săgeată mică) lângă numele meniului pentru a indica faptul că meniul se deschide.

  4. Meniul derulant se deschide în 0.1 până la 0.5 secunde atunci când utilizatorul trece cu mouse-ul peste el în bara de navigare.

  5. Meniul derulant se deschide complet de la început. Clienții nu trebuie să facă clic pe o categorie pentru a vedea subcategoriile acesteia.

  6. Indiciile vizuale, cum ar fi pictogramele și culorile diferite ale textului, sunt utilizate pentru a facilita navigarea în meniul derulant extins.

  7. Meniul nu se închide dacă utilizatorul își mută cursorul de la bara de navigare în meniul derulant extins.

  8. Meniurile derulante sunt toate de aceeași dimensiune, indiferent de câte subcategorii conțin.

  9. Nu există funcții interactive (cum ar fi înregistrarea pentru newsletter) în interiorul meniurilor derulante.

  10. Meniul derulant extins nu acoperă câmpul de căutare sau alte conținuturi importante.

  11. Funcțiile secundare sunt listate în meniuri separate (de exemplu, în subsol).

Rămâneți la curent

Nu ratați nicio actualizare. Primiți actualizări despre produse, noutăți și povești ale clienților direct în inboxul dumneavoastră.

Rămâneți la curent

Nu ratați nicio actualizare. Primiți actualizări despre produse, noutăți și povești ale clienților direct în inboxul dumneavoastră.

Conectează fiecare plată. Modernizează fiecare parte a afacerii tale.

Nu ratați nicio actualizare. Primiți actualizări despre produse, noutăți și povești ale clienților direct în inboxul dumneavoastră.

Rămâneți la curent

Nu ratați nicio actualizare. Primiți actualizări despre produse, noutăți și povești ale clienților direct în inboxul dumneavoastră.

Form fields
Form fields
Form fields

Cuprins

Cuprins

Cuprins

Cuprins

MollieCreștereMeniuri derulante: Ce tipuri de navigare îmbunătățesc rata de conversie a site-ului dumneavoastră?
MollieCreștereMeniuri derulante: Ce tipuri de navigare îmbunătățesc rata de conversie a site-ului dumneavoastră?
MollieCreștereMeniuri derulante: Ce tipuri de navigare îmbunătățesc rata de conversie a site-ului dumneavoastră?