Izvelkamās izvēlnes: Kuri navigācijas veidi uzlabo jūsu vietnes konversijas koeficientu?

Izvelkamās izvēlnes: Kuri navigācijas veidi uzlabo jūsu vietnes konversijas koeficientu?

Izvelkamās izvēlnes: Kuri navigācijas veidi uzlabo jūsu vietnes konversijas koeficientu?

Šajā rakstā mēs sniegsim jums 8 padomus, kā optimizēt jūsu e-veikala nolaižamās izvēlnes un padarīt jūsu vietni vēl draudzīgāku lietošanai.

Šajā rakstā mēs sniegsim jums 8 padomus, kā optimizēt jūsu e-veikala nolaižamās izvēlnes un padarīt jūsu vietni vēl draudzīgāku lietošanai.

2021. gada 28. apr.

Niks Knupē

Produkta mārketinga vadītājs

Grūti iedomāties e-komerciju bez nolaižamajām izvēlnēm; tās ir tik svarīga tīmekļa dizaina iezīme gandrīz jebkura veida vietnēm. Tomēr pārsteidzoši maz e-tirgotāju ir iemācījušies, kā tās padarīt patiesi lietotājam draudzīgas. Šajā rakstā mēs apspriedīsim iespējas efektīvu vietņu navigācijas izvēlņu izstrādei, gan darbvirsmai, gan mobilajām ierīcēm. Mēs sniegsim jums 8 padomus, kā optimizēt jūsu interneta veikala nolaižamās izvēlnes un padarīt jūsu vietni vēl vieglāk pārskatāmu. 

Grūti iedomāties e-komerciju bez nolaižamajām izvēlnēm; tās ir tik svarīga tīmekļa dizaina iezīme gandrīz jebkura veida vietnēm. Tomēr pārsteidzoši maz e-tirgotāju ir iemācījušies, kā tās padarīt patiesi lietotājam draudzīgas. Šajā rakstā mēs apspriedīsim iespējas efektīvu vietņu navigācijas izvēlņu izstrādei, gan darbvirsmai, gan mobilajām ierīcēm. Mēs sniegsim jums 8 padomus, kā optimizēt jūsu interneta veikala nolaižamās izvēlnes un padarīt jūsu vietni vēl vieglāk pārskatāmu. 

Grūti iedomāties e-komerciju bez nolaižamajām izvēlnēm; tās ir tik svarīga tīmekļa dizaina iezīme gandrīz jebkura veida vietnēm. Tomēr pārsteidzoši maz e-tirgotāju ir iemācījušies, kā tās padarīt patiesi lietotājam draudzīgas. Šajā rakstā mēs apspriedīsim iespējas efektīvu vietņu navigācijas izvēlņu izstrādei, gan darbvirsmai, gan mobilajām ierīcēm. Mēs sniegsim jums 8 padomus, kā optimizēt jūsu interneta veikala nolaižamās izvēlnes un padarīt jūsu vietni vēl vieglāk pārskatāmu. 

Grūti iedomāties e-komerciju bez nolaižamajām izvēlnēm; tās ir tik svarīga tīmekļa dizaina iezīme gandrīz jebkura veida vietnēm. Tomēr pārsteidzoši maz e-tirgotāju ir iemācījušies, kā tās padarīt patiesi lietotājam draudzīgas. Šajā rakstā mēs apspriedīsim iespējas efektīvu vietņu navigācijas izvēlņu izstrādei, gan darbvirsmai, gan mobilajām ierīcēm. Mēs sniegsim jums 8 padomus, kā optimizēt jūsu interneta veikala nolaižamās izvēlnes un padarīt jūsu vietni vēl vieglāk pārskatāmu. 

Kādas ir vietņu navigācijas iespējas?

Tīmekļa navigācijas josla jūsu vietnē palīdz jūsu klientiem vieglāk atrast ceļu. Tajā ir saites, kas ved lietotājus uz svarīgākajām kategorijām jūsu vietnē. Tāpēc to bieži dēvē par ‘reaktīvo izvēlni’. 

Bet tīmekļa navigācija uz to nebeidzas. Dažas citas bieži sastopamas vietnes navigācijas iezīmes ietver:

  • Galvenā izvēlne, kurā ir uzskaitīts visas vietnes saturs hierarhiskās kategorijās.

  • Palīdzības navigācija, kas sastāv no saitēm uz noderīgām sekundārām funkcijām, piemēram, iepirkumu grozu vai lietotāju pieteikšanos.

  • Filtri, kas ļauj klientam sašaurināt meklēšanas rezultātus.

  • Migalas, kas rāda klientiem, kurā lapā viņi atrodas vietnes navigācijas struktūrā.

  • Pēdas navigācija, kurā parasti ir noderīgas saites uz saturu, piemēram, uz ‘Par mums’ lapu un jūsu vietnes juridisko paziņojumu.

Tīmekļa navigācijas josla jūsu vietnē palīdz jūsu klientiem vieglāk atrast ceļu. Tajā ir saites, kas ved lietotājus uz svarīgākajām kategorijām jūsu vietnē. Tāpēc to bieži dēvē par ‘reaktīvo izvēlni’. 

Bet tīmekļa navigācija uz to nebeidzas. Dažas citas bieži sastopamas vietnes navigācijas iezīmes ietver:

  • Galvenā izvēlne, kurā ir uzskaitīts visas vietnes saturs hierarhiskās kategorijās.

  • Palīdzības navigācija, kas sastāv no saitēm uz noderīgām sekundārām funkcijām, piemēram, iepirkumu grozu vai lietotāju pieteikšanos.

  • Filtri, kas ļauj klientam sašaurināt meklēšanas rezultātus.

  • Migalas, kas rāda klientiem, kurā lapā viņi atrodas vietnes navigācijas struktūrā.

  • Pēdas navigācija, kurā parasti ir noderīgas saites uz saturu, piemēram, uz ‘Par mums’ lapu un jūsu vietnes juridisko paziņojumu.

Tīmekļa navigācijas josla jūsu vietnē palīdz jūsu klientiem vieglāk atrast ceļu. Tajā ir saites, kas ved lietotājus uz svarīgākajām kategorijām jūsu vietnē. Tāpēc to bieži dēvē par ‘reaktīvo izvēlni’. 

Bet tīmekļa navigācija uz to nebeidzas. Dažas citas bieži sastopamas vietnes navigācijas iezīmes ietver:

  • Galvenā izvēlne, kurā ir uzskaitīts visas vietnes saturs hierarhiskās kategorijās.

  • Palīdzības navigācija, kas sastāv no saitēm uz noderīgām sekundārām funkcijām, piemēram, iepirkumu grozu vai lietotāju pieteikšanos.

  • Filtri, kas ļauj klientam sašaurināt meklēšanas rezultātus.

  • Migalas, kas rāda klientiem, kurā lapā viņi atrodas vietnes navigācijas struktūrā.

  • Pēdas navigācija, kurā parasti ir noderīgas saites uz saturu, piemēram, uz ‘Par mums’ lapu un jūsu vietnes juridisko paziņojumu.

Tīmekļa navigācijas josla jūsu vietnē palīdz jūsu klientiem vieglāk atrast ceļu. Tajā ir saites, kas ved lietotājus uz svarīgākajām kategorijām jūsu vietnē. Tāpēc to bieži dēvē par ‘reaktīvo izvēlni’. 

Bet tīmekļa navigācija uz to nebeidzas. Dažas citas bieži sastopamas vietnes navigācijas iezīmes ietver:

  • Galvenā izvēlne, kurā ir uzskaitīts visas vietnes saturs hierarhiskās kategorijās.

  • Palīdzības navigācija, kas sastāv no saitēm uz noderīgām sekundārām funkcijām, piemēram, iepirkumu grozu vai lietotāju pieteikšanos.

  • Filtri, kas ļauj klientam sašaurināt meklēšanas rezultātus.

  • Migalas, kas rāda klientiem, kurā lapā viņi atrodas vietnes navigācijas struktūrā.

  • Pēdas navigācija, kurā parasti ir noderīgas saites uz saturu, piemēram, uz ‘Par mums’ lapu un jūsu vietnes juridisko paziņojumu.

Paliec informēts

Nekad nepalaid garām atjauninājumus. Saņemiet produktu atjauninājumus, ziņas un klientu stāstus tieši savā iesūtnē.

Paliec informēts

Nekad nepalaid garām atjauninājumus. Saņemiet produktu atjauninājumus, ziņas un klientu stāstus tieši savā iesūtnē.

Savienojiet katru maksājumu. Uzlabojiet katru sava uzņēmuma daļu.

Nekad nepalaid garām atjauninājumus. Saņemiet produktu atjauninājumus, ziņas un klientu stāstus tieši savā iesūtnē.

Paliec informēts

Nekad nepalaid garām atjauninājumus. Saņemiet produktu atjauninājumus, ziņas un klientu stāstus tieši savā iesūtnē.

Kā laba tīmekļa navigācija palīdz uzlabot konversiju e-komercijā?

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

Pozitīvas lietotāja pieredzes (UX) nodrošināšana ir tikpat svarīga e-komercijas tirgotājiem, kā arī klātienē strādājošiem uzņēmumiem. Tas nozīmē, ka klientiem ir viegli jāorientējas jūsu vietnē. No brīža, kad viņi ierodas jūsu vietnē, viņiem ir jāredz skaidrs svarīgākās informācijas pārskats, lai viņi varētu ātri atrast to, ko meklē. Tieši tāpēc ir svarīgi piedāvāt praktiskus, viegli lietojamus izvēlnes jūsu tiešsaistes veikalā. Iespējot saviem klientiem intuitīvi atrast visu viņiem nepieciešamo saturu un funkcijas, jūs palielinat iespēju veikt pārdošanu.

Savukārt, ja jūsu vietne ir mulsinoša vai grūti navigējama, klienti, visticamāk, izvēlēsies doties prom un meklēt citas iespējas. Tas palielina jūsu atteikuma līmeni un samazina konversijas. Zemāk mēs parādīsim, kā izveidot labāku UX ar nolaižamajām izvēlnēm un citām navigācijas iespējām, lai jūs varētu optimizēt sava tiešsaistes veikala konversijas līmeni.

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

Pozitīvas lietotāja pieredzes (UX) nodrošināšana ir tikpat svarīga e-komercijas tirgotājiem, kā arī klātienē strādājošiem uzņēmumiem. Tas nozīmē, ka klientiem ir viegli jāorientējas jūsu vietnē. No brīža, kad viņi ierodas jūsu vietnē, viņiem ir jāredz skaidrs svarīgākās informācijas pārskats, lai viņi varētu ātri atrast to, ko meklē. Tieši tāpēc ir svarīgi piedāvāt praktiskus, viegli lietojamus izvēlnes jūsu tiešsaistes veikalā. Iespējot saviem klientiem intuitīvi atrast visu viņiem nepieciešamo saturu un funkcijas, jūs palielinat iespēju veikt pārdošanu.

