Menyer och navigation som ingen går vilse i
Av CodexierPublicerad 6 min läsning
En besökare läser en meny en gång, i ungefär en sekund, och avgör om hemsidan kan göra det hen kom för. Navigation som speglar er interna struktur klarar inte det testet; navigation byggd från besökarens viktigaste uppgifter gör det. Den här guiden visar vägen dit med en metod du kan köra själv.
De viktigaste uppgifterna styr menyn
De viktigaste uppgifterna hittas, de hittas inte på. Titta på sökfraserna i Search Console, frågorna som kommer via telefon och inkorg, och sidorna besökarna redan når oftast. För en klinik är listan oftast 'boka', 'priser', 'vad ni behandlar', 'var ni finns', 'vilka som jobbar här'. För en grossist är den 'produkter', 'logga in', 'bli kund', 'leverans', 'kontakt'. Lägg märke till vad som saknas: 'om oss' är sällan en viktig uppgift, trots att det nästan alltid ligger på plats två.
Rubriker med besökarens ord
En rubrik fungerar när besökaren kan förutse vad som finns bakom den. Interna namn ('Lösningar', 'Resurser', 'Vårt erbjudande') beskriver hur ni ser på företaget; uppgiftsnamn ('Priser', 'Boka tid', 'Hjälp') beskriver vad besökaren vill. Mekanismen är förutsägelse: en rubrik som kräver ett klick för att förstås har redan misslyckats, för besökaren skannar alla rubriker först och klickar bara när en är en tydlig träff.
| I stället för | Skriv | Varför |
|---|---|---|
| Lösningar | Tjänster, eller de faktiska tjänstenamnen | 'Lösningar' kan betyda vad som helst |
| Resurser | Guider, eller Hjälp | Ingen letar efter resurser; de letar efter ett svar |
| Vårt erbjudande | Det här gör vi | Vanligt språk förutsäger innehåll |
| Hör av dig | Kontakt, eller Boka samtal | Säg vad som händer |
| Produkter (för en B2B-grossist) | Produktkatalog och Logga in | Företagsköpare letar efter inloggningen först |
Behöver en rubrik en underrubrik för att förstås är rubriken fel.
Hur många val som är för många
Fem till sju val på översta nivån är det fungerande spannet för en mindre företagshemsida. Under fem gömmer du förmodligen uppgifter i rullgardiner som borde synas; över sju slutar besökaren läsa menyn som en helhet och börjar skanna den som en lista, vilket är långsammare och ger fler fel. Rullgardiner är okej när överrubriken förutsäger innehållet ('Tjänster' som öppnar tjänstenamn); de skadar när de gömmer det enda folk vill ha.
- En primär handling, utformad som en knapp, längst till höger: boka, beställ, logga in eller ring.
- Högst en nivå av rullgardin. En andra nivå betyder att sidstrukturen behöver arbete, inte menyn.
- Megamenyer bara för stora sortiment där besökaren vinner på att se kategorierna på en gång.
- Juridik, jobb, press och partners hör hemma i sidfoten, där de som behöver dem vet att leta.
Navigation i mobilen
I mobilen är menyn gömd bakom en ikon, så den primära handlingen måste ligga utanför den. Håll 'Boka' eller 'Ring' synlig i sidhuvudet hela tiden, lägg hela menyn bakom hamburgerikonen med samma ordning och samma rubriker som på datorn, och gör panelen en nivå djup med stora tryckytor. De flesta svenska tjänstesajter får merparten av besöken från mobiler, så mobilversionen är versionen.
Sidhuvud
Logotyp till vänster, primär handling till höger, menyikon intill. Inget annat.
Panel
Lista i full höjd, samma val som på datorn, undermenyer utfällda direkt i stället för i en andra panel.
Bottenrad
Värt det för bokningsdrivna sajter: 'Boka', 'Ring', 'Vägbeskrivning' fast längst ner på varje sida.
Kortsortering på egen hand
En kortsortering testar om din gruppering stämmer med hur besökarna tänker, och du kan köra den med post-it-lappar eller ett gratis onlineverktyg. Skriv varje sida eller uppgift på ett kort, ge högen till en person som liknar dina besökare och be hen gruppera korten och namnge varje grupp. Upprepa med tio personer. Grupperna som återkommer är din meny; namnen de skrev är dina rubriker.
- Skriv trettio till femtio kort: ett per sida eller uppgift, med vanliga ord, inga interna namn.
- Be varje deltagare sortera dem i grupper som känns rimliga, och sedan namnge grupperna.
- Notera var kort hamnar i olika grupper hos olika personer: de sidorna behöver ett tydligare namn eller en andra länk.
- Bygg menyn från de vanligaste grupperna, med deltagarnas namn på dem.
- Gör ett snabbt omvänt test: ge fem nya personer en uppgift och fråga vilket menyval de skulle klicka på. Justera där de missar.
När du inte behöver köpa hjälp: en hemsida med under femton sidor kan du sortera själv på en eftermiddag med den här metoden. En UX-granskning för 7 990 kr är motiverad när sajten är större, när statistiken visar besökare som studsar mellan sidor utan att konvertera, eller när ni står inför en omgörning och vill ha strukturen testad innan designen börjar; hela paketlistan finns på prissidan, och ett kort samtal säger ärligt om menyn är problemet.
- UX-granskning och konverteringsförbättringEn strukturerad genomgång av navigation, sidflöde och punkterna där besökare ger upp, med prioriterade åtgärder.
- PriserAlla paket med publicerat pris och leveranstid.
- Boka ett kostnadsfritt 15-minuterssamtalSkicka er webbadress; vi tittar på menyn tillsammans och säger om strukturen är där läckan sitter.
Vanliga frågor
Ska logotypen länka till startsidan?
Ja, alltid. Det är den navigationsvana varje besökare lärt sig, och att bryta den kostar de besökare som använder den som bakåtknapp. Lägg den till vänster i sidhuvudet på både dator och mobil.
Är en hamburgermeny dålig på datorn?
På datorn gömmer den rubrikerna som låter besökare bedöma sajten på en blick, så en synlig meny fungerar bättre för de flesta företagshemsidor. Spara hamburgerikonen till mobilen, där det inte finns plats för något annat, och håll den primära handlingen synlig utanför den.
Var ska 'Om oss' ligga?
I menyn om förtroende är en del av köpbeslutet (en klinik, en konsultbyrå, en advokatbyrå), mot slutet av ordningen. I sidfoten om besökarna kommer för att köpa eller boka något specifikt och företagets historia är sekundär. Oavsett är det sällan andra valet, där de flesta sajter lägger det.
Hur vet jag om navigationen är sajtens problem?
Leta efter besökare som tittar på flera sidor i snabb följd och lämnar utan att konvertera, hög användning av sajtens sökfunktion, och supportmejl som frågar var något finns. Alla tre betyder att folk inte kunde förutse var svaret fanns. En kortsortering eller ett kort användartest visar vilka rubriker eller grupperingar som orsakar det.
Osäker på om menyn tappar besökare?
Skicka er webbadress före samtalet. På femton minuter går vi igenom menyn mot era viktigaste uppgifter och säger om strukturen behöver arbete, och vad en riktig granskning skulle kosta.
Boka ett kostnadsfritt 15-minuterssamtal