AI-briefen: beskriv produkten så du får det du menade
Den första beskrivningen avgör 80 % av din webbplats kvalitet. Lär dig femblocks-briefen: vem användaren är, vilka sidor, vad som finns på varje, vilken stil och vad som räknas som framgång. En stark brief sparar tjugo redigeringar.
"Gör en snygg webbplats för mitt företag" är ett recept för besvikelse: AI:n kommer att bygga något medelmåttigt. Jämför det med briefen nedan.
Brief-formulan: 5 block
- Produkt och användare. "En yogastudio för nybörjare i åldern 30–45 som känner sig obekväma i gruppklasser."
- Sidor. "Hem, schema, lärare, priser, kontakt."
- Huvudåtgärden. "Boka en provklass — formulär: namn, telefon, önskad tid."
- Stil. "Lugn och varm: krämfärgad bakgrund, salviagröna accenter, stor mjuk typografi, gott om luft." Eller en referens: "i Calm och Headspaces anda."
- Framgångskriterium. "En besökare förstår att det är yoga för nybörjare inom 10 sekunder och ser bokningsknappen utan att scrolla."
Sätt att vässa den
- Referenser: "header som linear.app, prislista som notion" — AI:n känner till de kända sajterna.
- Antiexempel: "inga stockfoton på folk i kostym, inga lila gradienter."
- Riktigt innehåll: ge den din faktiska text och priser — en webbplats full av platshållartext ser alltid sämre ut.
En hel brief, genomgången
Låt oss lägga de fem blocken i ett enda meddelande — precis som du kommer att skicka det till verktyget i nästa modul, i ett svep:
Produkt: "Warm Floor", en yogastudio för nybörjare i åldern 30–45 som känner sig obekväma i gruppklasser och oroar sig för att inte hänga med. Sidor: hem, schema, lärare, priser, kontakt. Huvudåtgärd: boka en provklass för 1 €. Formulär: namn, telefon, önskad veckodag. Stil: lugn och varm — krämfärgad bakgrund, salviagrön accent, stor mjuk typografi, gott om luft. I Calm och Headspaces anda. Inga stockfoton på folk i kostym. Framgångskriterium: inom 10 sekunder är det tydligt att detta är yoga för nybörjare, och bokningsknappen är synlig utan att scrolla.
Observera: inte ett ord om teknik — bara produkten, människorna och resultatet.
Myter nybörjare går på
- "Ju längre prompt, desto bättre." Nej — ju mer strukturerad, desto bättre. Fem tydliga block slår en sida med svammel. AI:n tappar tråden i en textvägg precis som en människa gör.
- "AI:n vet redan vad jag vill ha." Den känner till tusentals webbplatser, men den läser inte tankar. Nämn inte accentfärgen så får du standardblått. Nämn inte användaren så får du en "webbplats för alla", vilket är en webbplats för ingen.
- "Referenser är kopiering." En referens är ett språk. "Header som linear.app" är snabbare och mer exakt än tre stycken om "minimal men levande". Det är precis så riktiga designers pratar i en kundbriefing.
Ett klassiskt misstag, förklarat
En nybörjare skriver: "Bygg en modern webbutik som säljer." AI:n returnerar en generisk mall, personen blir besviken och drar slutsatsen "det här verktyget är svagt". Briefen var svag: ingen produkt, ingen köpare, ingen huvudåtgärd, ingen stil. Regeln är enkel: varje "snygg", "modern", "lättanvänd" är en varningsflagga för att något konkret saknas. Byt ut åsikten mot ett kontrollerbart faktum: inte "lättanvänd", utan "checka ut på tre klick utan konto".
En sokratisk paus
Tänk på det: varför fungerar "i Calms anda" bättre än "gör det lugnt och exklusivt"? Sätt ord på ditt svar innan du läser vidare. Ledtråden är ett ord — kontrollerbart. Calm finns; du kan öppna det och jämföra. "Exklusivt" betyder något olika för alla.
Vad du INTE ska göra
Beskriv inte teknik ("bygg det i React med Postgres") — verktyget väljer stacken. Din zon är vad och för vem; dess zon är hur. I nästa modul tar vi denna exakta yogastudio-brief och bygger en riktig landningssida från den i Lovable — så ju starkare din brief är nu, desto färre redigeringar senare.
Antiexempel: det underskattade draget
Att säga vad du inte vill ha är ibland mer användbart än att beskriva vad du vill ha. AI:n har favoritklyschor den dras till som standard: stockfoton på leende människor i kostym, lila gradienter, tre identiska ikonkolumner. En rad — "inga stockmänniskor, inga lila gradienter, inget trekolumns-rutnät" — drar omedelbart webbplatsen ur "typisk AI-mall"-territorium. Tänk på det som ett staket: du pekar inte bara vart du ska, du stänger också av återvändsgränderna som modellen vandrar in i på egen hand.
Gör detta nu
Ta vilken idé som helst — även en luddig — och skriv ner den i fem block direkt i dina anteckningar: produkt och användare, sidor, huvudåtgärd, stil med en referens, framgångskriterium. Lägg till en rad med antiexempel. Om ett par lektioner kommer du att klistra in denna text i Lovable och se den förvandlas till en riktig webbplats.
Short questions on the lesson — with an explanation for every answer.