oo analyse und entwurf für anwender xiii. objektorientierte benutzeroberfäche dr. michael löwe
TRANSCRIPT
OO Analyse und Entwurf für Anwender
XIII. Objektorientierte Benutzeroberfäche
Dr. Michael Löwe
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
4
Objektorientierte Analyse und Entwurf
Inhalt
• Oberflächen in Analyse und Entwurf
• Zusammenspiel Oberfläche – Fachmodell
• Entwurfsregeln anhand von Beispielen
• Ausgewählte Oberflächenelemente– Darstellung von Fachobjekten– Auslösen von Operationen
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
5
Objektorientierte Analyse und Entwurf
Oberflächen in Analyse
• Kein Ergebnis der Analyse !!!• Sparsamer Einsatz: keine Technik ist ideal• Illustration von
AnwendungsfällenAktivitäten
• Prototypen zum WegwerfenOberflächen zu früh verstellen den Blick für das
Wesentliche: Fachklassen und Aktivitäten
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
6
Objektorientierte Analyse und Entwurf
Oberflächen im Entwurf
• Ergebnis des Entwurfs
• Einsatz konkret vorhandener Technik– Window-System– Oberflächenwerkzeug
• Erweiterung der Fachklassen– Oberflächenobjekte für Fachobjekte – Oberflächenobjekte für Operationen
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
7
Objektorientierte Analyse und Entwurf
Oberfläche – Fachmodell: View
Fachobjekte
... Oberflächen ...
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
8
Objektorientierte Analyse und Entwurf
Oberfläche – Fachmodell: View
• Oberfläche ist eine Sicht auf das Fachmodell
• Oberfläche macht einen Ausschnitt sichtbar
• Oberfläche ist ein Observer des Ausschnitts
• Teile der Oberfläche zeigen Teile des Ausschnitts
• Elemente der Oberfläche sind Observer von Elementen des Ausschnitts
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
9
Objektorientierte Analyse und Entwurf
Oberfläche – Fachmodell: View
Fachobjekte
Oberflächenobjekte
Systemgrenze
beobachten
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
10
Objektorientierte Analyse und Entwurf
Oberfläche – Fachmodell: View
• Oberfläche ist Erweiterung des Fachmodells– Durchgängiges Paradigma der Objektorientierung– Entwicklung ist Erweiterung der
• Modelle und• Interaktion
• Oberflächenobjekte beobachten Fachobjekte– Oberfläche von Fachmodell entkoppelt– Gleichzeitig mehrere Views möglich– Änderbarkeit der Oberfläche, Stabilität des Fachmodells
• Anwender beobachtet Oberfläche
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
11
Objektorientierte Analyse und Entwurf
Beispiel für einen View
RTE
Ordnung
Anteile*
*
hat
enthält
hat
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
12
Objektorientierte Analyse und Entwurf
Oberfläche – Fachmodell: Controller
Fachobjekte
Oberflächenobjekte
Systemgrenze
handeln
Controller
beobachten
interpretieren und handeln
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
13
Objektorientierte Analyse und Entwurf
Beispiel für einen Controller
RTE
Ordnung
Anteile*
*
hat
enthält
hat
Controller
Controller
controled
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
14
Objektorientierte Analyse und Entwurf
Oberfläche – Fachmodell: Controller
• Anwender interagiert mit den Oberflächenobjekten• Controller beobachtet die Reaktionen der Oberfläche
– Genau ein Controller ist stets aktiv– Oberfläche von Fachmodell entkoppelt– Änderbarkeit der Oberfläche, Stabilität des Fachmodells
• Controller interpretiert entsprechend des Fachmodells• Controller ist Erweiterung der Fachmodelle und Views
– Controller ist Adapter– Durchgängiges Paradigma der Objektorientierung
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
15
Objektorientierte Analyse und Entwurf
Oberfläche: Model – View – Controller
Business Model
View Controller
User-Interface I
View Controller
User-Interface II
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
16
Objektorientierte Analyse und Entwurf
Entwurfsregeln
• direkt: die Fachobjekte sichtbar machen
• lokal: zusammen zeigen, was zusammen gehört
• übersichtlich: keine Informationsüberflutung
• standard: Style Guides des Betriebssystems beachten
• einheitlich: dasselbe auf dieselbe Art und Weise
• ähnlich: Metaphern setzen und durchhalten
• modusfrei: dieselbe Reaktion auf dieselbe Aktion
• angemessen: Die richtigen Controls auswählen
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
17
Objektorientierte Analyse und Entwurf
Direktheit: Beispiel
Anteil, keine Textzeile
Nachrichten, die verstanden werden
Ordnung
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
18
Objektorientierte Analyse und Entwurf
Beziehungen
Lokalität: Beispiel
Objekt Wirkung Teile Locks
Wechseldes Views
zur Ansicht
von RTEs
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
19
Objektorientierte Analyse und Entwurf
Übersichtlichkeit: Beispiel• Viel Information• Gleichartige
Information• FoKus:
Wie ergeben sichRTE-Attribute
• Ordnung unwichtig• Mit Ordnung zuviel
Information• Keine Lasche „erbt“
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
20
Objektorientierte Analyse und Entwurf
Standards: Beispiele
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
21
Objektorientierte Analyse und Entwurf
Einheitlichkeit: Beispiel
Objekt- und View-unabhängige Funktionsweise des Lupenknopfes
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
22
Objektorientierte Analyse und Entwurf
Ähnlichkeit: Beispiel
Metapher:
RTE
Kumul Vertrag
Risiko
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
23
Objektorientierte Analyse und Entwurf
Modusfreiheit: Gegenbeispiele
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
24
Objektorientierte Analyse und Entwurf
Angemessenheit: Spezielle Controls
Darstellung:Container Controls: Fachobjekte in Oberflächenobjekten
Listen, Pop-up-Listen, Tabellen, Bäume etc.
Karteikarten: „alles übersichtlich im Kasten“
Funktionsauslösen:Drop-Down-Menüs: die Dienste einer Anwendung
Werkzeugleiste: das „schnell(e)“ unübersichtliche Drop-Down-Menü
Kontextmenüs: die Dienste eines Objekts
Funktionsknöpfe: das Wichtigste schnell zum Anfassen
13. Benutzeroberfläche
Prof. Dr. Michael Löwe, FHDW, Hannover
25
Objektorientierte Analyse und Entwurf
Zusammenfassung
• Oberflächen sind Entwurfssache• Oberflächen ergänzen das Fachmodell um
– Anzeigeobjekte– Kontrollobjekte
• Oberflächen brauchen Standards• Oberflächen brauchen Metaphern• Guter Oberflächenentwurf ist schwer
• Graphische Oberflächen ohne Maus sind wie Bildschirme ohne Tastatur