Savukārt, ja jūsu vietne ir mulsinoša vai grūti navigējama, klienti, visticamāk, izvēlēsies doties prom un meklēt citas iespējas. Tas palielina jūsu atteikuma līmeni un samazina konversijas. Zemāk mēs parādīsim, kā izveidot labāku UX ar nolaižamajām izvēlnēm un citām navigācijas iespējām, lai jūs varētu optimizēt sava tiešsaistes veikala konversijas līmeni.

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

Pozitīvas lietotāja pieredzes (UX) nodrošināšana ir tikpat svarīga e-komercijas tirgotājiem, kā arī klātienē strādājošiem uzņēmumiem. Tas nozīmē, ka klientiem ir viegli jāorientējas jūsu vietnē. No brīža, kad viņi ierodas jūsu vietnē, viņiem ir jāredz skaidrs svarīgākās informācijas pārskats, lai viņi varētu ātri atrast to, ko meklē. Tieši tāpēc ir svarīgi piedāvāt praktiskus, viegli lietojamus izvēlnes jūsu tiešsaistes veikalā. Iespējot saviem klientiem intuitīvi atrast visu viņiem nepieciešamo saturu un funkcijas, jūs palielinat iespēju veikt pārdošanu.

Savukārt, ja jūsu vietne ir mulsinoša vai grūti navigējama, klienti, visticamāk, izvēlēsies doties prom un meklēt citas iespējas. Tas palielina jūsu atteikuma līmeni un samazina konversijas. Zemāk mēs parādīsim, kā izveidot labāku UX ar nolaižamajām izvēlnēm un citām navigācijas iespējām, lai jūs varētu optimizēt sava tiešsaistes veikala konversijas līmeni.

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

Pozitīvas lietotāja pieredzes (UX) nodrošināšana ir tikpat svarīga e-komercijas tirgotājiem, kā arī klātienē strādājošiem uzņēmumiem. Tas nozīmē, ka klientiem ir viegli jāorientējas jūsu vietnē. No brīža, kad viņi ierodas jūsu vietnē, viņiem ir jāredz skaidrs svarīgākās informācijas pārskats, lai viņi varētu ātri atrast to, ko meklē. Tieši tāpēc ir svarīgi piedāvāt praktiskus, viegli lietojamus izvēlnes jūsu tiešsaistes veikalā. Iespējot saviem klientiem intuitīvi atrast visu viņiem nepieciešamo saturu un funkcijas, jūs palielinat iespēju veikt pārdošanu.

Savukārt, ja jūsu vietne ir mulsinoša vai grūti navigējama, klienti, visticamāk, izvēlēsies doties prom un meklēt citas iespējas. Tas palielina jūsu atteikuma līmeni un samazina konversijas. Zemāk mēs parādīsim, kā izveidot labāku UX ar nolaižamajām izvēlnēm un citām navigācijas iespējām, lai jūs varētu optimizēt sava tiešsaistes veikala konversijas līmeni.

Pareizā galvenā izvēlnes veida izvēle: Kādas ir jūsu iespējas?

Veidojot tīmekļa vietni savai e-komercijas uzņēmumam, viena no pirmajām izvēlēm, kas jums jāizdara, ir izvēlēties, vai rādīt jūsu vietnes galveno izvēlni vertikāli vai horizontāli.

  • Vertikālā izvēlne atrodas lapas kreisajā pusē, no augšas uz leju.

  • Horizontālā izvēlne atrodas lapas augšpusē, no kreisās uz labo pusi.

Ar horizontālo izvēlni vietas ir ierobežotas ar ekrāna platumu. Tāpēc tā bieži satur tikai īsus atslēgvārdus. Savukārt vertikālo izvēlni varat padarīt tik plašu, cik vēlaties. Tikai atcerieties: vislabāk ir ierobežot galveno izvēlni ar svarīgākajām kategorijām, lai jūsu klientiem viss būtu skaidrs. 

Apakšējā daļā mēs aprakstām dažādas parastas galveno izvēlņu dizaina formas. Lielāko daļu no tām var sakārtot gan vertikāli, gan horizontāli uz ekrāna.

Statiskā navigācija

Choosing the right main menu type - static menu

Ar statisko navigāciju (tā arī pazīstama kā 'fiksētais virsraksts' vai 'stick menū'), galvenā izvēlne ir pastāvīgi redzama. Tas nozīmē, ka tā paliek uz ekrāna, pat kad lietotājs ritina lapu uz leju. Priekšrocība ir tāda, ka lietotājam nav jāritina atpakaļ uz lapas augšu, kad vēlas pārvietoties uz citu izvēlnes vienumu. Ja vēlaties izmantot fiksēto virsrakstu, pārliecinieties, ka tas neaizņem pārāk daudz vietas. Pretējā gadījumā tas var aizsegt citu noderīgu saturu uz ekrāna, kamēr lietotājs ritina uz leju.

Interaktīvā navigācija

Interaktīvā navigācija parasti nav ļoti laba izvēle tīmekļa veikaliem. Ar šo navigācijas veidu nav saites, kas ved lietotājus no A uz B. Tā vietā navigācija ir uzskatāma par daļu no pieredzes. Interaktīvie elementi gamificē navigācijas pieredzi, rotaļīgi vadot lietotāju no vienas sadaļas vai apakšdomēna uz nākamo, līdz viņi ir apskatījuši visu saturu.

Hamburgeru izvēlne

Choosing the right main menu type - Hamburger menu

Hamburgeru (vai burgeru) izvēlne arī ir pazīstama kā pārslēgšanas izvēlne vai off-canvas izvēlne. Tā tika īpaši izstrādāta, reaģējot uz straujo viedtālruņu lietošanas pieaugumu. Hamburgeru izvēlne viegli atpazīstama pēc pogas ar trim paralēlām horizontālām līnijām, kas parasti parādās tīmekļa vietnes augšējā labajā vai augšējā kreisajā stūrī. Šīs līnijas attāli atgādina hamburgeru, un tieši tāpēc šī izvēlne ieguva savu nosaukumu. 

Ja jūsu vietne izmanto hamburgeru izvēlni, tad lietotāji vispirms redzēs tikai vietnes saturu un hamburgeru izvēlnes pogu. Kad lietotājs noklikšķina uz pogas, galvenā izvēlne parādīsies visā viņu ekrānā, piedāvājot viņiem visas iespējas, kā pārvietoties pa jūsu vietni. 

Šāda veida izvēlne arī kļūst arvien izplatītāka darbvirsmas tīmekļa vietnēs, bet tas nozīmē, ka lietotājiem ir jāklikšķina uz papildu pogas, lai redzētu izvēlni. Tāpēc hamburgeru izvēlni galvenokārt ieteicams izmantot tikai jūsu vietnes mobilajā versijā.

Izvelkamās izvēlnes

Choosing the right main menu type - Drop-down menus

Visizplatītākais izvēlņu veids e-komercijas vietnēs ir responsīvās izvelkamās izvēlnes. Tās vispirms parāda galveno izvēlni, kas uzskaita tikai galvenās kategorijas. Kad lietotājs noklikšķina uz vai pelda virs izvēlnes vienuma, saraksts paplašinās, lai parādītu tālākas apakškategorijas. Jūs varat pievienot tik daudz slāņu izvelkamām apakškategorijām, cik vēlaties. Tomēr vislabāk ir, ja ir ne vairāk kā divi. Ja jūsu produktu klāsts ir tik plašs, ka jums nepieciešami vairāk nekā divi izvelkamie līmeņi, jums ir mega izvēlne (skatīt tālāk).

Horizontālo izvelkamo izvēlni dažkārt arī sauc par nolaižamo izvēlni. Vertikālo izvelkamo izvēlni dažreiz sauc par fly-out. Abi paplašināmās izvēlnes veidi nodrošina augstu lietojamību jūsu klientiem. Ja nolemjat izmantot izvelkamo izvēlni, vispirms padomājiet par to, kā vēlaties strukturēt sava satura saturu. Pretējā gadījumā izvēlne var ātri kļūt pārblīvēta un grūti lietojama.

Veidojot tīmekļa vietni savai e-komercijas uzņēmumam, viena no pirmajām izvēlēm, kas jums jāizdara, ir izvēlēties, vai rādīt jūsu vietnes galveno izvēlni vertikāli vai horizontāli.

  • Vertikālā izvēlne atrodas lapas kreisajā pusē, no augšas uz leju.

  • Horizontālā izvēlne atrodas lapas augšpusē, no kreisās uz labo pusi.

Ar horizontālo izvēlni vietas ir ierobežotas ar ekrāna platumu. Tāpēc tā bieži satur tikai īsus atslēgvārdus. Savukārt vertikālo izvēlni varat padarīt tik plašu, cik vēlaties. Tikai atcerieties: vislabāk ir ierobežot galveno izvēlni ar svarīgākajām kategorijām, lai jūsu klientiem viss būtu skaidrs. 

Apakšējā daļā mēs aprakstām dažādas parastas galveno izvēlņu dizaina formas. Lielāko daļu no tām var sakārtot gan vertikāli, gan horizontāli uz ekrāna.

Statiskā navigācija

Choosing the right main menu type - static menu

Ar statisko navigāciju (tā arī pazīstama kā 'fiksētais virsraksts' vai 'stick menū'), galvenā izvēlne ir pastāvīgi redzama. Tas nozīmē, ka tā paliek uz ekrāna, pat kad lietotājs ritina lapu uz leju. Priekšrocība ir tāda, ka lietotājam nav jāritina atpakaļ uz lapas augšu, kad vēlas pārvietoties uz citu izvēlnes vienumu. Ja vēlaties izmantot fiksēto virsrakstu, pārliecinieties, ka tas neaizņem pārāk daudz vietas. Pretējā gadījumā tas var aizsegt citu noderīgu saturu uz ekrāna, kamēr lietotājs ritina uz leju.

Interaktīvā navigācija

Interaktīvā navigācija parasti nav ļoti laba izvēle tīmekļa veikaliem. Ar šo navigācijas veidu nav saites, kas ved lietotājus no A uz B. Tā vietā navigācija ir uzskatāma par daļu no pieredzes. Interaktīvie elementi gamificē navigācijas pieredzi, rotaļīgi vadot lietotāju no vienas sadaļas vai apakšdomēna uz nākamo, līdz viņi ir apskatījuši visu saturu.

