Benutzerschnittstelle
- Benutzerschnittstelle (GUI) ist für den späteren Benutzer DER Systembestandteil, mit dem er interagiert
GUI-Spezifikation
MASKENSPEZIFIKATION
- Layout
- Arbeitsweise auf der Oberfläche
- Navigation
- Systemreaktionen
- Fehlermeldungen
MASKENFOLGE
- Maskenbaum oder Zustandsdiagramm
Zustandsautomat für Maskenfolgen
beschreibt Masken (Zustände) und Maskenübergänge (Transitionen)
Notation: Ereignis[Bedingung]
GUI-Prototyp
begrenzte Darstellung eines GUI, die es Usern erlaubt mit ihr zu interagieren und ihre Eignung zu prüfen
Zweck
- Bewertung, Evaluation, Feedback
- Visualisierung
- Userbeteiligung am Designprozess
- austesten von Ideen, Machbarkeit prüfen
- Auswahl zwischen Alternativen
- Probleme früh erkennen, Geld sparen
Elemente des Screen-Design
- Orientierungselemente: Wo bin ich? Überschrift
- Navigationselemente: Wo kann ich hin? Navigationsleisten
- Inhaltselemente: Was gibt es hier alles? Text, Bilder
- Screen-Layout-Elemente: Was gehört wie zusammen? Raster, Spalten
- Interaktionselemente: Was kann ich hier tun? Klickbares: Buttons, Menüs, Benutzereingaben, Suchfelder
- Motivationselemente: Warum sollte ich hier Zeit verbringen? Bilder
Grundsätze der Dialoggestaltung
Aufgabenangemessenheit: Selbstbeschreibungsfähigkeit Steuerbarkeit Erwartungskonformität Fehlerrobustheit Individualisierbarkeit Lernförderlichkeit
Usability Heuristiken
Einfache und natürliche Dialoge Ausdrucksweisen des Anwenders Minimale Mentale Belastung des Benutzers: /+-2 Einheiten Konsistenz Rückmeldungen Klare Auswege Abkürzungen für geübte Benutzer Aussagekräftige Fehlermeldungen Fehlervermeidung Hilfe und Doku - zur Situation passend
Usability-Testing
Versuchspersonen lösen unter Beobachtung typische Aufgaben
Auswertung nach Schwachstellen der Benutzerinteraktion, des Layouts, der Verständlichkeit
Darauf aufbauend werden Verbesserungen konzipiert
MVC - Klassen
Problem: Programme mit GUI sind für eine einzige Klasse zu lang
-> Aufteilung in drei Klassen:
Model
View
Controler
MVC - Vorgehensweise
Model: Programmlogik
View: GUI
Controller: Verarbeitet Aufträge aus View, ruft Operationen am Model auf, Steuerung der Views aufgrund von Ereignissen
