Din meny är logisk för dig. Men besökare delar inte din mentala karta, och de kommer inte att leta efter det de behöver. När navigeringen är oklar studsar folk, supportärenden ökar och dina bästa sidor förblir osynliga.
Den här hierarkin för webbplatsnavigering är byggd för marknadsansvariga som bygger om en webbplats efter att ha lagt till nya erbjudanden, UX-team som behöver en försvarbar IA-inriktning innan design, och konsulter som försöker reda ut intressentkrav där “allt är viktigt”. Resultatet är en stegvis navigationsritning: en rekommenderad sidordning, grupperade menyetiketter (med Gestalt-lagens närhetsprincip), djupbegränsningar och en praktisk testplan kopplad till beteendesignaler som klick och scroll.
Vad gör den här AI-prompten och när ska du använda den?
| Vad den här prompten gör | När du ska använda den här prompten | Vad du får |
|---|---|---|
|
|
|
Hela AI-prompten: flerfasig plan för webbplatsnavigering & IA-ritning
Fyll i fälten nedan för att anpassa prompten efter dina behov.
| Variabel | Vad du ska ange | Anpassa prompten |
|---|---|---|
[FORMAT] |
Ange vilken typ av webbplats som ska designas, till exempel syfte eller kategori. Till exempel: "E-handelswebbplats för handgjorda smycken, portfoliosajt för en grafisk designer eller en webbplats för en SaaS-produkt."
|
|
[HUVUDMAL] |
Beskriv det huvudsakliga målet eller resultatet som webbplatsen ska uppnå. Till exempel: "Öka onlineförsäljningen med 20 %, generera leads för konsulttjänster eller förbättra registreringsgraden för en prenumerationsprodukt."
|
|
[MALGRUPP] |
Definiera den huvudsakliga användargruppen som webbplatsen vänder sig till, inklusive demografi, behov och beteenden. Till exempel: "Unga yrkesverksamma 25–35 år som söker prisvärda träningsprogram; småföretagare som letar efter bokföringsprogram; föräldrar som handlar pedagogiska leksaker."
|
|
[BRANSCH] |
Ange vilken bransch eller vilket område webbplatsen verkar inom, om relevant. Till exempel: "Hälso- och sjukvård, utbildning, detaljhandel, teknik eller ideella organisationer."
|
|
[KONTEXT] |
Lista befintliga eller planerade sektioner/kategorier på webbplatsen för att tydliggöra strukturen. Till exempel: "Hem, Om oss, Tjänster, Blogg, Kontakt, Vanliga frågor, Kundomdömen, Priser."
|
|
[KRITISKA_ANVANDARFLODEN] |
Beskriv viktiga användaraktiviteter eller flöden som är avgörande för affärsresultatet. Till exempel: "Användare behöver enkelt kunna boka en tid, köpa en produkt eller anmäla sig till ett nyhetsbrev."
|
|
[TON] |
Ange stil eller tonalitet för navigationsetiketter, om relevant. Till exempel: "Professionell och koncis, lekfull och engagerande eller formell och auktoritativ."
|
|
[TIDSRAM] |
Ange eventuella specifika krav eller begränsningar som måste beaktas i navigationsstrukturen. Till exempel: "Inkludera en sida för investerarrelationer; juridiska länkar måste ligga i sidfoten; stöd för flera varumärken krävs."
|
Proffstips för bättre resultat med AI-prompten
- Ge verkliga “top tasks”, inte slogans. Istället för “läs mer” eller “utforska”, lista vad människor kommer för att göra i verbform: “Jämför planer”, “Boka en demo”, “Kontrollera kompatibilitet”, “Ladda ner specifikationer”. Om du är osäker, klistra in 10 vanliga supportfrågor och be modellen dra slutsatser om top tasks utifrån dem.
- Ge din nuvarande sitemap och pain points samtidigt. Kopiera/klistra in dina befintliga navigations- och footer-länkar och lägg sedan till 3–5 klagomål från användare eller intressenter. Följd-prompt: “Här är vår nuvarande meny. Identifiera vilka objekt som har otydliga etiketter, vilka som är dubbletter och vilka som sannolikt hör hemma i verktygsnavigering vs primärnavigering.”
- Tvinga fram en djupbudget. Den kognitiva belastningen skjuter i höjden när användare måste borra sig ner i all oändlighet. Fråga: “Begränsa hierarkin till max 2 nivåer under primärnavigering (förutom Resurser). Om något behöver mer, motivera det och föreslå ett alternativ som en hubbsida.”
- Iterera med kontrast. Efter första resultatet, prova att fråga: “Skapa nu två varianter: en konservativ för mainstream-användare och en modigare för power users. Håll primärnavigeringen till 6 objekt i båda och förklara trade-offs.” Det här blottlägger ofta dolda antaganden snabbt.
- Koppla en testloop till strukturen. Stanna inte vid “ser bra ut”. Be om en mini-plan: “Lista 5 navigationshypoteser och hur vi validerar var och en med klickkartor, scrolldjup och ett 10-minuters uppgiftstest.” Ärligt talat är det steget som förvandlar en snygg meny till ett beslut du kan försvara.
Vanliga frågor
UX-designers använder den för att förvandla röriga sidinventeringar till en hierarki de kan prototypa utan ändlösa tyckarkrig. Marknadschefer lutar sig mot den när nya kampanjer, erbjudanden och landningssidor har vuxit ur den gamla menyn och konverteringar börjar läcka. Produktchefer använder den för att linjera navigering i appen eller i dokumentation med verkliga användaruppgifter och prioriterade flöden. Webbkonsulter använder den för att ställa rätt förtydligande frågor och sedan presentera en strukturerad rekommendation som kunder faktiskt kan godkänna.
SaaS-bolag får värde när funktioner, use cases, integrationer och prissättning konkurrerar om plats på toppnivå; prompten hjälper till att gruppera efter användarintention och hindrar att primärnavigeringen sväller. E-handelsvarumärken använder den för att separera köpresor (kategorier, kollektioner, bästsäljare) från supportuppgifter (returer, frakt, orderspårning) så att kunder inte fastnar i fel meny. Konsult- och tjänsteföretag gynnas när tjänster spretar ut i dussintals nästan identiska sidor; prompten hjälper till att konsolidera till tydliga kluster och förbättra flöden för “boka ett samtal”. Utbildnings- och kursleverantörer använder den för att skilja program, resultat, antagnings-/inskrivningssteg och resurser utan att begrava nästa steg.
En typisk prompt som “Skriv en navigeringsmeny för min webbplats” misslyckas eftersom den: saknar användarnas top tasks och framgångskriterier, inte ger något ramverk för relationskartläggning eller närhetsbaserad gruppering, ignorerar gränser för kognitiv belastning (så du får uppblåsta menyer eller djup nästning), producerar generiska etiketter som låter bra men inte matchar intentionen, och saknar en valideringsplan kopplad till interaktionssignaler som klickbeteende och scrolldjup. Den här prompten är starkare eftersom den agerar som en informationsarkitekt: den identifierar okända faktorer, väljer ett lämpligt flerfasigt arbetssätt och motiverar strukturbeslut utifrån hur människor faktiskt hittar saker.
Ja. Även om mallen inte har fasta formulärfält kan du anpassa den genom att ange (1) din sidinventering eller sitemap, (2) primära användargrupper, (3) top tasks och (4) affärskritiska flöden som “begär offert” eller “starta provperiod”. Om du har begränsningar, ange dem tydligt, till exempel “Primärnavigering får vara max 6 objekt” eller “Vi måste behålla Lösningar och Priser på toppnivå”. Hjälpsam följd-prompt: “Ställ bara de minsta frågor som behövs för att färdigställa hierarkin och ta sedan fram två uppsättningar etiketter: klarspråk och varumärkeston, med för- och nackdelar.”
Det största misstaget är att lämna sidinventeringen för vag — istället för “vi har några tjänstesidor”, ge en lista som “Tjänst A, Tjänst B, Tjänst C, Branscher, Kundcase, Om oss, Karriär, Blogg, Kontakt, Support”. Ett annat vanligt fel är att inte ange top tasks; “användare vill ha information” är svagt, medan “jämföra planer, se integrationer, uppskatta pris, boka en demo” ger modellen något strukturellt att optimera för. Folk glömmer också att peka ut must-win-flöden, så hierarkin skyddar dem inte; nämn dem rakt ut (till exempel “starta provperiod”, “offertförfrågan”, “hitta butik”). Till sist ber team om en meny men nämner inte kända beteendesignaler; även en grov notering som “Priser får klick men lågt scrolldjup” förändrar rekommendationerna.
Den här prompten är inte idealisk för one-page-sajter eller kortlivade microsajter där navigeringen avsiktligt är minimal och du inte kommer att iterera. Den passar också dåligt om du fortfarande håller på att bestämma vad dina kärnerbjudanden är, eftersom den inte uppfinner strategi eller fixar en otestad produktportfölj. Och om du bara vill ha en snabb meny-mall utan att göra någon discovery eller testning kan arbetsflödet kännas tyngre än du vill. I de fallen: börja med en enkel sidlista och ett enda konverteringsflöde, och kom tillbaka när du har verkligt innehåll och tydliga mål.
Navigationsproblem ser sällan dramatiska ut, men de beskattar tyst varje besök. Klistra in den här prompten i ditt AI-verktyg, svara på förtydligande frågor och bygg en hierarki som dina användare inte behöver tänka på.
Kontakta oss
Hör av dig, så diskuterar vi hur just din verksamhet kan dra nytta av alla fantastiska möjligheter som AI skapar.