Hamburgeru izvēlne

Choosing the right main menu type - Hamburger menu

Hamburgeru (vai burgeru) izvēlne arī ir pazīstama kā pārslēgšanas izvēlne vai off-canvas izvēlne. Tā tika īpaši izstrādāta, reaģējot uz straujo viedtālruņu lietošanas pieaugumu. Hamburgeru izvēlne viegli atpazīstama pēc pogas ar trim paralēlām horizontālām līnijām, kas parasti parādās tīmekļa vietnes augšējā labajā vai augšējā kreisajā stūrī. Šīs līnijas attāli atgādina hamburgeru, un tieši tāpēc šī izvēlne ieguva savu nosaukumu. 

Ja jūsu vietne izmanto hamburgeru izvēlni, tad lietotāji vispirms redzēs tikai vietnes saturu un hamburgeru izvēlnes pogu. Kad lietotājs noklikšķina uz pogas, galvenā izvēlne parādīsies visā viņu ekrānā, piedāvājot viņiem visas iespējas, kā pārvietoties pa jūsu vietni. 

Šāda veida izvēlne arī kļūst arvien izplatītāka darbvirsmas tīmekļa vietnēs, bet tas nozīmē, ka lietotājiem ir jāklikšķina uz papildu pogas, lai redzētu izvēlni. Tāpēc hamburgeru izvēlni galvenokārt ieteicams izmantot tikai jūsu vietnes mobilajā versijā.

Izvelkamās izvēlnes

Choosing the right main menu type - Drop-down menus

Visizplatītākais izvēlņu veids e-komercijas vietnēs ir responsīvās izvelkamās izvēlnes. Tās vispirms parāda galveno izvēlni, kas uzskaita tikai galvenās kategorijas. Kad lietotājs noklikšķina uz vai pelda virs izvēlnes vienuma, saraksts paplašinās, lai parādītu tālākas apakškategorijas. Jūs varat pievienot tik daudz slāņu izvelkamām apakškategorijām, cik vēlaties. Tomēr vislabāk ir, ja ir ne vairāk kā divi. Ja jūsu produktu klāsts ir tik plašs, ka jums nepieciešami vairāk nekā divi izvelkamie līmeņi, jums ir mega izvēlne (skatīt tālāk).

Horizontālo izvelkamo izvēlni dažkārt arī sauc par nolaižamo izvēlni. Vertikālo izvelkamo izvēlni dažreiz sauc par fly-out. Abi paplašināmās izvēlnes veidi nodrošina augstu lietojamību jūsu klientiem. Ja nolemjat izmantot izvelkamo izvēlni, vispirms padomājiet par to, kā vēlaties strukturēt sava satura saturu. Pretējā gadījumā izvēlne var ātri kļūt pārblīvēta un grūti lietojama.

Veidojot tīmekļa vietni savai e-komercijas uzņēmumam, viena no pirmajām izvēlēm, kas jums jāizdara, ir izvēlēties, vai rādīt jūsu vietnes galveno izvēlni vertikāli vai horizontāli.

  • Vertikālā izvēlne atrodas lapas kreisajā pusē, no augšas uz leju.

  • Horizontālā izvēlne atrodas lapas augšpusē, no kreisās uz labo pusi.

Ar horizontālo izvēlni vietas ir ierobežotas ar ekrāna platumu. Tāpēc tā bieži satur tikai īsus atslēgvārdus. Savukārt vertikālo izvēlni varat padarīt tik plašu, cik vēlaties. Tikai atcerieties: vislabāk ir ierobežot galveno izvēlni ar svarīgākajām kategorijām, lai jūsu klientiem viss būtu skaidrs. 

Apakšējā daļā mēs aprakstām dažādas parastas galveno izvēlņu dizaina formas. Lielāko daļu no tām var sakārtot gan vertikāli, gan horizontāli uz ekrāna.

Statiskā navigācija

Choosing the right main menu type - static menu

Ar statisko navigāciju (tā arī pazīstama kā 'fiksētais virsraksts' vai 'stick menū'), galvenā izvēlne ir pastāvīgi redzama. Tas nozīmē, ka tā paliek uz ekrāna, pat kad lietotājs ritina lapu uz leju. Priekšrocība ir tāda, ka lietotājam nav jāritina atpakaļ uz lapas augšu, kad vēlas pārvietoties uz citu izvēlnes vienumu. Ja vēlaties izmantot fiksēto virsrakstu, pārliecinieties, ka tas neaizņem pārāk daudz vietas. Pretējā gadījumā tas var aizsegt citu noderīgu saturu uz ekrāna, kamēr lietotājs ritina uz leju.

Interaktīvā navigācija

Interaktīvā navigācija parasti nav ļoti laba izvēle tīmekļa veikaliem. Ar šo navigācijas veidu nav saites, kas ved lietotājus no A uz B. Tā vietā navigācija ir uzskatāma par daļu no pieredzes. Interaktīvie elementi gamificē navigācijas pieredzi, rotaļīgi vadot lietotāju no vienas sadaļas vai apakšdomēna uz nākamo, līdz viņi ir apskatījuši visu saturu.

Hamburgeru izvēlne

Choosing the right main menu type - Hamburger menu

Hamburgeru (vai burgeru) izvēlne arī ir pazīstama kā pārslēgšanas izvēlne vai off-canvas izvēlne. Tā tika īpaši izstrādāta, reaģējot uz straujo viedtālruņu lietošanas pieaugumu. Hamburgeru izvēlne viegli atpazīstama pēc pogas ar trim paralēlām horizontālām līnijām, kas parasti parādās tīmekļa vietnes augšējā labajā vai augšējā kreisajā stūrī. Šīs līnijas attāli atgādina hamburgeru, un tieši tāpēc šī izvēlne ieguva savu nosaukumu. 

Ja jūsu vietne izmanto hamburgeru izvēlni, tad lietotāji vispirms redzēs tikai vietnes saturu un hamburgeru izvēlnes pogu. Kad lietotājs noklikšķina uz pogas, galvenā izvēlne parādīsies visā viņu ekrānā, piedāvājot viņiem visas iespējas, kā pārvietoties pa jūsu vietni. 

Šāda veida izvēlne arī kļūst arvien izplatītāka darbvirsmas tīmekļa vietnēs, bet tas nozīmē, ka lietotājiem ir jāklikšķina uz papildu pogas, lai redzētu izvēlni. Tāpēc hamburgeru izvēlni galvenokārt ieteicams izmantot tikai jūsu vietnes mobilajā versijā.

Izvelkamās izvēlnes

Choosing the right main menu type - Drop-down menus

Visizplatītākais izvēlņu veids e-komercijas vietnēs ir responsīvās izvelkamās izvēlnes. Tās vispirms parāda galveno izvēlni, kas uzskaita tikai galvenās kategorijas. Kad lietotājs noklikšķina uz vai pelda virs izvēlnes vienuma, saraksts paplašinās, lai parādītu tālākas apakškategorijas. Jūs varat pievienot tik daudz slāņu izvelkamām apakškategorijām, cik vēlaties. Tomēr vislabāk ir, ja ir ne vairāk kā divi. Ja jūsu produktu klāsts ir tik plašs, ka jums nepieciešami vairāk nekā divi izvelkamie līmeņi, jums ir mega izvēlne (skatīt tālāk).

Horizontālo izvelkamo izvēlni dažkārt arī sauc par nolaižamo izvēlni. Vertikālo izvelkamo izvēlni dažreiz sauc par fly-out. Abi paplašināmās izvēlnes veidi nodrošina augstu lietojamību jūsu klientiem. Ja nolemjat izmantot izvelkamo izvēlni, vispirms padomājiet par to, kā vēlaties strukturēt sava satura saturu. Pretējā gadījumā izvēlne var ātri kļūt pārblīvēta un grūti lietojama.

Veidojot tīmekļa vietni savai e-komercijas uzņēmumam, viena no pirmajām izvēlēm, kas jums jāizdara, ir izvēlēties, vai rādīt jūsu vietnes galveno izvēlni vertikāli vai horizontāli.

  • Vertikālā izvēlne atrodas lapas kreisajā pusē, no augšas uz leju.

  • Horizontālā izvēlne atrodas lapas augšpusē, no kreisās uz labo pusi.

Ar horizontālo izvēlni vietas ir ierobežotas ar ekrāna platumu. Tāpēc tā bieži satur tikai īsus atslēgvārdus. Savukārt vertikālo izvēlni varat padarīt tik plašu, cik vēlaties. Tikai atcerieties: vislabāk ir ierobežot galveno izvēlni ar svarīgākajām kategorijām, lai jūsu klientiem viss būtu skaidrs. 

Apakšējā daļā mēs aprakstām dažādas parastas galveno izvēlņu dizaina formas. Lielāko daļu no tām var sakārtot gan vertikāli, gan horizontāli uz ekrāna.

Statiskā navigācija

Choosing the right main menu type - static menu

Ar statisko navigāciju (tā arī pazīstama kā 'fiksētais virsraksts' vai 'stick menū'), galvenā izvēlne ir pastāvīgi redzama. Tas nozīmē, ka tā paliek uz ekrāna, pat kad lietotājs ritina lapu uz leju. Priekšrocība ir tāda, ka lietotājam nav jāritina atpakaļ uz lapas augšu, kad vēlas pārvietoties uz citu izvēlnes vienumu. Ja vēlaties izmantot fiksēto virsrakstu, pārliecinieties, ka tas neaizņem pārāk daudz vietas. Pretējā gadījumā tas var aizsegt citu noderīgu saturu uz ekrāna, kamēr lietotājs ritina uz leju.

Interaktīvā navigācija

Interaktīvā navigācija parasti nav ļoti laba izvēle tīmekļa veikaliem. Ar šo navigācijas veidu nav saites, kas ved lietotājus no A uz B. Tā vietā navigācija ir uzskatāma par daļu no pieredzes. Interaktīvie elementi gamificē navigācijas pieredzi, rotaļīgi vadot lietotāju no vienas sadaļas vai apakšdomēna uz nākamo, līdz viņi ir apskatījuši visu saturu.

Hamburgeru izvēlne

Choosing the right main menu type - Hamburger menu

Hamburgeru (vai burgeru) izvēlne arī ir pazīstama kā pārslēgšanas izvēlne vai off-canvas izvēlne. Tā tika īpaši izstrādāta, reaģējot uz straujo viedtālruņu lietošanas pieaugumu. Hamburgeru izvēlne viegli atpazīstama pēc pogas ar trim paralēlām horizontālām līnijām, kas parasti parādās tīmekļa vietnes augšējā labajā vai augšējā kreisajā stūrī. Šīs līnijas attāli atgādina hamburgeru, un tieši tāpēc šī izvēlne ieguva savu nosaukumu. 

