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

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