23
OO Analyse und Entwurf für Anwender XIII. Objektorientierte Benutzeroberfäche Dr. Michael Löwe

OO Analyse und Entwurf für Anwender XIII. Objektorientierte Benutzeroberfäche Dr. Michael Löwe

Embed Size (px)

Citation preview

Page 1: OO Analyse und Entwurf für Anwender XIII. Objektorientierte Benutzeroberfäche Dr. Michael Löwe

OO Analyse und Entwurf für Anwender

XIII. Objektorientierte Benutzeroberfäche

Dr. Michael Löwe

Page 2: 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

Page 3: 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

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

Page 4: 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

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

Page 5: 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

7

Objektorientierte Analyse und Entwurf

Oberfläche – Fachmodell: View

Fachobjekte

... Oberflächen ...

Page 6: 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

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

Page 7: 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

9

Objektorientierte Analyse und Entwurf

Oberfläche – Fachmodell: View

Fachobjekte

Oberflächenobjekte

Systemgrenze

beobachten

Page 8: 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

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

Page 9: 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

11

Objektorientierte Analyse und Entwurf

Beispiel für einen View

RTE

Ordnung

Anteile*

*

hat

enthält

hat

Page 10: 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

12

Objektorientierte Analyse und Entwurf

Oberfläche – Fachmodell: Controller

Fachobjekte

Oberflächenobjekte

Systemgrenze

handeln

Controller

beobachten

interpretieren und handeln

Page 11: 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

13

Objektorientierte Analyse und Entwurf

Beispiel für einen Controller

RTE

Ordnung

Anteile*

*

hat

enthält

hat

Controller

Controller

controled

Page 12: 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

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

Page 13: 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

15

Objektorientierte Analyse und Entwurf

Oberfläche: Model – View – Controller

Business Model

View Controller

User-Interface I

View Controller

User-Interface II

Page 14: 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

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

Page 15: 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

17

Objektorientierte Analyse und Entwurf

Direktheit: Beispiel

Anteil, keine Textzeile

Nachrichten, die verstanden werden

Ordnung

Page 16: 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

18

Objektorientierte Analyse und Entwurf

Beziehungen

Lokalität: Beispiel

Objekt Wirkung Teile Locks

Wechseldes Views

zur Ansicht

von RTEs

Page 17: 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

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“

Page 18: 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

20

Objektorientierte Analyse und Entwurf

Standards: Beispiele

Page 19: 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

21

Objektorientierte Analyse und Entwurf

Einheitlichkeit: Beispiel

Objekt- und View-unabhängige Funktionsweise des Lupenknopfes

Page 20: 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

22

Objektorientierte Analyse und Entwurf

Ähnlichkeit: Beispiel

Metapher:

RTE

Kumul Vertrag

Risiko

Page 21: 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

23

Objektorientierte Analyse und Entwurf

Modusfreiheit: Gegenbeispiele

Page 22: 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

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

Page 23: 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

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