Ja jūsu vietne izmanto hamburgeru izvēlni, tad lietotāji vispirms redzēs tikai vietnes saturu un hamburgeru izvēlnes pogu. Kad lietotājs noklikšķina uz pogas, galvenā izvēlne parādīsies visā viņu ekrānā, piedāvājot viņiem visas iespējas, kā pārvietoties pa jūsu vietni. 

Šāda veida izvēlne arī kļūst arvien izplatītāka darbvirsmas tīmekļa vietnēs, bet tas nozīmē, ka lietotājiem ir jāklikšķina uz papildu pogas, lai redzētu izvēlni. Tāpēc hamburgeru izvēlni galvenokārt ieteicams izmantot tikai jūsu vietnes mobilajā versijā.

Izvelkamās izvēlnes

Choosing the right main menu type - Drop-down menus

Visizplatītākais izvēlņu veids e-komercijas vietnēs ir responsīvās izvelkamās izvēlnes. Tās vispirms parāda galveno izvēlni, kas uzskaita tikai galvenās kategorijas. Kad lietotājs noklikšķina uz vai pelda virs izvēlnes vienuma, saraksts paplašinās, lai parādītu tālākas apakškategorijas. Jūs varat pievienot tik daudz slāņu izvelkamām apakškategorijām, cik vēlaties. Tomēr vislabāk ir, ja ir ne vairāk kā divi. Ja jūsu produktu klāsts ir tik plašs, ka jums nepieciešami vairāk nekā divi izvelkamie līmeņi, jums ir mega izvēlne (skatīt tālāk).

Horizontālo izvelkamo izvēlni dažkārt arī sauc par nolaižamo izvēlni. Vertikālo izvelkamo izvēlni dažreiz sauc par fly-out. Abi paplašināmās izvēlnes veidi nodrošina augstu lietojamību jūsu klientiem. Ja nolemjat izmantot izvelkamo izvēlni, vispirms padomājiet par to, kā vēlaties strukturēt sava satura saturu. Pretējā gadījumā izvēlne var ātri kļūt pārblīvēta un grūti lietojama.

Mega nolaižamie izvēlnes: Priekšrocības un trūkumi

Mega izvēlnes var piedāvāt daudz priekšrocību lietotāja pieredzes ziņā, taču tām ir arī ierobežojumi. Atkal ir svarīgi rūpīgi plānot sava vietnes struktūru. Pēc viss, jūsu mega izvēlne ir noderīga tikai tad, ja visi jūsu vietnes navigācijas joslā esošie elementi ir skaidri no paša sākuma. Tāpēc, pirms izvēlaties izmantot mega izvēlni, veltiet nedaudz laika, lai padomātu par labāko veidu, kā prezentēt sava vietnes saturu. Zemāk esošajā tabulā ir parādītas galvenās priekšrocības un trūkumi, kas saistīti ar mega izvēlnēm.

Mega izvēlnes var piedāvāt daudz priekšrocību lietotāja pieredzes ziņā, taču tām ir arī ierobežojumi. Atkal ir svarīgi rūpīgi plānot sava vietnes struktūru. Pēc viss, jūsu mega izvēlne ir noderīga tikai tad, ja visi jūsu vietnes navigācijas joslā esošie elementi ir skaidri no paša sākuma. Tāpēc, pirms izvēlaties izmantot mega izvēlni, veltiet nedaudz laika, lai padomātu par labāko veidu, kā prezentēt sava vietnes saturu. Zemāk esošajā tabulā ir parādītas galvenās priekšrocības un trūkumi, kas saistīti ar mega izvēlnēm.

Mega izvēlnes var piedāvāt daudz priekšrocību lietotāja pieredzes ziņā, taču tām ir arī ierobežojumi. Atkal ir svarīgi rūpīgi plānot sava vietnes struktūru. Pēc viss, jūsu mega izvēlne ir noderīga tikai tad, ja visi jūsu vietnes navigācijas joslā esošie elementi ir skaidri no paša sākuma. Tāpēc, pirms izvēlaties izmantot mega izvēlni, veltiet nedaudz laika, lai padomātu par labāko veidu, kā prezentēt sava vietnes saturu. Zemāk esošajā tabulā ir parādītas galvenās priekšrocības un trūkumi, kas saistīti ar mega izvēlnēm.

Mega izvēlnes var piedāvāt daudz priekšrocību lietotāja pieredzes ziņā, taču tām ir arī ierobežojumi. Atkal ir svarīgi rūpīgi plānot sava vietnes struktūru. Pēc viss, jūsu mega izvēlne ir noderīga tikai tad, ja visi jūsu vietnes navigācijas joslā esošie elementi ir skaidri no paša sākuma. Tāpēc, pirms izvēlaties izmantot mega izvēlni, veltiet nedaudz laika, lai padomātu par labāko veidu, kā prezentēt sava vietnes saturu. Zemāk esošajā tabulā ir parādītas galvenās priekšrocības un trūkumi, kas saistīti ar mega izvēlnēm.

Web dizains: 8 padomi, kā izveidot lietotājam draudzīgus nolaižamos izvēlnes

Šeit ir daži padomi par tīmekļa navigācijas iespējām, ko jūs varat izmantot, lai uzlabotu savu konversijas līmeni. Mūsu lietojamības padomi palīdzēs padarīt jūsu galveno izvēlni — un visu jūsu tiešsaistes veikalu — draudzīgāku lietotājiem.

Padoms #1: Iepriekš noformējiet sava mājaslapas navigāciju

Pirms sākāt izvēlēties izvēlnes vienumus, ir svarīgi ieplānot katru funkciju un saturu jūsu tīmekļa vietnē. Jūs parasti varat sadalīt funkcijas un saturu galvenajās kategorijās un apakškategorijās. Pārliecinieties, ka katrai kategorijai piešķirat skaidrus, koncentrētus nosaukumus. Lietotāji parasti ātri pārskata izvēlnes vienumus, tāpēc ir svarīgi, lai viņi varētu tos viegli atšķirt un nekavējoties saprast, kas tie ir.

Padoms #2: Vispirms novietojiet visatbilstošākos vienumus

Izvēlnes vienumi, kas ir visinteresantākie jūsu lietotājiem, vienmēr būtu jāparādās jūsu galvenās izvēlnes sākumā. Ja esat SaaS pakalpojumu sniedzējs, piemēram, tad ir laba ideja sākt savu izvēlni ar vienumiem, kas pārliecina apmeklētājus, ka jūsu risinājums ir tieši viņiem. Mēģiniet izmantot šādus izvēlnes vienumus:

  • Kāpēc mēs?

  • Par mums

  • Cenas

Ja jūs vadāt tiešsaistes veikalu modes zīmei, jūsu izvēlnei jāfokusējas uz jūsu produktiem. Saites uz citu saturu, piemēram, produktu padomiem vai emuāra ierakstiem, būtu jāparādās izvēlnes beigās. Vispārīgi runājot, labākie veidi, kā optimizēt konversiju jūsu tiešsaistes biznesam, ir atkarīgi no tā, kurā nozarē jūs atrodaties.

Padoms #3: Izmantojiet vizuālo struktūru

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

Parasta izvēlne var rādīt tikai tekstu vienkāršā formātā. Savukārt milzu izkrītošās izvēlnes dod jums iespēju izcelt konkrētus izvēlnes vienumus. Piemēram, jūs varat izmantot dažādas:

  • Teksta izmērus

  • Teksta krāsas

  • Fontus

  • Ikonas

Tas ļauj jums pievienot vairāk struktūras savas izkrītošās izvēlnes saturam. Ne visi vienumi ir jāsaista ar reālu lapu; daži vārdi vienkārši var kalpot par klikšķiem neieslēgtajiem virsrakstiem dažādām klikšķināmajām apakškategorijām.

Padoms #4: Izvairieties no papildu funkciju iekļaušanas

Nekādā gadījumā neiekļaujiet sarežģītas mijiedarbības savās izkrītošajās izvēlnēs, piemēram, jaunumu reģistrāciju vai izvēles un meklēšanas laukus, jo tās bieži vien var atturēt lietotājus. Pēdējais, ko vēlaties, ir tas, ka jūsu galvenā izvēlne ir pārblīvēta. Turklāt šādi elementi bieži tiek iekļauti vairākās vietās tīmekļa vietnē. Viņiem ir lielāka ietekme, ja jūs tos novietojat lapās, kur tie vislabāk der.

Tomēr var būt ļoti efektīvi iekļaut aicinājumu uz darbību (CTA) pogu navigācijas joslā. Piemēram, pievienojiet pogu, kas ļauj jūsu klientiem veikt rezervāciju vai iegādi ar vienu klikšķi. Tikai atcerieties, ka CTA jānovieto blakus galvenajai izvēlnei un nevis izkrītošajā izvēlnē.

Padoms #5: Izvēlieties starp peles pārvietošanu vai klikšķināšanu

Daudzas tīmekļa vietnes izmanto izkrītošās izvēlnes, kas atveras, tiklīdz lietotājs pārvieto peli virs izvēlnes vienuma. Ja jūs domājat izmantot šo opciju, ir dažas lietas, par kurām jādomā:

  • Viss vienā acu uzmetienā: Milzu izvēlne jāatver uzreiz, nevis pakāpeniski, katru apakškategoriju soli pa solim.

  • Lielisks laiks: izvēlnei nevajadzētu būt pārāk jutīgai. Jums jāpārliecinās, lai tas nekļūtu pārtraukts, kad lietotājs pārāk ātri pārvieto peli virs tā. Tajā pašā laikā nevajadzētu reaģēt pārāk lēni. Mēs iesakām reakcijas laiku 0.1 līdz 0.5 sekundes optimālai lietojamībai. Arī ir laba ideja ļaut īsu pauzi pirms izvēlnes paslēpšanas, ja lietotājs nejauši atkāpjās no izvēlnes. Izvēlne, kas ir pārāk jutīga vai haotiska, kaitinās jūsu lietotājus un liks daudziem no viņiem padoties un pamest jūsu vietni vispār.

  • MouseOut programmēšana: Kad izkrītošā izvēlne ir aktivizēta, klienti pārvieto kursoru no navigācijas joslas uz izvēlni. Ja jūsu vietne nav pareizi programmēta, tā nepareizi reģistrēs MouseOut notikumu, kad pele atstāj navigācijas joslu, un izvēlne tiks aizvērta. Tāpēc ir svarīgi iestatīt izvēlni tā, lai izkrītošā izvēlne pazustu tikai tad, kad pele atstāj gan navigācijas joslu, gan pašu izkrītošo izvēlni.

  • Mobilā versija: Peles pārvietošanās nav iespējama viedtālruņos vai planšetdatoros. Ja vēlaties izmantot peles pārvietojuma aktivizētu izkrītošo izvēlni savā datora vietnē, atcerieties izmantot citas iestatīšanas mobilajā versijā.

