Skip to main content
Dat 2nd Sem Fall 2025
Toggle Dark/Light/Auto mode Toggle Dark/Light/Auto mode Toggle Dark/Light/Auto mode Back to homepage

Carpool opgave

CodeLab: Øvelse i UI design

Carpool på Bornholm

Carpool

Brief

Vi er så heldige at Campus Bornholm har valgt os til at implementere et website, som deres elever kan bruge til samkørsel – til og fra Campus. Det er jeres opgave at lave en papir-prototype, en Figma prototype og en HTML / CSS prototype af forsiden.

User stories

  1. US-1: Som elev skal man kunne booke en kørelejlighed fra Allinge, Tejn, Gudhjem, Svanneke eller Nexø til Rønne og evt. retur.

  2. US-2: Som bilejer skal man kunne oprette en kørelejlighed på en given dato og klokkeslæt til/fra de samme byer ovenfor.

Jeres opgave

Gå sammen 2 og 2. Husk at registrere jeres fremmøde på Moodle!

Del A: Lav en paper prototype af Carpool hjemmesiden

  1. Brug papir, saks, tape, post-its og blyant / farver
  2. Lav en papir-prototype af brugerdialogen. I må selv bestemme om det skal være en almindelig hjemmeside eller evt. en mobilvenlig udgave.
  3. Tænk over gestaltlove og usability heuristics i jeres design
  4. Lad en test-bruger prøve jeres papir-prototype af – og “tænke højt” undervejs. Testbrugeren må ikke have været med til at lave papir-prototype’en, så lån en fra en anden gruppe.

Del B: Lav en Figma prototype af Carpool hjemmesiden

  1. Opret i projekt i Figma og del det med din makker
  2. Brug Figma til at lave en prototype af brugerdialogen med de samme elementer som i paper prototypen - inkl. de rettelser I har lavet efter testen.

Del C: Lav en HTML / CSS prototype af Carpool forsiden

  1. Lav en enkelt HTML / CSS udgave af en af jeres Figma frames. Det kunne fx være forsiden. Keep it simple. I skal bare kunne vise siden i en desktop browser.
  2. Lav resten af jeres design i HTML/CSS hvis I har tid (ikke mobile endnu). Brug W3Schools som hjælp.

Carpool