En wireframe er en tegning af skelettet af et design. Der er fire begreber, som bruges til at beskrive forskellige stadier af et design, og de bliver brugt på kryds og tværs. Så hvis du hører en person tale om en wireframe, kan det lige så godt være en mockup, der er tale om.
- Skitse
- Wireframe
- Mockup
- Prototype
Skitse = de allerførste tegninger af idéer til et design.
Wireframe = En tegning af skelettet af et design. Indeholder information som navigation, komponenttyper, struktur, adfærd.
Mockup = Fokuserer på det visuelle udtryk af et design, stil, layout, farver, typografi.
Prototype = Fokuserer på funktionalitet og kan vise interaktion enten i bredden eller dybden. En prototype kan være skabt som “low fidelity”, f.eks. en papir-prototype, eller som en “high fidelity”, hvor det er et mere færdigt produkt.