grobe Screens entwerfen

Bilder in Vollbild zeigen

Wireframes (skizzenhafte Screenentwürfe) sind erste grobe und schnelle Entwürfe des Konzeptes. Dies ist eine schematische Darstellung einzelnener Seiten. Hier werden die grundlegenden Elemente der Seite festgehalten. Ein konzeptionelles Layout sollte erkennbar sein. Elemente im Layout wie Navigation und Inhaltsbereiche sollten dargestellt werden. Ein finale Gestaltung ist nicht notwendig. Handskizzen, Software oder auch Online Werkzeuge können eingesetzt werden um Groblayouts zu erstellen.
Im nächsten Schritt können die Wireframes auch an anderen Nutzern getestet werden.

 

Tutorialreihe:
grobe Screens entwerfen

 

Weiterführende Informationen
Definition Wireframe
Omnigraffle Software und Graffeltopia Bibilothek
Axure Wireframetool
Mockingbird: Online Wireframe Tool
HotGloo: Online Wireframing Tool
Bsp. Wireframe iPad Klickmodell
Wireframe Bibliothek für Indesign
Wireframe Bibliothek für Keynote Nr.1
Wireframe Bibliothek für Keynote Nr.2
Balsamiq Software für Wireframes
Wireframes mit Post-it System
Wireframe Bildersammlung
Wireframe Templates und Tools

Designaufgaben:

Schlagwörter:

Entwurf
Funktionslayout
Grobentwürfe
Klickmodell
Konzept
Low Fidelity Prototyp
Prototypen mit Papier
Skizzen
Wireframes erstellen