Interaktion begreifen Interaktions-Modelle

Transkript

1 Interaktion begreifen Interaktions-Modelle Kommunikationsparadigmen Mentale Modelle UX BHT Berlin Ilse Schmiedecke 2013

2 Modelle in der HCI "Benutzerfreundlichkeit abstrakt" Komplexität vermeiden Schwierigkeiten lokalisieren 3 Aspekte der Interaktion Benutzerrolle à Kommunikationsparadigmen Verständnis à mentale Modelle Handhabung à Handlungsmodelle Mentale Modelle Komplexität und Kohärenz Modell-Inkompatibilitäten Handlungsmodelle Aufwand - intellektuell und manuell / sensorisch dargestellt als "Abstand" (Transformationsdistanz) schmiedecke 08 HCI 2

3 Kommunikationsparadigmen Kommunikationsparadigmen: - Computer als Ressource (Arbeitsmittel) Nutzer benutzt und verbraucht Ressource Welche Rolle spielt der Computer? - Computer als Werkzeug (Funktion oder Automat) Nutzer verändert Objekte mithilfe des Werkzeugs - Computer als Kommunikationspartner (Assistent, Partner, Überwacher oder Ausführender) Nutzer kommuniziert mit dem Computer - Computer als Medium (Mittler zur Anwendungswelt) Nutzer erlebt die oder interagiert mit der Anwendungswelt durch den Computer - Computer als Künstliche Realität (der Computer wird unsichtbar) Nutzer bewegt sich in einer künstlichen Welt schmiedecke 12 HCI 3

4 Und was, wenn die Grenzen verwischen... Starfire, the Movie "Julie was looking forward to a good day until Michael O'Connor tried to deep-six her sports car project. Now, only her team, scattered around the world, can save her..." The film, developed in 1992, predicted the explosive growth of the world wide web at a time before graphical web browsers even existed. Starfire: The Directors' Cut explores in candid detail a technological future based on industry cooperation, human-centered design, and the continued presence of bad guys. schmiedecke 12 HCI 4

5 Mentale Modelle MENTALE MODELLE Strukturierte Vorstellungen von einem Gebilde und dessen Verhalten. Alle haben mentale Modelle: Einbrecher Modell vom Verhalten ihrer Opfer Modell von der interessierenden Örtlichkeit Ablaufplan des Einbruchs Schüler Modell vom Verhalten des Lehrers Modell vom Bewertungsschema Modell vom Sympathieschema Plan für den unbeobachteten Spickereinsatz schmiedecke 12 HCI 5

6 Mentale Modelle und Kognition Begriff von Kenneth Craik eingführt: "The Nature of Explanation" 1943 Verstehen geschieht aufgrund von Entscheiden Vorstellungen, Planen also mentalen Modellen Handeln à Mentale Modelle bilden die Grundlage der Kognition und der Interaktion schmiedecke 12 HCI 6

7 Kompatibilitätsmodell von Norman Interaktion ist verständnisbasiert Norman modelliert die relative "Richtigkeit" des Verständnisses, nicht das Verständnis selbst (1988) Wer besitzt ein mentales Modell? (im Kontext eines gegebenen Anwendungssystems A) Der Systemdesigner D(A) Der Benutzer B(A) Das System S(A) Sind die Modelle miteinander kompatibel? schmiedecke 12 HCI 7

8 Abhängigkeiten Mentaler Modelle Alle Modelle beziehen sich auf den Anwendungsbereich (A) "Typische Entstehungsgeschichte": B(A) à D(B(A)) à D(A) à D(S(A)) à S(A) à B(S(A)) D(B(S(A))) GUI, Fehlermeldungen, Hilfe Inkompatibilitäten zwischen mentalen Modellen führen zu Verständnisproblemen! schmiedecke 12 HCI 8

9 Beispiel: Mentale Modelle eines Organizers B(A) D(B(A)) D(A) D(S(A)) D(B(S(A))) Der Anwender kennt Taschenkalender, Wandkalender Designer listet alle interaktiven Funktionen auf (und vergisst Feiertage, Schulferien, Bestätigt -Kürzel) Designer beschreibt reduzierte Fachlogik Monate, Wochen, Tage, Viertelstunden, Termine von-bis, wiederholbar Erinnerungsfunktion Metaphern für die Detaillierung: - Zoom passt nicht (evtl. Viertelstunden) - Kalendersichten (Teile des Taschenkalenders) - Blättern - Bändchen für heute? besser verbal: à HEUTE

10 2.3.2 Mentaler Modelle in der Analyse Inkompatibiltäten Und immer wieder kann es krachen" D(A) ßà B(A) D(B(S(A))) ßà B(S(A)) S(A) ßà B(A) S(S(A)) ßà S(A) Und so weiter. schmiedecke 12 HCI 10

11 Inkompatibilitäten: Compiler Fehlermultiplikation durch Korrektur? Beim Compilieren eines Programms gibt es 7 Fehlermeldungen Nach Korrektur der Fehler erscheinen 34 Fehlermeldungen Da stimmt doch etwas nicht. Oder? Grund: Der Compiler arbeitet in mehreren Durchgängen (Pässen) Solange bei einem Durchgang noch Fehler erkannt werden, wird der nächste Durchgang gar nicht gestartet. Inkompatibilität? Abhilfe? schmiedecke 12 HCI 11

