Værktøjer til prototyping

Til at bygge en model af et design, som brugere kan klikke sig igennem, så du kan teste flows og interaktioner, før noget kodes. NN/g kalder en prototype en hypotese, altså et bud på en designløsning, og den mest direkte måde at teste den på er at se brugere arbejde med den. I Figma forbinder du fx skærme med interaktioner og deler prototypen med et link.

Fidelity er, hvor tæt prototypen ligner det færdige system i udseende, indhold og interaktivitet. En high-fidelity prototype har klikbare links, der virker, og realistisk indhold og visuelt design, mens en low-fidelity prototype kan være statisk, skitseret eller bruge pladsholderindhold. NN/g påpeger, at en statisk prototype tager kortere tid at forberede og er lettere at ændre undervejs i en test.

Ja. Du kan dele prototypen med et link og observere brugerne selv, eller importere den i et testværktøj som Maze, der bruger prototypens delingslink. Maze giver tal som succesrate, fejlklik og varighed og viser heatmaps for hver skærm i prototypen.

I Figma er Dev Mode et arbejdsområde for udviklere, hvor de kan inspicere designet, se egenskaber og genereret kode og hente assets. Framer går en anden vej og kan publicere designet direkte som et website på et framer.app-domæne.