Navigation som går att förstå.
Hur många punkter ska en meny ha och vad ska de heta?
Fem till sju punkter i huvudmenyn. Namnge dem med kundens ord, inte företagets — "Priser" slår "Investering", "Tjänster" slår "Lösningar". Fler än sju punkter grupperas hellre än gallras, eftersom betänketiden växer logaritmiskt med antalet val. På desktop bör menyn vara synlig: en hamburgermeny på en stor skärm göms bakom ett klick och används mätbart mindre.
Menyn är det som talar om vad sajten innehåller. Blir den fel spelar det ingen roll hur bra undersidorna är — ingen hittar dem.
Hur många punkter
Fem till sju i huvudmenyn.
Enligt Hicks lag växer betänketiden logaritmiskt med antalet val, vilket ger en användbar konsekvens: gruppering slår gallring. Vi går igenom formeln i UX-lagarna. Tolv punkter i tre grupper är lättare att ta sig igenom än tolv i rad, och nästan lika lätt som fyra.
Så innan du plockar bort något viktigt — pröva om det går att gruppera i stället.
Vad de ska heta
Här går det oftast fel, och alltid åt samma håll: företaget använder sina egna ord.
| Företagets ord | Kundens ord |
|---|---|
| Lösningar | Tjänster |
| Investering | Priser |
| Vårt erbjudande | Vad vi gör |
| Insikter | Guider · Blogg |
| Kompetensområden | Tjänster |
| Kom i kontakt | Kontakt |
Regeln är obekväm men enkel: var tråkig i menyn. Jakobs lag säger att besökaren tillbringar merparten av sin tid på andra sajter och förväntar sig att din fungerar som dem. “Tjänster”, “Priser”, “Om oss”, “Kontakt” är tråkigt och begripligt på en halv sekund. Var originell i innehållet i stället.
Ett undantag värt att göra: har du en sida som svarar på en specifik fråga kunder faktiskt ställer, får den gärna heta det. “Vad kostar en hemsida” i menyn slår “Priser” om det är den frågan folk kommer med.
Hamburgermenyn på desktop
Nielsen Norman Group har mätt just den skillnaden: gömd navigation används mindre och gör uppgifter långsammare. På mobil är hamburgaren en rimlig kompromiss; ytan finns helt enkelt inte. På desktop är den ett aktivt val att göra sajten svårare att överblicka, ofta gjort för att det ser rent ut.
Har du fem punkter och en bred skärm — visa dem.
Fyra saker till som gör skillnad
Markera var man är. Den aktiva sidan ska synas i menyn. Utan det tappar besökaren orienteringen efter två klick. Tekniskt: aria-current="page" plus något visuellt.
Logotypen länkar hem. Alltid. Det är den mest inlärda konventionen som finns på webben, och den kostar ingenting att följa.
Brödsmulor på djupa sajter. Har du fler än två nivåer visar de var man befinner sig, och de visas dessutom i Googles sökresultat i stället för en naken adress — förutsatt att du märker upp dem med BreadcrumbList.
Sidfoten är också navigation. Det är där folk letar efter det tråkiga men nödvändiga: villkor, integritetspolicy, organisationsnummer, kontakt. Göm det inte.
Testet
Visa menyn för någon som inte känner till företaget och fråga: vad tror du finns bakom varje punkt?
Tvekar de på en punkt är den fel namngiven. Gissar de fel är den definitivt fel namngiven. Det tar två minuter och fångar nästan varje problem som är värt att fixa.
Sidan är fri att läsa, citera och länka till. Hittar du ett fel eller en siffra som hunnit bli gammal — mejla hej@webraketen.se, så rättar vi och skriver ut ändringsdatumet.