Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
| de:modul:m322_2025:learningunits:lu06:theorie:lu6-kapitel_4 [2025/09/16 21:57] – gjenni | de:modul:m322_2025:learningunits:lu06:theorie:lu6-kapitel_4 [2026/06/08 11:20] (aktuell) – emastrandrea | ||
|---|---|---|---|
| Zeile 1: | Zeile 1: | ||
| - | ==== 03 Wireframe & Wireflow ==== | + | ==== 04 Wireframe & Wireflow ==== |
| === 1. User Flow === | === 1. User Flow === | ||
| Zeile 35: | Zeile 35: | ||
| * Wireframes zeichnen: jeden wichtigen Screen skizzieren. | * Wireframes zeichnen: jeden wichtigen Screen skizzieren. | ||
| * Wireflow erstellen: Screens verbinden und Abläufe sichtbar machen. | * Wireflow erstellen: Screens verbinden und Abläufe sichtbar machen. | ||
| + | |||
| + | ---- | ||
| + | === Zusammenfassung === | ||
| + | |||
| + | User Flow: | ||
| + | * Zeigt den Ablauf bzw. die Schritte eines Benutzers durch eine Anwendung. | ||
| + | * Fokus: Navigation und Benutzerführung. | ||
| + | Wireframe: | ||
| + | * Zeigt den groben Aufbau einer einzelnen Seite oder Maske. | ||
| + | * Fokus: Struktur und Anordnung der Inhalte. | ||
| + | Wireflow: | ||
| + | * Kombination aus User Flow und Wireframe. | ||
| + | * Zeigt sowohl den Ablauf als auch den Aufbau der einzelnen Seiten. | ||