Wireframes der Nutzerszenarien einer Mobile Banking Applikation
Wireframes von dem Bezahlprozess der mobile Banking Applikation Geldbeutel.
Erste Konzeptideen für eine Facebook App, iPad App und eine Webseite werden als Papierprotoypen aufgebaut.
Wireframes von der Analyseansicht der mobile Banking Applikation Geldbeutel.
Wireframes von dem Startscreen der mobile Banking Applikation Geldbeutel.
Erste Wireframes mit Bild, Text, Bedienelementen werden in Groblayouts nach der Datenanalyse für Social Media und Web Kommunikationssysteme erstellt.
Erste Wireframes/Groblayouts werden erstellt und mit Nutzern getestet .
Beispiele:
Wireframes erstellen
Bilder in Vollbild zeigen
Wireframes 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.
Weiterführende Informationen
Definition Wireframe
Omnigraffle Software und Graffeltopia Bibilothek
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:
EntwurfFunktionslayout
Grobentwürfe
Klickmodell
Konzept
Low Fidelity Prototyp
Prototypen mit Papier
Skizzen
Wireframes erstellen