View
11
Download
0
Category
Preview:
Citation preview
PrototypingHeinrich Roolf
Gliederung
• Definitionen
• Sitemaps
• Mockups / Wireframes
• Programme / Beispiele
Definitionen
• Graphical User Interface
• User Interface
• User Interface Patterns
• Mockup / Wireframes
• User Experience (UX)
Benutzeroberfläche
Grafische Benutzeroberfläche
Modelle
• Rapid Prototyping
UI - Vorlage
Nutzererfahrung / - erlebniss
Schneller Modellbau
Sitemaps
• Strukturierung einer Seite / Applikation
• Überblick für Aufgabenverteilung / Aufwand
• Parameter festlegen (Kundenauftrag)
Mockups / Wireframes
• Konzeptentwicklung
• Positionierung / Gewichtung der Inhalte
• Basis für Diskussionen
• Usability Test
• Arbeitsteilung / Feststellung des Arbeitsaufwandes
Statisch Dynamisch Cloud
Programme
• balsamiq
• Fireworks
• justinmind
• Axure
• OmniGraffle
• Expression Blend 4
balsamiq
balsamiq
balsamiq
Fireworks
• Hybrides Grafikprogramm
• Vergleichbar mit Illustrator und Photoshop
• Rapid Prototyping
• Sitemaps
• Mockups / Wireframes
Fireworks
Fireworks
Fireworks
Fireworks
• Masterseiten
• Export: html / css, interactive PDF, Bilder
• Vorschau im Browser möglich
• Bibliotheken
• Hovereffekte anzeigbar
Psd / Ai
Psd / Ai
Recommended