"Enter": Navigation überspringen
  • Tab oder Shift + Tab - zum nächsten oder voherigen interaktiven Element springen
  • - innerhalb eines Elements navigieren
  • w a s d - innerhalb eines Elements navigieren
  • Enter - Element aktivieren
  • i - Tastaturbefehle anzeigen
  • CTRL / CMD + + oder - - Ansicht vergrößern oder verkleinern
  • Escape - Popup schließen
  • t - Tooltip anzeigen
  • m - zum Menü

Interactive-Studio

Mock-up

Ein Mock-up ist ein visueller Entwurf, der zeigt, wie eine Website oder eine App später aussehen soll. Er enthält bereits Farben, Schriftarten, Bilder, Navigationselemente und das grundsätzliche Seitenlayout. In der professionellen Webentwicklung dient es als verbindliche Vorlage für das spätere Interface-Design.

Im Unterschied zu einem groben Wireframe ist ein solcher Entwurf deutlich konkreter. Er bildet Designentscheidungen realistisch ab und eignet sich hervorragend für Abstimmungen mit Projektbeteiligten. Full-Stack-Entwickler nutzen das Mock-up, um Module effizient umzusetzen und den Übergang vom Design zum funktionierenden Code vorzubereiten.

Gerade im UX-Design unterstützt ein gut durchdachtes Mock-up die Nutzerführung. Es zeigt, wie Elemente angeordnet sind und welche Abläufe im späteren Produkt vorgesehen sind. Auf dieser Basis lassen sich frühzeitig Anpassungen vornehmen, noch bevor Entwicklungsressourcen gebunden werden.

Wenn gewünscht, kann der Entwurf auch zu einem klickbaren Prototypen erweitert werden. Doch selbst ohne Interaktion vermittelt das Mock-up bereits einen konkreten Eindruck vom Look-and-Feel der finalen Anwendung.

Visualisier deine Ideen mit einem professionellen Mock-up! Jetzt erstellen lassen!

Professionelles Webdesign

Begierde Wissen