Spring til indholdet
kenjtecJournal
Søg i Journal

Webdesign med AI: Brug Stitch til at udforske tre retninger i stedet for ét enkelt udkast

Tre udkast bliver først interessante, når de prioriterer forskellige opgaver. En biblioteksside giver et konkret oplæg til en fair designsammenligning.

Ana ordner de samme kort på tre bakker i tre forskellige rækkefølger. AI-illustration.

Det første AI-udkast ser sammenhængende ud. Det har en stor overskrift, venlige farver og en iøjnefaldende knap. Netop derfor er det værd at stille et andet spørgsmål: Hvorfor står netop denne handling øverst? En overbevisende skærm kan få en vilkårlig prioritering til at virke så selvfølgelig, at ingen diskuterer den længere.

Den 18. marts 2026 beskrev Google Labs en udvidet Stitch-tilgang til AI-understøttet UI-design på et fælles lærred. Det er en ældre værktøjsannoncering, ikke en aktuel nyhed fra oktober. I denne praktiske artikel bruger vi den som udgangspunkt for en designøvelse, vi selv har udviklet: tre retninger, der er indholdsmæssigt forskellige, og som alle bygger på de samme bekræftede fakta.

En variant har brug for et andet formål

Vores fiktive kvartersbibliotek har seks indholdselementer: bogsøgning, åbningstider, arrangementer, tilmelding, beliggenhed og information til et første besøg. Den første retning prioriterer søgningen. Den anden begynder med den næste arrangementsdato. Den tredje hjælper folk, der aldrig har været der.

Disse forskelle går videre end en ændring af hjørneafrunding eller accentfarve. Hver retning svarer på en anden antagelse om, hvorfor folk kommer forbi. Når antagelsen bliver sagt højt, kan man stille spørgsmålstegn ved den. Måske skal et bibliotek med mange faste gæster vægtes anderledes end en ny institution, der først skal hjælpe folk med at finde rundt.

Hold fakta faste imens. Et udkast må ikke virke mere overbevisende, blot fordi det opfinder længere åbningstider eller udelader en vanskelig deltagelsesbetingelse. Design organiserer informationen; det får ikke lov til at tilpasse den, så den passer.

Et oplæg, der virkelig beder om tre retninger

Du kan udfylde følgende skabelon, som er vores egen, med dit bekræftede indhold. Den beskriver et arbejdsoplæg, ikke et Stitch-output, der faktisk er blevet produceret.

Udvikl tre forskellige indgange til den samme biblioteksside. A prioriterer bogsøgningen, B den næste arrangementsdato, C orientering før det første besøg. Brug kun de angivne fakta. Hold åbningstiderne og deltagelsesbetingelserne uændrede. Forklar for hver variant, hvilken opgave der understøttes først, og hvad der som følge heraf rykker længere tilbage.

Det sidste spørgsmål er vigtigt. En prioritering koster plads og opmærksomhed andre steder. Den, der kun spørger til fordelene ved en variant, får let tre positive begrundelser. At gøre bagsiden synlig hjælper med at tage beslutningen alvorligt.

Spørg først efter rækkefølgen og sammenhængene mellem informationerne, ikke efter ekstra udsmykning i billedet. En simpel skitse viser ofte allerede, om retningerne er indholdsmæssigt forskellige. Farver og illustration kan derefter understøtte den valgte hensigt.

En fælles opgave gør sammenligningen mere fair

Vælg en konkret opgave, før du vurderer: Find en passende arrangementsdato, og find ud af, hvordan du kan deltage. Se på den samme opgave i alle tre versioner. Hvor er datoen? Hvordan synliggøres betingelsen? Hvor fører den fremhævede handling hen?

Skriv observerbare vanskeligheder ned. »Tilmeldingen var først genkendelig efter genlæsning« er noget, du kan arbejde med. »Ser gammeldags ud« kræver først en mere præcis forklaring. Det handler ikke om at forbyde smag. Den bør blot ikke være den eneste begrundelse for en beslutning om information.

En redaktionel gennemgang af denne art er endnu ikke en brugervenlighedsundersøgelse. Hvis folk senere faktisk afprøver varianterne, skal opgaverne, omgivelserne og observationerne dokumenteres. Denne artikel foregiver ikke, at der har fundet testsessioner sted, eller at der foreligger resultater.

Valget bliver til en præcis overdragelse

Notér efter sammenligningen den foretrukne indgang, dens hovedopgave og de detaljer, der stadig mangler. Tilføj eventuelle åbne spørgsmål. Måske fungerer arrangementsretningen godt til en kampagneside, mens den almindelige forside bør prioritere søgningen. Et begrundet valg må gerne være nuanceret.

Overdragelsesteksten er mere værdifuld end et isoleret skærmbillede. Den forklarer, hvilken sammenhæng mellem indhold og interaktion der skal bevares. En udvikler, der tager over bagefter, eller en anden AI skal så gætte mindre ud fra udseendet.

Et UI-udkast er stadig ikke en færdig applikation. Dataforbindelser, adfærd og tilgængelighed kræver deres eget arbejde. Øvelsens styrke ligger før det punkt: Den gør alternativer synlige, mens det stadig er let at ændre den grundlæggende retning. Det første tiltalende udkast forbliver så én mulighed blandt flere i stedet for i stilhed at blive den eneste tænkelige vej.

Kilder og status

Research og dokumentation pr. 25. oktober 2026. Introduktion af vibe design med Stitch.

Hamborg er vores udgangspunkt.

Det nyttige rejser med dig.

Praktisk AI fra Hamborg, forklaret internationalt.

Gemte artikler