12 Inkompatibilitäten: Formatierung Seite im Querformat Du arbeitest in MS Word und markierst eine Seite. Dann selektierst Du Datei>Seite einrichten und wählst das Querformat. Nicht nur die markierte Seite, sondern das gesamte Dokument ist jetzt im Querformat. Grund: Das Dokument ist logisch nicht in Seiten eingeteilt, sondern in Abschnitte. Der Befehl bezieht sich auf den aktuellen Abschnitt. Inkompatibilität? Abhilfe? schmiedecke 12 HCI 12

13 Inkompatibilitäten: Fehlermeldung "Cannot find Main Type" Du programmierst in Java unter eclipse. Beim Versuch, das Programm zu starten meldet eclipse: Cannot find main type Du durchsuchst die Java Dokumentation nach main type" vergeblich. Du erfährst, dass main type eine Klasse mit einer main-methode bezeichnet. Eine solche Klasse ist im Projekt vorhanden! Grund: Die Klasse wird in einem Ordner angezeigt, nicht in einem Paket, d.h. sie wird nicht als Java-Programm betrachtet und deshalb nicht gefunden. Inkompatibilität? Abhilfe? schmiedecke 12 HCI 13

14 Inkompatibilitäten: Ikea-Anleitung Zu wenig Bauteile Als erfahrener Ikea-Kunde zählst du zuerst die Einzelteile. Es sind zu wenig und einige Teile sehen ganz anders aus als auf der Abbildung Grund: einige Teile sind vormontiert. Inkompatibilitäten? Abhilfe? schmiedecke 12 HCI 14

15 Inkompatibilitäten: Adobe Connect-Lernraum Hochladen von Dateien gelingt nicht Du versuchst, vorbereitete Dateien hochzuladen. Der Hochladevorgang wird abgeschlossen Die Dateien sind unauffindbar Grund: Es werden nur wenige Dateitypen angenommen. Inkompatibilität? Abhilfe? schmiedecke 12 HCI 15

16 Verschiedene mentale Modelle 2.3 Mentale Modelle Wir unterscheiden Konstruierte oder konzeptuelle Modelle Gestaltung einer neuen Realität Vorwegnahme oder Planung erworbene Modelle ermöglichen den Umgang mit der Realität werden durch Lernen erweitert und korrigiert schmiedecke 12 HCI 16

17 Entstehung Mentaler Modelle: Erworben oder konzipiert? B(A) à D(B(A)) à D(A) à D(S(A)) à S(A) à B(S(A)) D(B(S(A))) Mentale Modelle entstehen durch Lernen und Erfahrung - erworbene Modelle Konstruktion und Entwurf - konzeptuelle Modelle à Usability-Aufgabe Konzeptuelle Modelle kompatibel zu initialen Modellen der Benutzer entwickeln Konzeptuelle Modelle dem Benutzer kommunizieren schmiedecke 12 HCI 17

18 Kommunikation des konzeptuellen Modells Explizite Kommunikation: Tutorials Hilfetexte Erste Schritte Implizite Kommunikation Durch das User Interface!

19 Darlegung eines Konzeptuellen Modells: Konzeptuelle Modelle 1. Konzepte: Liste der zentralen Begriffe und ihrer Bedeutung. (Objekte, Operationen, Regeln) 2. Beziehungen zwischen den Konzepten Spezialisierungen, Generalisierungen, Enthaltensein, Regeln und Einschränkungen, Relative Wichtigkeit. 3. Metaphern und Analogien: Welche Metaphern werden benutzt, um dem Benutzer das System verständlich zu machen? Abbildungen (math.): Wie hängen die Konzepte mit den Metaphern zusammen? dargestellt als grobes Fachklassendiagramm mit erklärendem Text schmiedecke 12 HCI 19

20 Konzeptuelles Modell Beispiel Excel Beispiel Excel Modell: Tabellen in Blättern Eingeteilt in Zeilen und Spalten Tabelleninhalt in Zellen Metaphern: Kontenblätter Buchhaltung schmiedecke 12 HCI 20

21 Konzeptuelles Modell Beispiel: Web Browser Konzeptuelle Modelle 1. Konzepte: URLs, Webseiten, Links, History, Seite aufrufen Speichern von URLs, organisieren in Ordnern 2. Beziehungen zwischen den Konzepten dargestellt als einfaches Klassendiagramm: URL ermöglicht Seitenaufruf Seite enthält Links Link verweist auf URL History enthält URL Ordner enthält Ordner und gespeicherte URLs 1. Metaphern und Analogien: Metaphorische Handlungen: Stöbern, Erforschen (Hinweisen folgen), Navigieren Metaphern: Adresse, Ziel, Lesezeichen 2. Abbildungen müssen nicht immer explizit erklärt werden: Stöbern, erforschen, navigieren à Seitenaufrufe über Links Adresse, Ziel à URL / Link Lesezeichen à gespeicherter und benannter URL schmiedecke 12 HCI 21

22 2.3.1 Konzeptuelle Modelle Konzeptuelles Modell als Arbeitsgrundlage Das konzeptuelle Modell bildet die Grundlage des Interaktionsentwurfs bildet die Grundlage für das Benutzerverständnis bildet den Kommunikationskontext für Fehlermeldungen und Hilfetexte Ein gutes konzeptuelles Modell hat wenige und benutzernahe Konzepte und Metaphern klare Beziehungen zwischen den Konzepten mit möglichst wenigen Ausnahmen ist erweiterbar in der voraussichtlichen Entwicklungsrichtung Q Die Qualität des konzeptuellen Modells ist entscheidend für die Gebrauchstauglichkeit der Benutzerschnittstelle! schmiedecke 12 HCI 22

23 Das waren die Mentalen Modelle......weiter geht es mit Handlungsmodellen und wie man Benutzer durchschauen lernt. J schmiedecke 12 HCI 23