Padoms #6: Ievērojiet trīs klikšķu noteikumu

Visvairāk tīmekļa vietnēs navigācijai jāseko 'trīs klikšķu noteikumam'. Tas nozīmē, ka jūsu lietotājiem vajadzētu būt iespējai sasniegt jebkuru informāciju jūsu vietnē ne vēlāk kā trīs klikšķos. Protams, tas ir tikai vispārīgs ceļvedis. Ja jums ir liela, ļoti detalizēta tīmekļa vietne, klikšķu skaits nav tik svarīgs, kamēr vietne ir labi organizēta. Visvairāk nozīmīgais ir tas, ka jūsu klienti vienmēr jūtas, ka ir viegli atrast ceļu.

Padoms #7: Izmantojiet vairākas izvēlnes

Informāciju bagātām tīmekļa vietnēm var būt noderīgi pievienot vairāk nekā vienu izvēlni. Jūs varat izvēlēties izkrītošo izvēlni ar jūsu produktu kategorijām kā galveno izvēlni, bet arī izmantot atsevišķu izvēlni kājā, kurā ir sekundārās kategorijas. Tas novērš jūsu galvenās izvēlnes pārblīvējumu. Apskatiet tabulu zemāk, lai redzētu, kā tas izskatās.

Padoms #8: Izskats ir svarīgs

Pievilcīga izvēlnes dizainam jāpaliek vienāda izmēra, pat ja galvenās izvēlnes vienumi satur dažādu skaitu apakškategoriju. Ja jūsu tīmekļa vietne ietver meklēšanas funkciju, pārliecinieties, ka izkrītošās izvēlnes to nenosegtu, kad tās tiek paplašinātas.

Jums vajadzētu arī iekļaut mazu vizuālu norādi, lai norādītu, vai kāds vienums navigācijas joslā izplešas izkrītošajā izvēlnē, ja lietotājs to noklikšķina vai pārvieto virs tā. Piemēram, novietojiet mazu bultu blakus izvēlnes nosaukumam: izkrītošajām izvēlnēm bultai jānorāda uz leju; izkristēm tam vajadzētu norādīt pa labi. Tas palīdz jūsu pircējiem instinktīvi saprast, ka viņi var sagaidīt vairāk informācijas.

Šeit ir daži padomi par tīmekļa navigācijas iespējām, ko jūs varat izmantot, lai uzlabotu savu konversijas līmeni. Mūsu lietojamības padomi palīdzēs padarīt jūsu galveno izvēlni — un visu jūsu tiešsaistes veikalu — draudzīgāku lietotājiem.

Padoms #1: Iepriekš noformējiet sava mājaslapas navigāciju

Pirms sākāt izvēlēties izvēlnes vienumus, ir svarīgi ieplānot katru funkciju un saturu jūsu tīmekļa vietnē. Jūs parasti varat sadalīt funkcijas un saturu galvenajās kategorijās un apakškategorijās. Pārliecinieties, ka katrai kategorijai piešķirat skaidrus, koncentrētus nosaukumus. Lietotāji parasti ātri pārskata izvēlnes vienumus, tāpēc ir svarīgi, lai viņi varētu tos viegli atšķirt un nekavējoties saprast, kas tie ir.

Padoms #2: Vispirms novietojiet visatbilstošākos vienumus

Izvēlnes vienumi, kas ir visinteresantākie jūsu lietotājiem, vienmēr būtu jāparādās jūsu galvenās izvēlnes sākumā. Ja esat SaaS pakalpojumu sniedzējs, piemēram, tad ir laba ideja sākt savu izvēlni ar vienumiem, kas pārliecina apmeklētājus, ka jūsu risinājums ir tieši viņiem. Mēģiniet izmantot šādus izvēlnes vienumus:

  • Kāpēc mēs?

  • Par mums

  • Cenas

Ja jūs vadāt tiešsaistes veikalu modes zīmei, jūsu izvēlnei jāfokusējas uz jūsu produktiem. Saites uz citu saturu, piemēram, produktu padomiem vai emuāra ierakstiem, būtu jāparādās izvēlnes beigās. Vispārīgi runājot, labākie veidi, kā optimizēt konversiju jūsu tiešsaistes biznesam, ir atkarīgi no tā, kurā nozarē jūs atrodaties.

Padoms #3: Izmantojiet vizuālo struktūru

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

Parasta izvēlne var rādīt tikai tekstu vienkāršā formātā. Savukārt milzu izkrītošās izvēlnes dod jums iespēju izcelt konkrētus izvēlnes vienumus. Piemēram, jūs varat izmantot dažādas:

  • Teksta izmērus

  • Teksta krāsas

  • Fontus

  • Ikonas

Tas ļauj jums pievienot vairāk struktūras savas izkrītošās izvēlnes saturam. Ne visi vienumi ir jāsaista ar reālu lapu; daži vārdi vienkārši var kalpot par klikšķiem neieslēgtajiem virsrakstiem dažādām klikšķināmajām apakškategorijām.

Padoms #4: Izvairieties no papildu funkciju iekļaušanas

Nekādā gadījumā neiekļaujiet sarežģītas mijiedarbības savās izkrītošajās izvēlnēs, piemēram, jaunumu reģistrāciju vai izvēles un meklēšanas laukus, jo tās bieži vien var atturēt lietotājus. Pēdējais, ko vēlaties, ir tas, ka jūsu galvenā izvēlne ir pārblīvēta. Turklāt šādi elementi bieži tiek iekļauti vairākās vietās tīmekļa vietnē. Viņiem ir lielāka ietekme, ja jūs tos novietojat lapās, kur tie vislabāk der.

Tomēr var būt ļoti efektīvi iekļaut aicinājumu uz darbību (CTA) pogu navigācijas joslā. Piemēram, pievienojiet pogu, kas ļauj jūsu klientiem veikt rezervāciju vai iegādi ar vienu klikšķi. Tikai atcerieties, ka CTA jānovieto blakus galvenajai izvēlnei un nevis izkrītošajā izvēlnē.

Padoms #5: Izvēlieties starp peles pārvietošanu vai klikšķināšanu

Daudzas tīmekļa vietnes izmanto izkrītošās izvēlnes, kas atveras, tiklīdz lietotājs pārvieto peli virs izvēlnes vienuma. Ja jūs domājat izmantot šo opciju, ir dažas lietas, par kurām jādomā:

  • Viss vienā acu uzmetienā: Milzu izvēlne jāatver uzreiz, nevis pakāpeniski, katru apakškategoriju soli pa solim.

  • Lielisks laiks: izvēlnei nevajadzētu būt pārāk jutīgai. Jums jāpārliecinās, lai tas nekļūtu pārtraukts, kad lietotājs pārāk ātri pārvieto peli virs tā. Tajā pašā laikā nevajadzētu reaģēt pārāk lēni. Mēs iesakām reakcijas laiku 0.1 līdz 0.5 sekundes optimālai lietojamībai. Arī ir laba ideja ļaut īsu pauzi pirms izvēlnes paslēpšanas, ja lietotājs nejauši atkāpjās no izvēlnes. Izvēlne, kas ir pārāk jutīga vai haotiska, kaitinās jūsu lietotājus un liks daudziem no viņiem padoties un pamest jūsu vietni vispār.

  • MouseOut programmēšana: Kad izkrītošā izvēlne ir aktivizēta, klienti pārvieto kursoru no navigācijas joslas uz izvēlni. Ja jūsu vietne nav pareizi programmēta, tā nepareizi reģistrēs MouseOut notikumu, kad pele atstāj navigācijas joslu, un izvēlne tiks aizvērta. Tāpēc ir svarīgi iestatīt izvēlni tā, lai izkrītošā izvēlne pazustu tikai tad, kad pele atstāj gan navigācijas joslu, gan pašu izkrītošo izvēlni.

  • Mobilā versija: Peles pārvietošanās nav iespējama viedtālruņos vai planšetdatoros. Ja vēlaties izmantot peles pārvietojuma aktivizētu izkrītošo izvēlni savā datora vietnē, atcerieties izmantot citas iestatīšanas mobilajā versijā.

Padoms #6: Ievērojiet trīs klikšķu noteikumu

Visvairāk tīmekļa vietnēs navigācijai jāseko 'trīs klikšķu noteikumam'. Tas nozīmē, ka jūsu lietotājiem vajadzētu būt iespējai sasniegt jebkuru informāciju jūsu vietnē ne vēlāk kā trīs klikšķos. Protams, tas ir tikai vispārīgs ceļvedis. Ja jums ir liela, ļoti detalizēta tīmekļa vietne, klikšķu skaits nav tik svarīgs, kamēr vietne ir labi organizēta. Visvairāk nozīmīgais ir tas, ka jūsu klienti vienmēr jūtas, ka ir viegli atrast ceļu.

Padoms #7: Izmantojiet vairākas izvēlnes

Informāciju bagātām tīmekļa vietnēm var būt noderīgi pievienot vairāk nekā vienu izvēlni. Jūs varat izvēlēties izkrītošo izvēlni ar jūsu produktu kategorijām kā galveno izvēlni, bet arī izmantot atsevišķu izvēlni kājā, kurā ir sekundārās kategorijas. Tas novērš jūsu galvenās izvēlnes pārblīvējumu. Apskatiet tabulu zemāk, lai redzētu, kā tas izskatās.

Padoms #8: Izskats ir svarīgs

Pievilcīga izvēlnes dizainam jāpaliek vienāda izmēra, pat ja galvenās izvēlnes vienumi satur dažādu skaitu apakškategoriju. Ja jūsu tīmekļa vietne ietver meklēšanas funkciju, pārliecinieties, ka izkrītošās izvēlnes to nenosegtu, kad tās tiek paplašinātas.

Jums vajadzētu arī iekļaut mazu vizuālu norādi, lai norādītu, vai kāds vienums navigācijas joslā izplešas izkrītošajā izvēlnē, ja lietotājs to noklikšķina vai pārvieto virs tā. Piemēram, novietojiet mazu bultu blakus izvēlnes nosaukumam: izkrītošajām izvēlnēm bultai jānorāda uz leju; izkristēm tam vajadzētu norādīt pa labi. Tas palīdz jūsu pircējiem instinktīvi saprast, ka viņi var sagaidīt vairāk informācijas.

