Glavni meni sajta: koliko stavki, kako ih nazvati i gde staviti dugme

Kada posetilac prvi put otvori sajt, pogled mu ide na dva mesta: uvodnu poruku i meni u zaglavlju. Iz menija za nekoliko sekundi zaključuje šta firma radi, da li ima ono što traži i gde da klikne. Zato glavni meni sajta nije samo spisak stranica, već kratak sažetak cele ponude. U ovom tekstu bavimo se navigacijom na desktopu: koliko stavki staviti, kako ih nazvati, kada ima smisla mega meni, da li zaglavlje treba da prati skrolovanje i kako u meni uklopiti dugme za upit. O telefonima smo pisali posebno, u tekstu mobilni meni: najbolje prakse.

Koliko stavki treba da ima meni

Ne postoji magičan broj, ali iskustvo pokazuje da je meni sa pet do sedam stavki u glavnom redu pregledan, a da posle toga posetilac počinje da preskače. Svaka nova stavka smanjuje pažnju koju dobijaju ostale. Pri odlučivanju pomaže nekoliko pitanja:

• Da li posetilac ovo traži? Usluge, cene i kontakt traže gotovo svi; istoriju firme i karijeru mnogo manje.
• Može li stavka da ide u podmeni? Pojedinačne usluge pripadaju pod zajedničku stavku „Usluge“.
• Može li stavka da ide u podnožje? Pravila privatnosti, uslovi korišćenja i karijera prirodno stoje dole.
• Da li postoje dve stavke koje znače isto? „O nama“ i „Ko smo mi“ ne treba da postoje zajedno.

Redosled je takođe važan. Ljudi najviše pažnje daju prvoj i poslednjoj stavci, pa na početak stavite ono najvažnije, obično usluge ili proizvode, a kontakt ili dugme za upit na kraj. Šta sve može da ode u podnožje, opisali smo u tekstu footer sajta: šta staviti.

Nazivi stavki: jezik kupca, ne interni žargon

Stavka u meniju mora da bude razumljiva bez razmišljanja. Kreativni nazivi poput „Otkrijte“, „Naš svet“ ili „Rešenja“ zvuče lepo na sastanku, ali posetilac ne zna šta ga čeka iza njih. Pravila koja se pokazuju u praksi:

Nazivi treba da budu kratki, po jedna ili dve reči, i da odgovaraju naslovima stranica na koje vode. Ako stavka glasi „Cene“, stranica ne treba da se zove „Paketi saradnje“. Dosledni nazivi pomažu i pretraživačima, jer su linkovi iz menija deo internog povezivanja sajta, o čemu pišemo u tekstu interno linkovanje: SEO vodič.

Padajući i mega meni

Kada firma ima mnogo usluga ili kategorija proizvoda, jedan red stavki nije dovoljan. Tada se koriste padajući meni, sa jednim spiskom podstavki, ili mega meni, veliki panel sa više kolona, naslovima grupa i ponekad slikama.

• Padajući meni je dovoljan kada podstavki ima do desetak i kada nisu grupisane.
• Mega meni ima smisla za web shop sa mnogo kategorija ili firmu sa više grupa usluga, jer pokazuje strukturu na prvi pogled.
• Ni jedno ni drugo nije potrebno ako sajt ima pet stranica.

Bez obzira na vrstu, nekoliko detalja odlučuje da li će meni biti prijatan ili frustrirajući:

1. Meni se ne zatvara čim miš malo skrene sa putanje; mala odložena reakcija sprečava slučajno zatvaranje.
2. Otvara se i tastaturom, a dugme koje ga otvara ima oznaku stanja, na primer atribut aria-expanded.
3. Glavna stavka je i sama link ka pregledu, ako takva stranica postoji, ili jasno dugme koje samo otvara podmeni; ne oboje na zbunjujući način.
4. Mega meni ne prekriva ceo ekran i zatvara se klikom van njega ili tasterom Escape.
5. Nema trećeg i četvrtog nivoa koji se otvaraju u stranu.

Lepljivo zaglavlje: da ili ne

Lepljivo zaglavlje ostaje na vrhu ekrana dok posetilac skroluje, pa su meni i dugme za kontakt uvek dostupni. Na dugim stranicama usluga i u web shopu to je korisno. Ipak, ima cenu: zauzima deo ekrana na kome se čita sadržaj. Dobar kompromis:

• zaglavlje se pri skrolovanju smanji na tanju traku sa logotipom, menijem i dugmetom;
• ili se sakrije pri skrolovanju nadole, a pojavi čim posetilac krene nagore;
• sidra na stranici imaju odmak da sadržaj ne završi ispod zaglavlja;
• na nižim ekranima laptopova zaglavlje ne prelazi oko desetine visine ekrana.

Dugme za upit u meniju

Glavna akcija koju želite od posetioca zaslužuje posebno mesto: dugme na desnom kraju menija, vizuelno drugačije od običnih stavki. Na primer „Zatražite ponudu“, „Zakažite termin“ ili „Pošaljite upit“. Pravila su jednostavna:

• samo jedno istaknuto dugme, jer dva ravnopravna dugmeta jedno drugom oduzimaju pažnju;
• natpis kaže šta se dešava posle klika, a ne samo „Kontakt“ ili „Kliknite“;
• broj telefona može da stoji pored, kao običan link, ako vam kupci često zovu;
• dugme ostaje vidljivo i u lepljivom zaglavlju.

Primere natpisa i stilova dugmadi naći ćete u tekstu poziv na akciju: primeri. Kada promenite meni, pratite u analitici klikove na stavke i na dugme, pa posle nekoliko nedelja proverite šta se koristi, a šta ne.

Kako da proverite postojeći meni

Pre nego što bilo šta menjate, korisno je da meni pogledate očima nekoga ko ne zna vašu firmu. Nekoliko jednostavnih provera otkriva većinu problema:

1. Zamolite poznanika koji ne radi kod vas da za pet sekundi pogleda meni i kaže čime se firma bavi.
2. Dajte mu konkretan zadatak, na primer da pronađe cenu jedne usluge ili radno vreme, i posmatrajte gde klikne prvo.
3. Prođite kroz meni samo tasterom Tab i proverite da li se vidi gde je fokus i da li se podmeniji otvaraju.
4. Smanjite prozor pregledača na širinu manjeg laptopa i proverite da li stavke prelaze u drugi red.
5. U analitici uporedite koje stranice posetioci zaista otvaraju sa onim što je istaknuto u meniju.

Ako se stavka gotovo ne koristi, a stranica je važna, problem je verovatno u nazivu. Ako se ne koristi, a stranica nije važna, premestite je u podnožje.

Dobar meni se ne primećuje: posetilac jednostavno nađe ono što traži. Ako vaš meni ima previše stavki ili nejasne nazive i želite da ga zajedno preuredimo, pošaljite nam upit.