Zweck und Einsatz eines Mock-ups
Ein Mock-up ist ein Entwurf oder Modell einer Benutzeroberfläche,
das das spätere Design einer Anwendung oder Website visuell darstellt.
Zweck eines Mock-ups
Ein Mock-up dient dazu, das Design einer Anwendung frühzeitig sichtbar zu machen,
ohne dass die Funktionalität bereits implementiert ist.
Ziel ist es, Design, Struktur und Benutzerführung zu testen und zu verbessern,
bevor mit der Programmierung begonnen wird.
Eigenschaften eines Mock-ups
- Statische Darstellung (keine echte Funktion)
- Fokus auf Design und Layout
- Zeigt Farben, Schriftarten und Struktur
- Sehr realitätsnah, aber nicht interaktiv
Einsatz im Designprozess
1. Anforderungsanalyse 📋
2. Erstellung von Wireframes
3. Erstellung von Mock-ups 🎨
4. Feedback vom Kunden
5. Anpassung des Designs
6. Übergang zur Entwicklung
Unterschied zu ähnlichen Konzepten
| Begriff |
Beschreibung |
| Wireframe |
Sehr einfache Skizze der Struktur |
| Mock-up |
Visuell detaillierter Entwurf |
| Prototyp |
Interaktive, funktionale Version |
Beispiel
Ein Mock-up einer Login-Seite zeigt:
Logo, Eingabefelder, Buttons und Farben,
aber der Login funktioniert noch nicht.
Merksatz für die FISI-Prüfung:
Ein Mock-up ist ein visueller Entwurf einer Benutzeroberfläche,
der das Design zeigt, aber noch keine Funktion besitzt.
Typische Prüfungsantwort
Ein Mock-up ist ein detaillierter, visueller Entwurf einer Benutzeroberfläche.
Es wird im Designprozess eingesetzt, um das spätere Aussehen einer Anwendung zu zeigen,
Feedback einzuholen und das Design vor der Entwicklung zu verbessern.
```