Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- modul:m322:learningunits:lu07:theorie:lu7-kapitel_1 [2025/03/28 10:29] – emastrandrea
+++ modul:m322:learningunits:lu07:theorie:lu7-kapitel_1 [2025/03/28 10:46] (aktuell) – emastrandrea
@@ Zeile 5: / Zeile 5: @@
 Die Benutzer können Rückmeldung geben, wie verständlich die Benutzerführung ist, ob einzelne Arbeitsschritte selbsterklärend sind, wie gut auf Fehlmanipulationen reagiert wird usw.\\
 Je nach Ziel des Prototypen kann es sich hierbei um
-   * einen **Papier-Prototypen** handeln, wie bereits in der Konzeptphase vorgestellt. Der Aufwand ist hierbei sehr gering - die entsprechenden Artefakte liegen meist schon vor. Der Erkenntnisgrad begrenzt sich aber auf die Akzeptanz eines bestimmten Ablaufs von Interaktionen.
+   * einen **Papier-Prototypen** handeln, wie bereits in der Konzeptphase vorgestellt. Der Aufwand ist hierbei sehr gering - die entsprechenden Artefakte liegen meist schon vor. Der Erkenntnisgrad bei Feedbacks begrenzt sich aber häufig auf die Akzeptanz eines bestimmten Ablaufs von Interaktionen.
-   * ein **Wireframe** handeln. Bei Wireframes geht es darum, das Layout und die wichtigsten Elemente graphisch, als eine Art “Drahtgerüst”, lediglich mit Hilfe von Linien und Boxen in einem Raster darzustellen. Das Raster ist dazu da, Ordnung zu schaffen und die Harmonie der Elemente untereinander zu garantieren.
+   * ein **Wireframe** handeln, der die strukturellen Elemente, das Layout und die wichtigsten Elemente graphisch, als eine Art “Drahtgerüst”, lediglich mit Hilfe von Linien und Boxen in einem Raster darstellt. Das Raster ist dazu da, Ordnung zu schaffen und Proportionen festzulegen und so Kohärenz innerhalb der Applikation zu generieren.
    * einen **Low-Fidelity-Prototypen** handeln, um grundlegende Konzepte und Layouts schnell zu visualisieren und erste Benutzerfeedbacks einzuholen. Auch verschiedene Varianten können schnell erstellt, diskutiert oder evaluiert werden.
    * einen **Klick-Prototypen** handeln, der vorallem den Ablauf erleben lässt. Um das Verständnis der Abläufe zu überprüfen, genügt diese Art oftmals und wird daher oft genutzt, um einen Usertest durckzuführen.
-   * einen **High-Fidelity-Prototypen** (voll funktionsfähigen Prototypen) handeln, mit einem hohen Detailgrad an Funktionalität und Design und damit das Gegenstück zum »Low Fidelity-Prototype«. Der Aufwand für die Erstellung ist jedoch erheblich und der Prototyp sehr nahe am Endprodukt.
+   * ein **Mockup** handeln, ideal für spätere Design-Phasen und Team-Diskussionen. Ein Mockup ist eine statische Darstellung eines Designs mit mehr UI-Details wie Farben, Schriften und Layouts. Es vermittelt einen realistischeren Eindruck des finalen Produkts.
+   * einen **High-Fidelity-Prototypen** (voll funktionsfähigen Prototypen) handeln, mit einem hohen Detailgrad an Funktionalität und Design und damit das Gegenstück zum »Low Fidelity-Prototype«. Sie simulieren bereits die Benutzerführung und sehen der zukünftigen interaktiven Anwendung bereits sehr ähnlich. Durch die Interaktivität und die detaillierte Ausarbeitung sind realitätsnahe Benutzertests möglich. Der Aufwand für die Erstellung ist jedoch erheblich.
 ===Visuelle Ausgestaltung===
 Hierzu muss ein Prototyp erstellt werden, der dem späteren Produkt  mehr oder weniger pixelgenau entspricht. Nebst den Ausprägungen von Schriften (Farbe, Grösse, Typ usw.) und Icons sind es die Platzierung der Elemente, deren Sichtbarkeit usw. massgebend sind.\\