03.11.2012 Aufrufe

Informationsverarbeitung I Grundlagen

Informationsverarbeitung I Grundlagen

Informationsverarbeitung I Grundlagen

MEHR ANZEIGEN
WENIGER ANZEIGEN

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.

2.1.2.1. Grafische Benutzeroberflächen<br />

Grafische Benutzeroberflächen (Graphical User Interface = GUI) werden häufig in einem<br />

Atemzug mit direkter Manipulation genannt, bieten jedoch in der Regel eine Mischung aus<br />

unterschiedlichen Interaktionstechniken. Sie basieren meistens auf der Schreibtischmetapher<br />

und zeigen den Zustand in Form von Dokumenten-Icons, Fenstern und Menüs. Beispiele für<br />

grafische Benutzeroberflächen sind: Finder von MacOS, KDE von Linux, Windows, Open<br />

Look.<br />

2.1.2.1.1. Leitideen<br />

Die Leitideen für grafische Benutzeroberflächen sind (abgeleitet aus den StyleGuides von<br />

Windows bzw. Macintosh):<br />

Benutzerkontrolle (user control)<br />

Visuelle Anzeige und Kontrollmöglichkeit auch automatischer Vorgänge, Gefühl der<br />

Kontrolle geben.<br />

Rückkopplung (feedback)<br />

Echo oder Reaktion auf jede Eingabe vorsehen, z. B.<br />

• Mauszeiger ändert Form<br />

• Objekt verändert Aussehen<br />

• Menüeintrag wird blass, wenn nicht wählbar<br />

• Statuszeile zeigt Fortschritte durch Balkenlänge oder Dateinamen an<br />

• Übersichtsfenster zeigt Fortschritt an (progress indicator)<br />

• Ereignisfenster (pop -up window)<br />

Visualisierung (directness)<br />

Visuelles Äquivalent der Daten und Funktionen, die darauf zeigen. Logik von Metaphern<br />

nutzen Beispiele: Schreibtisch mit Papierkorb, Eingangskorb, Ablage, Mappen, Pinnwand<br />

zum Austausch von Infos & Texten in Arbeitsgruppen.<br />

Vorteile: NutzerIn hat Informationen über Sinn und Funktion des Objekts; Protokollwissen<br />

(Interaktion) ist schon da.<br />

Konsistenz (consistency)<br />

Ähnliche Situationen – ähnliche Visualisierung, ähnliche Reaktionen<br />

• Nicht auswählbares Menü ebenfalls zeigen<br />

• Daten sichern, Dokument drucken: immer mit Dateiauswahl oder immer ohne.<br />

• „Selektion“ immer ein Objekt. &Gedrückter Knopf: immer ein Bereich.<br />

46

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!