Šeit ir daži padomi par tīmekļa navigācijas iespējām, ko jūs varat izmantot, lai uzlabotu savu konversijas līmeni. Mūsu lietojamības padomi palīdzēs padarīt jūsu galveno izvēlni — un visu jūsu tiešsaistes veikalu — draudzīgāku lietotājiem.

Padoms #1: Iepriekš noformējiet sava mājaslapas navigāciju

Pirms sākāt izvēlēties izvēlnes vienumus, ir svarīgi ieplānot katru funkciju un saturu jūsu tīmekļa vietnē. Jūs parasti varat sadalīt funkcijas un saturu galvenajās kategorijās un apakškategorijās. Pārliecinieties, ka katrai kategorijai piešķirat skaidrus, koncentrētus nosaukumus. Lietotāji parasti ātri pārskata izvēlnes vienumus, tāpēc ir svarīgi, lai viņi varētu tos viegli atšķirt un nekavējoties saprast, kas tie ir.

Padoms #2: Vispirms novietojiet visatbilstošākos vienumus

Izvēlnes vienumi, kas ir visinteresantākie jūsu lietotājiem, vienmēr būtu jāparādās jūsu galvenās izvēlnes sākumā. Ja esat SaaS pakalpojumu sniedzējs, piemēram, tad ir laba ideja sākt savu izvēlni ar vienumiem, kas pārliecina apmeklētājus, ka jūsu risinājums ir tieši viņiem. Mēģiniet izmantot šādus izvēlnes vienumus:

  • Kāpēc mēs?

  • Par mums

  • Cenas

Ja jūs vadāt tiešsaistes veikalu modes zīmei, jūsu izvēlnei jāfokusējas uz jūsu produktiem. Saites uz citu saturu, piemēram, produktu padomiem vai emuāra ierakstiem, būtu jāparādās izvēlnes beigās. Vispārīgi runājot, labākie veidi, kā optimizēt konversiju jūsu tiešsaistes biznesam, ir atkarīgi no tā, kurā nozarē jūs atrodaties.

Padoms #3: Izmantojiet vizuālo struktūru

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

Parasta izvēlne var rādīt tikai tekstu vienkāršā formātā. Savukārt milzu izkrītošās izvēlnes dod jums iespēju izcelt konkrētus izvēlnes vienumus. Piemēram, jūs varat izmantot dažādas:

  • Teksta izmērus

  • Teksta krāsas

  • Fontus

  • Ikonas

Tas ļauj jums pievienot vairāk struktūras savas izkrītošās izvēlnes saturam. Ne visi vienumi ir jāsaista ar reālu lapu; daži vārdi vienkārši var kalpot par klikšķiem neieslēgtajiem virsrakstiem dažādām klikšķināmajām apakškategorijām.

Padoms #4: Izvairieties no papildu funkciju iekļaušanas

Nekādā gadījumā neiekļaujiet sarežģītas mijiedarbības savās izkrītošajās izvēlnēs, piemēram, jaunumu reģistrāciju vai izvēles un meklēšanas laukus, jo tās bieži vien var atturēt lietotājus. Pēdējais, ko vēlaties, ir tas, ka jūsu galvenā izvēlne ir pārblīvēta. Turklāt šādi elementi bieži tiek iekļauti vairākās vietās tīmekļa vietnē. Viņiem ir lielāka ietekme, ja jūs tos novietojat lapās, kur tie vislabāk der.

Tomēr var būt ļoti efektīvi iekļaut aicinājumu uz darbību (CTA) pogu navigācijas joslā. Piemēram, pievienojiet pogu, kas ļauj jūsu klientiem veikt rezervāciju vai iegādi ar vienu klikšķi. Tikai atcerieties, ka CTA jānovieto blakus galvenajai izvēlnei un nevis izkrītošajā izvēlnē.

Padoms #5: Izvēlieties starp peles pārvietošanu vai klikšķināšanu

Daudzas tīmekļa vietnes izmanto izkrītošās izvēlnes, kas atveras, tiklīdz lietotājs pārvieto peli virs izvēlnes vienuma. Ja jūs domājat izmantot šo opciju, ir dažas lietas, par kurām jādomā:

  • Viss vienā acu uzmetienā: Milzu izvēlne jāatver uzreiz, nevis pakāpeniski, katru apakškategoriju soli pa solim.

  • Lielisks laiks: izvēlnei nevajadzētu būt pārāk jutīgai. Jums jāpārliecinās, lai tas nekļūtu pārtraukts, kad lietotājs pārāk ātri pārvieto peli virs tā. Tajā pašā laikā nevajadzētu reaģēt pārāk lēni. Mēs iesakām reakcijas laiku 0.1 līdz 0.5 sekundes optimālai lietojamībai. Arī ir laba ideja ļaut īsu pauzi pirms izvēlnes paslēpšanas, ja lietotājs nejauši atkāpjās no izvēlnes. Izvēlne, kas ir pārāk jutīga vai haotiska, kaitinās jūsu lietotājus un liks daudziem no viņiem padoties un pamest jūsu vietni vispār.

  • MouseOut programmēšana: Kad izkrītošā izvēlne ir aktivizēta, klienti pārvieto kursoru no navigācijas joslas uz izvēlni. Ja jūsu vietne nav pareizi programmēta, tā nepareizi reģistrēs MouseOut notikumu, kad pele atstāj navigācijas joslu, un izvēlne tiks aizvērta. Tāpēc ir svarīgi iestatīt izvēlni tā, lai izkrītošā izvēlne pazustu tikai tad, kad pele atstāj gan navigācijas joslu, gan pašu izkrītošo izvēlni.

  • Mobilā versija: Peles pārvietošanās nav iespējama viedtālruņos vai planšetdatoros. Ja vēlaties izmantot peles pārvietojuma aktivizētu izkrītošo izvēlni savā datora vietnē, atcerieties izmantot citas iestatīšanas mobilajā versijā.

Padoms #6: Ievērojiet trīs klikšķu noteikumu

Visvairāk tīmekļa vietnēs navigācijai jāseko 'trīs klikšķu noteikumam'. Tas nozīmē, ka jūsu lietotājiem vajadzētu būt iespējai sasniegt jebkuru informāciju jūsu vietnē ne vēlāk kā trīs klikšķos. Protams, tas ir tikai vispārīgs ceļvedis. Ja jums ir liela, ļoti detalizēta tīmekļa vietne, klikšķu skaits nav tik svarīgs, kamēr vietne ir labi organizēta. Visvairāk nozīmīgais ir tas, ka jūsu klienti vienmēr jūtas, ka ir viegli atrast ceļu.

Padoms #7: Izmantojiet vairākas izvēlnes

Informāciju bagātām tīmekļa vietnēm var būt noderīgi pievienot vairāk nekā vienu izvēlni. Jūs varat izvēlēties izkrītošo izvēlni ar jūsu produktu kategorijām kā galveno izvēlni, bet arī izmantot atsevišķu izvēlni kājā, kurā ir sekundārās kategorijas. Tas novērš jūsu galvenās izvēlnes pārblīvējumu. Apskatiet tabulu zemāk, lai redzētu, kā tas izskatās.

Padoms #8: Izskats ir svarīgs

Pievilcīga izvēlnes dizainam jāpaliek vienāda izmēra, pat ja galvenās izvēlnes vienumi satur dažādu skaitu apakškategoriju. Ja jūsu tīmekļa vietne ietver meklēšanas funkciju, pārliecinieties, ka izkrītošās izvēlnes to nenosegtu, kad tās tiek paplašinātas.

Jums vajadzētu arī iekļaut mazu vizuālu norādi, lai norādītu, vai kāds vienums navigācijas joslā izplešas izkrītošajā izvēlnē, ja lietotājs to noklikšķina vai pārvieto virs tā. Piemēram, novietojiet mazu bultu blakus izvēlnes nosaukumam: izkrītošajām izvēlnēm bultai jānorāda uz leju; izkristēm tam vajadzētu norādīt pa labi. Tas palīdz jūsu pircējiem instinktīvi saprast, ka viņi var sagaidīt vairāk informācijas.

Šeit ir daži padomi par tīmekļa navigācijas iespējām, ko jūs varat izmantot, lai uzlabotu savu konversijas līmeni. Mūsu lietojamības padomi palīdzēs padarīt jūsu galveno izvēlni — un visu jūsu tiešsaistes veikalu — draudzīgāku lietotājiem.

Padoms #1: Iepriekš noformējiet sava mājaslapas navigāciju

Pirms sākāt izvēlēties izvēlnes vienumus, ir svarīgi ieplānot katru funkciju un saturu jūsu tīmekļa vietnē. Jūs parasti varat sadalīt funkcijas un saturu galvenajās kategorijās un apakškategorijās. Pārliecinieties, ka katrai kategorijai piešķirat skaidrus, koncentrētus nosaukumus. Lietotāji parasti ātri pārskata izvēlnes vienumus, tāpēc ir svarīgi, lai viņi varētu tos viegli atšķirt un nekavējoties saprast, kas tie ir.

Padoms #2: Vispirms novietojiet visatbilstošākos vienumus

Izvēlnes vienumi, kas ir visinteresantākie jūsu lietotājiem, vienmēr būtu jāparādās jūsu galvenās izvēlnes sākumā. Ja esat SaaS pakalpojumu sniedzējs, piemēram, tad ir laba ideja sākt savu izvēlni ar vienumiem, kas pārliecina apmeklētājus, ka jūsu risinājums ir tieši viņiem. Mēģiniet izmantot šādus izvēlnes vienumus:

  • Kāpēc mēs?

  • Par mums

  • Cenas

Ja jūs vadāt tiešsaistes veikalu modes zīmei, jūsu izvēlnei jāfokusējas uz jūsu produktiem. Saites uz citu saturu, piemēram, produktu padomiem vai emuāra ierakstiem, būtu jāparādās izvēlnes beigās. Vispārīgi runājot, labākie veidi, kā optimizēt konversiju jūsu tiešsaistes biznesam, ir atkarīgi no tā, kurā nozarē jūs atrodaties.

Padoms #3: Izmantojiet vizuālo struktūru

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

Parasta izvēlne var rādīt tikai tekstu vienkāršā formātā. Savukārt milzu izkrītošās izvēlnes dod jums iespēju izcelt konkrētus izvēlnes vienumus. Piemēram, jūs varat izmantot dažādas:

  • Teksta izmērus

  • Teksta krāsas

  • Fontus

  • Ikonas

