Entwicklung nutzerorientierter Anwendungen

2. 6 Klarstellung:
2. 7 Vorbild
2. 8 Grenzen
2. 8 Rapid
2. 5 GUI-Diagramme
Sinn und Zweck 38
vgl. Flow Chart 39
vgl. Contentogramm 1
vgl. Contentogramm 2
vgl. Zustandsdiagramm 40
Navigationsübersicht (abstrakt) 41
Navigationsübersicht (detailliert) 42
Legende zur Navigationsübersicht 43
Screen-Diagramme (abstrakt, skizziert, detailliert) 44
=> Medero: Paper Prototyping
=> Rettig: Prototyping for Tiny Fingers
Varianten von Screen-Diagrammen 45
Vorgehensweise für Screen-Diagramme 46
vgl. Wireframes 1
vgl. Wireframes 2
Spezialfall Karteireiter (JTabbedPane) 47
UML-Sequenzdiagramme zur Erinnerung 48
vgl. Sequenzdiagramm "Geld holen" 49
Verbindung GUI => Sequenzdiagramm 50
Fokussteuerung definieren 51
Drag&Drop 52
Komplexität beherrschen 53
Diagramme - für wen ? 54
Architektur 55
der UML 56
Prototyping 57
=> YouTube: Hanmail Paper Prototype
3. Screen Design und Ergonomie
3. 1 Arten von Benutzungsoberflächen
Klassifikation 58
Menüs und Dialoge 59
Toolbars und Icons 60
Tastaturkürzel / Hotkeys 61
Direkte Manipulation 62
Multi-Touch Gesten 63
Web-Oberflächen 64
Konventionen berücksichtigen 65
3. 2 Formen
Gedanken zur Fenstergestaltung 66
z.B. Windows arabisch 67
Prioritäten für Gruppierung 68
Hinweise zur Gruppierung 69
z.B. MS Word Druckdialog 70
Natürliche Anordnung 71
Hervorheben von Komponenten 72
Minimal- und Maximalgrößen 73
Umrechnung des Sehwinkels 74
Abbildungsmaßstab 75
Dialog Units (DLU) unter Windows 76
- 3 -