De drie woorden beschrijven verschillende detailniveaus en verschillende vragen. Een wireframe vraagt: "Wat gaat waar?" Een mockup vraagt: "Hoe ziet het eruit?" Een prototype vraagt: "werkt het voor mensen?"
Wireframes gebruiken eenvoudige vormen en tijdelijke tekst om de lay-out, hiërarchie en inhoud weer te geven. Ze zijn snel te maken en snel weg te gooien, en dat is precies waarom ze nuttig zijn: je kunt veel structuren verkennen voordat je je aan één ervan vastlegt.
Mockups voegen het echte visuele ontwerp toe: kleur, typografie, afbeeldingen en componenten. Ze zijn goed voor het eens worden over het uiterlijk met belanghebbenden en voor overdracht, maar ze kunnen niet laten zien hoe iets zich gedraagt.
Prototypes voegen interactie toe. Een low-fidelity-prototype kan wireframes aan elkaar koppelen om een stroom te testen. Een high-fidelity prototype ziet eruit en gedraagt zich in de buurt van het eindproduct, met toestanden, overgangen en soms echte gegevens, zodat u bruikbaarheidstests kunt uitvoeren die echte problemen aan het licht brengen.
Het gat na het prototype is de overdracht: ontwikkelaars bouwen meestal opnieuw op wat het prototype laat zien. Voor interactieve componenten dicht de ExodeUI, die we maken, die kloof door van het interactieve bestand zelf het ding te maken dat in de app wordt geleverd.