Jeg hadde tokens og en hero som så bra ut lokalt. Så ville jeg «legge til features». Det ble støy. Det som faktisk hjalp, var et kart over sider: hvor folk lander, hvor serien bor, og hva knappen peker mot.
Sti-notatet ditt
Du har allerede: eierskapssetning, brief, valgt stakk, hello-world lokalt, og tokens pluss hero. Denne delen legger til: et IA-kart (hvilke ruter som finnes) og tomme sider med titler i prosjektet.
Mangler hero eller tokens? Fullfør det først. Kart uten flate blir bare en ønskeliste.
Historie
Jeg tegnet menyer før jeg visste hva siden skulle gjøre. Fem lenker i toppen. «Om», «Tjenester», «Blogg», «Kontakt», «Ressurser». Det føltes profesjonelt. Det var egentlig unngåelse.
Det jeg trengte, var færre dører og klarere rekkefølge. Én landing som smaker. En hub for stien. Artikler som kommer etter hverandre. Personvern fordi skjemaet krever det. Om, fordi noen vil vite hvem som står bak.
Da jeg skrev rutene ned før jeg fylte dem, ble knappen enklere. Den pekte et sted. Ikke «utforsk alt».
Prinsipp
Informasjonsarkitektur er et kart over sider, ikke en liste over features.
En feature er «nyhetsbrev-modul» eller «FAQ-accordion». En side er en adresse folk kan åpne. Kartlegg adressene først. Så fyller du dem.
Hvordan
Tegn et enkelt kart. Ikke wireframe-maraton. Bare stier og én setning per rute:
-
/— landing: smakebit, én primær handling (fra briefen), ikke hele huben dumpet inn -
/stien— hub: oversikten over serien i rekkefølge -
/stien/:slug— artikkel: én del om gangen -
/om— hvem som står bak, kort -
/personvern— minimum før du samler e-post
Valgfritt senere: /brevet (hva listen er), /kontakt. Ikke mer enn du trenger nå.
Opprett tomme ruter med titler i prosjektet. Placeholder-tekst er greit. Målet er at navigasjonen og CTA-en har et sted å peke.
Forklar mer Landing vs. hub
Landing (/): smal. Hero, én setning, én knapp. Den skal ikke forklare hele programmet. Den skal gjøre det trygt å si ja til neste steg (ofte listen eller stien).
Hub (/stien): oversikten. Her får du lov til mer struktur. Artikler lenker hit og videre. Hold menyen kort. Hvis du trenger ti toppnivå-lenker, har du sannsynligvis blandet kart og ønskeliste.
Se forskjellen i praksis:
Features-liste
«Nyhetsbrev, blogg, FAQ, dashboard, medlemsområde …»
Sidekart du kan bygge fra
/ landing · /stien hub · /stien/:slug artikkel · /om · /personvern
Vanlig felle
Å bygge meny før budskap. Da blir landingen et skap med skuffer. I stedet: briefen styrer CTA. Kartlegg bare sidene som trengs for den handlingen. Resten kan vente.
Slik så det ut hos meg
For Snarveien ble minimumet: landing, stihub, artikkelmal, om og personvern. Ingen «ressurser»-jungel. Serien fikk plass uten at forsiden ble en innholdsfortegnelse.
Resultatet hos meg: et kart jeg kunne gi til Cursor, og tomme ruter som allerede styrte hvor knappen skulle.
Med AI
La AI speile kartet, ikke oppfinne ti nye sider. Lim inn dette:
Tekst du kan lime inn i AI
Jeg har brief og hero for en egen nettside. Hjelp meg å lage et enkelt IA-kart (ruter + én setning per side). Minimum jeg vil ha: /, /stien, /stien/:slug, /om, /personvern Valgfritt: /brevet, /kontakt Ikke foreslå feature-lister eller ekstra menyer. Hold landingen smal (smakebit + én CTA). Gi resultatet som en punktliste jeg kan lime inn i sti-notatet. Tone: rolig, ærlig, ingen guru-språk.
Stryk det som ikke matcher briefen. Du eier kartet.
I dag (under 20 min)
Skriv IA-kartet i sti-notatet. Opprett tomme ruter med titler i prosjektet (eller be Cursor om skeleton uten innhold). Lim inn den primære CTA-en fra briefen under /. Lagre.
Har du lite overskudd? Bare kartet i notatet i dag. Rutene i morgen. Det er greit.
Sjekk før du går videre
- Nå: IA-kart + tomme ruter med titler
- Neste (Del 7): publisere, så adressen finnes utenfor maskinen din
Lokalt er trygt, men maskinen er ikke din før noen kan åpne den på nettet. Neste steg er domene, DNS og hosting: fra mappe til live URL. Deretter kan skjemaet lande et ekte sted.