Tas ļauj jums pievienot vairāk struktūras savas izkrītošās izvēlnes saturam. Ne visi vienumi ir jāsaista ar reālu lapu; daži vārdi vienkārši var kalpot par klikšķiem neieslēgtajiem virsrakstiem dažādām klikšķināmajām apakškategorijām.

Padoms #4: Izvairieties no papildu funkciju iekļaušanas

Nekādā gadījumā neiekļaujiet sarežģītas mijiedarbības savās izkrītošajās izvēlnēs, piemēram, jaunumu reģistrāciju vai izvēles un meklēšanas laukus, jo tās bieži vien var atturēt lietotājus. Pēdējais, ko vēlaties, ir tas, ka jūsu galvenā izvēlne ir pārblīvēta. Turklāt šādi elementi bieži tiek iekļauti vairākās vietās tīmekļa vietnē. Viņiem ir lielāka ietekme, ja jūs tos novietojat lapās, kur tie vislabāk der.

Tomēr var būt ļoti efektīvi iekļaut aicinājumu uz darbību (CTA) pogu navigācijas joslā. Piemēram, pievienojiet pogu, kas ļauj jūsu klientiem veikt rezervāciju vai iegādi ar vienu klikšķi. Tikai atcerieties, ka CTA jānovieto blakus galvenajai izvēlnei un nevis izkrītošajā izvēlnē.

Padoms #5: Izvēlieties starp peles pārvietošanu vai klikšķināšanu

Daudzas tīmekļa vietnes izmanto izkrītošās izvēlnes, kas atveras, tiklīdz lietotājs pārvieto peli virs izvēlnes vienuma. Ja jūs domājat izmantot šo opciju, ir dažas lietas, par kurām jādomā:

  • Viss vienā acu uzmetienā: Milzu izvēlne jāatver uzreiz, nevis pakāpeniski, katru apakškategoriju soli pa solim.

  • Lielisks laiks: izvēlnei nevajadzētu būt pārāk jutīgai. Jums jāpārliecinās, lai tas nekļūtu pārtraukts, kad lietotājs pārāk ātri pārvieto peli virs tā. Tajā pašā laikā nevajadzētu reaģēt pārāk lēni. Mēs iesakām reakcijas laiku 0.1 līdz 0.5 sekundes optimālai lietojamībai. Arī ir laba ideja ļaut īsu pauzi pirms izvēlnes paslēpšanas, ja lietotājs nejauši atkāpjās no izvēlnes. Izvēlne, kas ir pārāk jutīga vai haotiska, kaitinās jūsu lietotājus un liks daudziem no viņiem padoties un pamest jūsu vietni vispār.

  • MouseOut programmēšana: Kad izkrītošā izvēlne ir aktivizēta, klienti pārvieto kursoru no navigācijas joslas uz izvēlni. Ja jūsu vietne nav pareizi programmēta, tā nepareizi reģistrēs MouseOut notikumu, kad pele atstāj navigācijas joslu, un izvēlne tiks aizvērta. Tāpēc ir svarīgi iestatīt izvēlni tā, lai izkrītošā izvēlne pazustu tikai tad, kad pele atstāj gan navigācijas joslu, gan pašu izkrītošo izvēlni.

  • Mobilā versija: Peles pārvietošanās nav iespējama viedtālruņos vai planšetdatoros. Ja vēlaties izmantot peles pārvietojuma aktivizētu izkrītošo izvēlni savā datora vietnē, atcerieties izmantot citas iestatīšanas mobilajā versijā.

Padoms #6: Ievērojiet trīs klikšķu noteikumu

Visvairāk tīmekļa vietnēs navigācijai jāseko 'trīs klikšķu noteikumam'. Tas nozīmē, ka jūsu lietotājiem vajadzētu būt iespējai sasniegt jebkuru informāciju jūsu vietnē ne vēlāk kā trīs klikšķos. Protams, tas ir tikai vispārīgs ceļvedis. Ja jums ir liela, ļoti detalizēta tīmekļa vietne, klikšķu skaits nav tik svarīgs, kamēr vietne ir labi organizēta. Visvairāk nozīmīgais ir tas, ka jūsu klienti vienmēr jūtas, ka ir viegli atrast ceļu.

Padoms #7: Izmantojiet vairākas izvēlnes

Informāciju bagātām tīmekļa vietnēm var būt noderīgi pievienot vairāk nekā vienu izvēlni. Jūs varat izvēlēties izkrītošo izvēlni ar jūsu produktu kategorijām kā galveno izvēlni, bet arī izmantot atsevišķu izvēlni kājā, kurā ir sekundārās kategorijas. Tas novērš jūsu galvenās izvēlnes pārblīvējumu. Apskatiet tabulu zemāk, lai redzētu, kā tas izskatās.

Padoms #8: Izskats ir svarīgs

Pievilcīga izvēlnes dizainam jāpaliek vienāda izmēra, pat ja galvenās izvēlnes vienumi satur dažādu skaitu apakškategoriju. Ja jūsu tīmekļa vietne ietver meklēšanas funkciju, pārliecinieties, ka izkrītošās izvēlnes to nenosegtu, kad tās tiek paplašinātas.

Jums vajadzētu arī iekļaut mazu vizuālu norādi, lai norādītu, vai kāds vienums navigācijas joslā izplešas izkrītošajā izvēlnē, ja lietotājs to noklikšķina vai pārvieto virs tā. Piemēram, novietojiet mazu bultu blakus izvēlnes nosaukumam: izkrītošajām izvēlnēm bultai jānorāda uz leju; izkristēm tam vajadzētu norādīt pa labi. Tas palīdz jūsu pircējiem instinktīvi saprast, ka viņi var sagaidīt vairāk informācijas.

Mobilā komercija: Padarot jūsu interneta veikalu viegli pārlūkojamu viedtālrunī

Klienti aizvien vairāk izmanto savus viedtālruņus, lai pasūtītu preces tiešsaistē. Tas nozīmē, ka, izvēloties izvēlnes iespējas savai e-veikalam, ir svarīgi ņemt vērā mobilos pircējus. Vairs netiek uzskatīts par labu ideju slēpt noteiktus izvēlnes vienumus jūsu mobilajā versijā. Pēc būtības, vai mobilie lietotāji negaida piekļuvi tādai pašai informācijai kā galddatoru lietotāji? Apskatīsim dažas lietotājam draudzīgas iespējas, lai atvieglotu jūsu vietnes pārlūkošanu mobilajā ierīcē.

'Nekas nedarīt' pieeja

Vieglakais veids, kā izveidot savu mobilās vietnes navigāciju, ir padarīt to praktiski identisku jūsu galddatori vietnei. Jums būs jāveic tikai dažas nelielas izmaiņas, lai lietotājiem būtu vieglāk piespiest izvēlnes vienumus, izmantojot viņu skārienekrānus. Piemēram:

  • Palieliniet attālumu starp individuālajiem navigācijas vienumiem. 

  • Izvēlieties piemērotu teksta izmēru. 

Tomēr šī pieeja patiešām darbojas tikai vietnēm, kurām ir īsas izvēlnes un maz vienumu, ko pārlūkot. Lielākām vietnēm daudzslāņu mobilās navigācijas dizains ir draudzīgāka iespēja.

Izvērstā izvēlne

Izvērstās izvēlnes ļauj piedāvāt visas tās pašas iespējas kā jūsu galddatora vietne, izkārtojumā, kas vairāk piemērots mobilajam iepirkumam. Kad lietotājs piespiež izvēlnes vienumu, viņu navigācijas iespējas paplašinās pāri saturam. Tāpēc šīs izvēlnes veids mobilajām vietnēm ir pazīstams arī kā pārklājuma izvēlne.

Slīdošās izvēlnes

Mobilajām vietnēm slīdošās izvēlnes ir izdevīgāks izvēlnes veids nekā izvērstās. Kad slīdošā izvēlne atveras, tā nepārklāj lapas saturu, bet pārvieto to uz leju. Tas ļauj klientam joprojām ritināt uz leju un redzēt saturu, ja viņi vēlas, pat kad izvēlne ir atvērta. Šis izvēlnes veids ir nedaudz grūtāk programmējams, taču tas ir ļoti populārs lietotāju vidū.

Off-canvas navigācija

Ar šo opciju izvēlne nav integrēta lapas izkārtojumā, tāpēc tā neaizņem vietu ekrānā. Lietotājam ir vienkārši jānospiež izvēlnes poga, lai atvērtu izvēlni, kas aizklāj pārējo lapu. Tad vietnes navigācijas struktūra ir vienīgā lieta uz ekrāna. Šī ir īpaši laba opcija vietnēm ar daudziem apakškategorijām.

Klienti aizvien vairāk izmanto savus viedtālruņus, lai pasūtītu preces tiešsaistē. Tas nozīmē, ka, izvēloties izvēlnes iespējas savai e-veikalam, ir svarīgi ņemt vērā mobilos pircējus. Vairs netiek uzskatīts par labu ideju slēpt noteiktus izvēlnes vienumus jūsu mobilajā versijā. Pēc būtības, vai mobilie lietotāji negaida piekļuvi tādai pašai informācijai kā galddatoru lietotāji? Apskatīsim dažas lietotājam draudzīgas iespējas, lai atvieglotu jūsu vietnes pārlūkošanu mobilajā ierīcē.

'Nekas nedarīt' pieeja

Vieglakais veids, kā izveidot savu mobilās vietnes navigāciju, ir padarīt to praktiski identisku jūsu galddatori vietnei. Jums būs jāveic tikai dažas nelielas izmaiņas, lai lietotājiem būtu vieglāk piespiest izvēlnes vienumus, izmantojot viņu skārienekrānus. Piemēram:

  • Palieliniet attālumu starp individuālajiem navigācijas vienumiem. 

  • Izvēlieties piemērotu teksta izmēru. 

Tomēr šī pieeja patiešām darbojas tikai vietnēm, kurām ir īsas izvēlnes un maz vienumu, ko pārlūkot. Lielākām vietnēm daudzslāņu mobilās navigācijas dizains ir draudzīgāka iespēja.

Izvērstā izvēlne

Izvērstās izvēlnes ļauj piedāvāt visas tās pašas iespējas kā jūsu galddatora vietne, izkārtojumā, kas vairāk piemērots mobilajam iepirkumam. Kad lietotājs piespiež izvēlnes vienumu, viņu navigācijas iespējas paplašinās pāri saturam. Tāpēc šīs izvēlnes veids mobilajām vietnēm ir pazīstams arī kā pārklājuma izvēlne.

Slīdošās izvēlnes

