Grundlagen von User Interfaces

Wichtige Grundlagen

• Der Kurs "Gestaltung und Ergonomie von User Interfaces" vermittelt grundlegende Kenntnisse und Begriffe des Fachgebiets
• Nutzer werden in verschiedene Arten von User Interfaces eingeführt
• Die Themen Ergonomie und Gebrauchstauglichkeit werden behandelt
• Es werden nutzerzentrierte Gestaltungsprozesse, Informationsarchitekturen, Gestaltungselemente und Barrierefreiheit von User Interfaces diskutiert
• Die Prinzipien, Herausforderungen von mobilen Websites sowie Responsive User Interfaces werden kennengelernt

Lektionsziele

• Unterschiedliche Typen von User Interfaces
• Interaktionsmöglichkeiten mit User Interfaces
• Herausforderungen in der Gestaltung von User Interfaces
• Aspekte einer guten Gebrauchstauglichkeit
• Normen, Prinzipien und Regeln zur Unterstützung der User-Interface-Gestaltung

Einführung in User Interfaces

• User Interfaces (Benutzerschnittstellen) sind allgegenwärtig, von Weckern bis zu Smartphones.
• Die Handhabung variiert, wobei einige physische Tasten bevorzugen und andere Touchscreens oder Sprachbedienung
• Die Lektion definiert wichtige Begriffe, stellt verschiedene Typen von User Interfaces vor und erläutert Herausforderungen bei der Gestaltung

Definition: User Interface

• User Interface ist die Schnittstelle zwischen Mensch und Produkt
• Die Zahnbürste dient als Beispiel, wobei der speziell geformte Griff auf die Ergonomie der menschlichen Hand abgestimmt ist
• Interface ermöglicht die optimale Anpassung der Fähigkeiten und Fertigkeiten an das Produkt

Interaktion mit Computersystemen

• Schnittstellen bestehen auch zwischen Mensch und Computersystem, z. B. Touchscreen, Sprache, Tastatur und Maus
• „User Interface" entspricht umgangssprachlich „Benutzeroberfläche“

Ergonomie im User Interface Design

• Ergonomie (griechisch: Arbeit, Sachkunde) ist die Wissenschaft der Leistungsmöglichkeiten und -grenzen des Menschen
• Ergonomische Gestaltung zielt auf die optimale Anpassung der Arbeitsbedingungen an den Menschen ab, einschließlich Unterhaltungselektronik.
• Primär in diesem Design geht es nicht um reine Ästhetik, sondern Benutzerfreundlichkeit

Usability (Gebrauchstauglichkeit)

• Usability (auch: Gebrauchstauglichkeit, Benutzerfreundlichkeit) bedeutet die Analyse im Nutzungskontext
• Ein Hammer hat hohe Usability beim Einschlagen von Nägeln, aber niedrige beim Hantieren mit Schrauben
• Die Usability hängt von Aufgabe, Fähigkeiten des Nutzers, Nutzungsumfeld und Werkzeug ab
• Werkzeuge können auch digitale Produkte (Software, Website) sein

Mensch-Maschine-System

• Nutzer, Aufgabe, Werkzeug und Kontext definieren die Interaktion
• Statt „User Interface" wird im industriellen Bereich auch Human Machine Interface (HMI) verwendet

ISO-Norm 9241-210

• Gebrauchstauglichkeit ist das Ausmaß, in dem ein System durch Nutzer in einem Nutzungskontext verwendet werden kann, um Ziele effektiv, effizient und zufriedenstellend zu erreichen
• "Effektiv" strebt die vollständige Zielerreichung an, "effizient" beschreibt den Aufwand und die Zufriedenheit die subjektive Bewertung
• Usability erfordert, dass Nutzer Ziele und Aufgaben im Kontext effektiv, effizient und zufriedenstellend erreichen

Arten von User Interfaces

• User Interfaces ermöglichen die Interaktion zwischen Nutzern und digitalen Produkten
• Das Interface übermittelt Informationen als Anzeigesystem und ermöglicht Eingaben als Bediensystem

Interaktionsmodalitäten

• Interaktionsmodalitäten beziehen sich auf die Nutzung der Sinne, motorischen und kognitiven Fähigkeiten sowie der Sprache zur Bedienung
• Frühe Computersysteme erforderten das Erlernen von Maschinensprache und Interaktion via Lochkarten

Command Line User Interfaces (CLIs)

• CLIs (Kommandozeilen) basieren auf Befehlen
• Über die Kommandozeile wird mittels Tastatureingaben mit dem Computer interagiert
• Aufgaben wie Datumseinstellung oder Herunterfahren des Rechners werden ausgeführt
• CLIs erfordern das Wissen über Befehle und werden daher von erfahrenen Nutzern effizient für häufige Aufgaben genutzt

Graphical User Interfaces (GUIs)

• Der Xerox Alto war der erste PC mit GUI (grafische Benutzeroberfläche)
• GUIs verwenden Maus, Tastatur, Fenster und Icons, nach wie vor ein Grundkonzept moderner Rechner
• Das Interaktionskonzept wird auch als WIMP (Windows, Icons, Menüs, Pointer) bezeichnet

Zeigegeräte

• Doug Engelbart präsentierte 1968 den Prototyp der Maus
• Touchpads in Laptops sind eine Alternative
• Maus und Touchpad sind indirekte Eingabegeräte, die mit relativer Positionierung arbeiten

Desktop-Metapher

• Das Vereinfachen von Graphical User Interfaces ist das Ziel
• Hier ist die Desktop-Metapher zu nennen
• Es kommt dem Konzept des Schreibtisches gleich
• Ordner dienen der Organisation, der Abfalleimer zum Entsorgen
• Ist noch in modernen PCs zu finden

Vorteile von GUIs sind:

• Einfachere und schnellere Erlernbarkeit im Vergleich zu CLIs
• Auch müssen keine Befehle auswendig gekannt werden, sondern es werden leicht verständliche Icons verwendet

Nachteile sind:

• Meist größerer Platzbedarf im Vergleich zu CLIs
• Für hohe Usability ist jedoch das Design entscheidend. Dies betrifft die Informationsarchitektur, die Navigationselemente, farbliche Kodierung und ästhetische Gestaltung, welche die Funktionalitäten hervorheben

Touch User Interfaces (TUI)

• Touch User Interfaces sind eine Weiterentwicklung von GUIs
• Ein wichtiger Meilenstein ist der Start des iPhones 2007
• Anzeige-und Bediensystem verschmelzen
• Über Touch-Gesten lassen sich Apps bedienen

Touch-Gesten

• Wischen für die Navigation auf dem Homescreen und Pinch-Gesten zum Zoomen sind etablierte Standards

Gestaltungsrichtlinien

• Online verfügbare Human Interface Guidelines müssen berücksichtigt werden
• Click auf Hyperlinks ist mittels Toucheingabe schwieriger zu bedienen als über Websiten
• Größe der Interaktionselemente ist an die Fingergröße der Nutzergruppe anzupassen