Prototyping (lavfidelitet og højfidelitet)

Informatik C · STX · C-niveau · Systemudvikling

💻 Prototyping (lavfidelitet og højfidelitet)

Prototyping = bygge testbare modeller af UI før kodning.

Lav-fidelitet (lo-fi): Papir-mockups — håndtegnede skitser på papir, post-its. Hurtig (~minutter), billig, opfordrer feedback (folk tør kritisere skitser).

Wireframes — gråtone-skitser i Balsamiq, Whimsical, Figma. Fokus på struktur + funktion, ikke æstetik.

Storyboards — sekvens af skærmbilleder viser brugerflow.

Høj-fidelitet (hi-fi): Mockups — pixelperfekte design med farver, billeder, typografi. Figma, Adobe XD, Sketch.

Interaktive prototyper — klikkebare med transitioner mellem skærme. Figma-prototype-mode, Marvel, InVision, Framer.

Kodede prototyper — HTML/CSS/JS, React, hurtigt opbygget for tekniske tests.

Trade-offs: lo-fi = hurtig iteration, hi-fi = realistisk brugertest. Start lo-fi, eskalér gradvist.

Værktøjer (2024): Figma dominerer (kollaborativt, gratis tier), Adobe XD, Penpot (open source).

AI-assisterede prototyper: Galileo AI, Uizard genererer fra tekst-prompt.

Iteration: test → indsamle feedback → revidér → test igen. Klassisk: 3-5 iterationer før udvikling.

Læringsmål

• Anvende vandfaldsmodellen (5 faser)
• Forstå Agile / Scrum og MVP-koncept
• Lave brugeranalyse (interviews, personas, user stories)
• Lave use cases
• Lave prototyper (lavfidelitet og højfidelitet)

Sådan kan du arbejde med emnet

• Lav en papir-prototype (lo-fi) til en mobilapp med mindst tre skærmbilleder
• Forklar, hvad der er forskellen på en lo-fi og hi-fi-prototype og hvornår du bruger hvilken
• Diskutér, hvad prototyping bidrager med i udviklingsprocessen

Arbejd iterativt med prototyper og dokumentation. Test, evaluér og dokumentér.