Mobilajām vietnēm slīdošās izvēlnes ir izdevīgāks izvēlnes veids nekā izvērstās. Kad slīdošā izvēlne atveras, tā nepārklāj lapas saturu, bet pārvieto to uz leju. Tas ļauj klientam joprojām ritināt uz leju un redzēt saturu, ja viņi vēlas, pat kad izvēlne ir atvērta. Šis izvēlnes veids ir nedaudz grūtāk programmējams, taču tas ir ļoti populārs lietotāju vidū.

Off-canvas navigācija

Ar šo opciju izvēlne nav integrēta lapas izkārtojumā, tāpēc tā neaizņem vietu ekrānā. Lietotājam ir vienkārši jānospiež izvēlnes poga, lai atvērtu izvēlni, kas aizklāj pārējo lapu. Tad vietnes navigācijas struktūra ir vienīgā lieta uz ekrāna. Šī ir īpaši laba opcija vietnēm ar daudziem apakškategorijām.

Klienti aizvien vairāk izmanto savus viedtālruņus, lai pasūtītu preces tiešsaistē. Tas nozīmē, ka, izvēloties izvēlnes iespējas savai e-veikalam, ir svarīgi ņemt vērā mobilos pircējus. Vairs netiek uzskatīts par labu ideju slēpt noteiktus izvēlnes vienumus jūsu mobilajā versijā. Pēc būtības, vai mobilie lietotāji negaida piekļuvi tādai pašai informācijai kā galddatoru lietotāji? Apskatīsim dažas lietotājam draudzīgas iespējas, lai atvieglotu jūsu vietnes pārlūkošanu mobilajā ierīcē.

'Nekas nedarīt' pieeja

Vieglakais veids, kā izveidot savu mobilās vietnes navigāciju, ir padarīt to praktiski identisku jūsu galddatori vietnei. Jums būs jāveic tikai dažas nelielas izmaiņas, lai lietotājiem būtu vieglāk piespiest izvēlnes vienumus, izmantojot viņu skārienekrānus. Piemēram:

  • Palieliniet attālumu starp individuālajiem navigācijas vienumiem. 

  • Izvēlieties piemērotu teksta izmēru. 

Tomēr šī pieeja patiešām darbojas tikai vietnēm, kurām ir īsas izvēlnes un maz vienumu, ko pārlūkot. Lielākām vietnēm daudzslāņu mobilās navigācijas dizains ir draudzīgāka iespēja.

Izvērstā izvēlne

Izvērstās izvēlnes ļauj piedāvāt visas tās pašas iespējas kā jūsu galddatora vietne, izkārtojumā, kas vairāk piemērots mobilajam iepirkumam. Kad lietotājs piespiež izvēlnes vienumu, viņu navigācijas iespējas paplašinās pāri saturam. Tāpēc šīs izvēlnes veids mobilajām vietnēm ir pazīstams arī kā pārklājuma izvēlne.

Slīdošās izvēlnes

Mobilajām vietnēm slīdošās izvēlnes ir izdevīgāks izvēlnes veids nekā izvērstās. Kad slīdošā izvēlne atveras, tā nepārklāj lapas saturu, bet pārvieto to uz leju. Tas ļauj klientam joprojām ritināt uz leju un redzēt saturu, ja viņi vēlas, pat kad izvēlne ir atvērta. Šis izvēlnes veids ir nedaudz grūtāk programmējams, taču tas ir ļoti populārs lietotāju vidū.

Off-canvas navigācija

Ar šo opciju izvēlne nav integrēta lapas izkārtojumā, tāpēc tā neaizņem vietu ekrānā. Lietotājam ir vienkārši jānospiež izvēlnes poga, lai atvērtu izvēlni, kas aizklāj pārējo lapu. Tad vietnes navigācijas struktūra ir vienīgā lieta uz ekrāna. Šī ir īpaši laba opcija vietnēm ar daudziem apakškategorijām.

Klienti aizvien vairāk izmanto savus viedtālruņus, lai pasūtītu preces tiešsaistē. Tas nozīmē, ka, izvēloties izvēlnes iespējas savai e-veikalam, ir svarīgi ņemt vērā mobilos pircējus. Vairs netiek uzskatīts par labu ideju slēpt noteiktus izvēlnes vienumus jūsu mobilajā versijā. Pēc būtības, vai mobilie lietotāji negaida piekļuvi tādai pašai informācijai kā galddatoru lietotāji? Apskatīsim dažas lietotājam draudzīgas iespējas, lai atvieglotu jūsu vietnes pārlūkošanu mobilajā ierīcē.

'Nekas nedarīt' pieeja

Vieglakais veids, kā izveidot savu mobilās vietnes navigāciju, ir padarīt to praktiski identisku jūsu galddatori vietnei. Jums būs jāveic tikai dažas nelielas izmaiņas, lai lietotājiem būtu vieglāk piespiest izvēlnes vienumus, izmantojot viņu skārienekrānus. Piemēram:

  • Palieliniet attālumu starp individuālajiem navigācijas vienumiem. 

  • Izvēlieties piemērotu teksta izmēru. 

Tomēr šī pieeja patiešām darbojas tikai vietnēm, kurām ir īsas izvēlnes un maz vienumu, ko pārlūkot. Lielākām vietnēm daudzslāņu mobilās navigācijas dizains ir draudzīgāka iespēja.

Izvērstā izvēlne

Izvērstās izvēlnes ļauj piedāvāt visas tās pašas iespējas kā jūsu galddatora vietne, izkārtojumā, kas vairāk piemērots mobilajam iepirkumam. Kad lietotājs piespiež izvēlnes vienumu, viņu navigācijas iespējas paplašinās pāri saturam. Tāpēc šīs izvēlnes veids mobilajām vietnēm ir pazīstams arī kā pārklājuma izvēlne.

Slīdošās izvēlnes

Mobilajām vietnēm slīdošās izvēlnes ir izdevīgāks izvēlnes veids nekā izvērstās. Kad slīdošā izvēlne atveras, tā nepārklāj lapas saturu, bet pārvieto to uz leju. Tas ļauj klientam joprojām ritināt uz leju un redzēt saturu, ja viņi vēlas, pat kad izvēlne ir atvērta. Šis izvēlnes veids ir nedaudz grūtāk programmējams, taču tas ir ļoti populārs lietotāju vidū.

Off-canvas navigācija

Ar šo opciju izvēlne nav integrēta lapas izkārtojumā, tāpēc tā neaizņem vietu ekrānā. Lietotājam ir vienkārši jānospiež izvēlnes poga, lai atvērtu izvēlni, kas aizklāj pārējo lapu. Tad vietnes navigācijas struktūra ir vienīgā lieta uz ekrāna. Šī ir īpaši laba opcija vietnēm ar daudziem apakškategorijām.

Secinājums: Cik viegli ir pārvietoties pa jūsu interneta veikalu?

Ieviešanai jūsu internetaveikalā ir daudz iespēju, kā izveidot lietotājam draudzīgu izvēlni. Atkarībā no jūsu izmantotā veikala sistēmas jūs varat izvēlēties no daudzām navigācijas dizaina iespējām. Neatkarīgi no jūsu izvēles, ir svarīgi skaidri strukturēt jūsu vietnes saturu jau no paša sākuma. Ja jums ir liela produktu sortiments, labākais risinājums ir lietot izkrītošās izvēlnes jūsu darbvirsmas vietnei un izkrītošās izvēlnes jūsu mobilajā versijā. Izmantojiet tālāk norādīto pārbaudes sarakstu, lai pārliecinātos, ka neaizmirstat nevienu no mūsu padomiem, veidojot navigācijas izvēlni jūsu vietnei.

Pārbaudes saraksts lietotājam draudzīgu izkrītošo izvēlņu izveidošanai

  1. Kategoriju nosaukumi ir īsi un viegli saprotami.

  2. Galvenās kategorijas ir sakārtotas atbilstoši to nozīmei lietotājam.

  3. Blakus izvēlnes nosaukumam ir vizuāls norāde (piemēram, maza bultiņa), kas norāda, ka izvēlne izkrīt.

  4. Izkrītošā izvēlne atveras 0,1 līdz 0,5 sekunžu laikā, kad lietotājs virzās pāri tam navigācijas joslā.

  5. Izkrītošā izvēlne tiek atvērta pilnībā no paša sākuma. Klientiem nav jāsper klikšķis uz kategorijas, lai redzētu tās apakškategorijas.

  6. Vizuālās norādes, piemēram, ikonas un dažādas teksta krāsas, tiek izmantotas, lai paplašinātā izkrītošā izvēlne būtu vieglāk navigējama.

  7. Izvēlne nepieņemās, ja lietotājs pārvieto kursoru prom no navigācijas joslas un uz paplašināto izkrītošo izvēlni.

  8. Visas izkrītošās izvēlnes ir vienāda izmēra, neatkarīgi no tā, cik daudz apakškategoriju tās satur.

  9. Izkrītošajās izvēlnēs nav interaktīvu funkciju (piemēram, jaunumu reģistrēšanās).

  10. Paplašinātā izkrītošā izvēlne nepārklāj meklēšanas lauku vai citu svarīgu saturu.

  11. Otrās funkcijas ir uzskaitītas atsevišķās izvēlnēs (piemēram, kājājā).

Vairāk atjauninājumu

Paliec informēts

Nekad nepalaid garām atjauninājumus. Saņemiet produktu atjauninājumus, ziņas un klientu stāstus tieši savā iesūtnē.

Paliec informēts

Nekad nepalaid garām atjauninājumus. Saņemiet produktu atjauninājumus, ziņas un klientu stāstus tieši savā iesūtnē.

Savienojiet katru maksājumu. Uzlabojiet katru sava uzņēmuma daļu.

Nekad nepalaid garām atjauninājumus. Saņemiet produktu atjauninājumus, ziņas un klientu stāstus tieši savā iesūtnē.

Paliec informēts

Nekad nepalaid garām atjauninājumus. Saņemiet produktu atjauninājumus, ziņas un klientu stāstus tieši savā iesūtnē.

Form fields
Form fields
Form fields

Satura rādītājs

Satura rādītājs

Satura rādītājs

Satura rādītājs

MollieIzaugsmeIzvelkamās izvēlnes: Kuri navigācijas veidi uzlabo jūsu vietnes konversijas koeficientu?
MollieIzaugsmeIzvelkamās izvēlnes: Kuri navigācijas veidi uzlabo jūsu vietnes konversijas koeficientu?
MollieIzaugsmeIzvelkamās izvēlnes: Kuri navigācijas veidi uzlabo jūsu vietnes konversijas koeficientu?