Die drei Wörter beschreiben unterschiedliche Detaillierungsgrade und unterschiedliche Fragestellungen. Ein Wireframe fragt: „Was geht wohin?“ Ein Modell fragt: „Wie sieht es aus?“ Ein Prototyp fragt: „Funktioniert es für Menschen?“
Wireframes verwenden einfache Formen und Platzhaltertext, um Layout, Hierarchie und Inhalt darzustellen. Sie sind schnell hergestellt und schnell weggeworfen, und genau deshalb sind sie nützlich: Sie können viele Strukturen erkunden, bevor Sie sich auf eine festlegen.
Mockups fügen das echte visuelle Design hinzu: Farbe, Typografie, Bilder und Komponenten. Sie eignen sich gut für die Vereinbarung des Aussehens mit den Beteiligten und für die Übergabe, sie können jedoch nicht zeigen, wie sich etwas verhält.
Prototypen sorgen für Interaktion. Ein Low-Fidelity-Prototyp könnte Wireframes miteinander verbinden, um einen Ablauf zu testen. Ein High-Fidelity-Prototyp ähnelt in Aussehen und Verhalten dem Endprodukt, mit Zuständen, Übergängen und manchmal echten Daten, sodass Sie Usability-Tests durchführen können, die echte Probleme aufdecken.
Die Lücke nach dem Prototyp ist die Übergabe: Entwickler bauen normalerweise das nach, was der Prototyp zeigt. Bei interaktiven Komponenten schließt ExodeUI, das wir erstellen, diese Lücke, indem es die interaktive Datei selbst zu dem macht, was in der App enthalten ist.