188

Informatik (Fach) / Interaktions Design (Lektion)

Diese Lektion wurde von marvin1504 erstellt.

Lektion lernen

zurück  |  weiter 4 / 4

• Datatips • Datatips zeigen zusätzliche Informationen zu Objekten in Informationsgrafik im eigenen Fenster an, z.B. Google McDonalds Öffnungszeiten• Datatips können bspw. angezeigt werden bei Mouse-Over- oder Button-Click-Events
• Data Spotlight Data Spotlight heben zugehörige Elemente der Daten vor, sobald Mauszeiger diese teilweise verdeckt oder selektiert
• Data Brushing Data Brushing ermöglicht es Benutzern, Daten in einer Ansicht zu selektieren und gleiche Daten synchron in weiterer Ansicht hervorzuheben
• Local Zooming Local Zooming hilft komplexe Daten in Ansicht zu explorieren, indem Benutzer innerhalb dieser Ansicht an Maus-Cursor- Position zoomen kann• Achtung: Local Zooming führt zur Verzerrungen oder Verdeckungen
• Sortable Table ○ Sortable Table zeigt Daten in tabellarischer Form (i.d.R. Tree Table) bei der Benutzer zeilenweise angeordnete Daten nach Spalten sortieren kann○ Sortable Table sind sinnvoll bei multivarianten Daten
• Radial Table • Radial Table zeigt Daten der Informationsgrafik in Kreisanordnung statt tabellarischer Form an• Radial Table ermöglicht es Relationen durch Verbindungen durch Kreismitte zu illustrieren
• Forgiving Format Forgiving Format erlaubt Benutzer, Text in unterschiedlichen Formaten und Syntax einzutragen
• Structured Format ○ Structured Format zerlegt Textfeld in mehrere Textfelder, welche Struktur der erforderlichen Daten widerspiegeln○ Structured Format unterstützen Benutzer bei EingabeBeispiel: Datumseingabe [  ] [  ] [    ]
• Input Prompt • Input Prompt zeigt im Textfeld oder Drop- Down-List entsprechende Eingabeaufforderung (engl. Input Prompt)• Input Prompt zeigt Benutzer an, welche Information eingetragen werden soll
• Input Hints • Input Hints helfen Benutzer mit Hinweisen, welche Daten in entsprechende Formular-Elemente (meist Textfelder) eingetragen werden müssen• Input Hints können im Textfeld selber und/oder daneben (je nach Platz) dargestellt werden
• Anzeige
• Hue/Saturation/Value Hue/Saturation/Value besagt, dass wenig Farbtöne (ca. 3-5) gewählt werden sollten, die durch verschiedene Stufen der Sättigung und Helligkeit in Palette kombiniert werden können
• Corner Treatments • Corner Treatments besagt, dass (anstelle von rechten Winkeln) Kurven oder Diagonalen für einige Ecken im UI verwendet werden sollten • Corner Treatments sollten konsistent innerhalb des UI Design sein
• Border Echo Fonts ○ Border Echo Fonts besagt, dass Ränder gleiche/ähnliche visuelle Gestaltung (z.B. Farbe, Dicke und Kurvenverläufe) wie Haupt-Schriftart des UI haben sollte○ Border Echo Fonts unterstützt interne Konsistenz sowie Wiedererkennung
• DECIDE DECIDE bietet Framework, welches hilft Benutzerstudien zu planen und durchzuführenDECIDE dient als Checkliste für EvaluierungenDetermine Goals (Was sind Ziele der Evaluation?)- Wer will Evaluierung?- Warum soll Evaluierung durchgeführt werden?- Was soll herausgefunden werden?Explore the Question (Wie lautet Frage, die Evaluierung beantworten soll)- große Fragen müssen häufig in kleinere Fragen und damit kleinere Evaluierungen zerlegtwerdenChoose Evaluation Method (Welche Methode soll gewählt werden?- Auswahl hängt von Zielen und Fragestellung ab- häufig Kombination mehrere MethodenIdentify Practical Issues (Welche Aspekte beeinflussen reibungslosen Ablauf der Evaluierung?)- Laborausstattung, Zeit- und Budgeteinschränkung, Expertise- Pilot-Studien sind essentiell für korrekt Ablauf von StudienDecide on Ethical Issues (Wie wird mit ethischen Fragenstellungen umgegangen?)Evaluate (Wie wird Evaluierung durchgeführt und gesammelte Daten analysiert, interpretiert und präsentiert?
• Warum Evaluierung? Exploration- (frühe) qualitative und informelle Erkundung von Benutzeranforderungen Beurteilung- Einschätzung des Stands der UI-Entwicklung- Entscheidung über DesignalternativenVergleich- Gegenüberstellung von Alternativen z.B. alt gegen neu, unser gegen deren etc.Validierung- Überprüfung gegen Ende der Entwicklungen, um Behauptungen/Hypothesen zu überprüfen
• Wann Evaluierung? Vor Entwicklung (formativ) - AnforderungsanalyseWährend Entwicklung (formativ) - verfeinern der Anforderungsanalyse - Testen verschiedener KonzepteNach Entwicklung (summativ) - Validierung oder Vergleich
• Formative Evaluation - findet vor und während der Entwiclung statt- Hinweise auf konkrete Mängel bzw. Produktmerkmale sammeln- konkretes Verbesserungspotential früh explorieren, beurteilen und nutzen
• Summative Evaluation - fassen Ergebnis eines UCD-Prozesses zusammen - bewerten und validieren von Design-Entscheidungen- findet klassischerweise am Ende größerer IxD-Projekte statt
• Hawthorne-Effekt Der Hawthorne-Effekt besagt, dass Teilnehmer einer Studie Verhalten ändern, falls sie wissen, dass sie an Studie teilnehmen.
• Feldstudie Feldstudie ist systematische wissenschaftliche Beobachtung unter natürlichen Bedingungen
• Laborstudie Laborstudie ist wissenschaftliche Methode, um mit Hilfe von Laborexperimenten bestimmte Arbeitshypothese zu testen
• Art der Evaluierungsergebnisse Subjektiv:- nicht quantifizierbare Beschreibungen- Benutzeraussagen, z.B. Präferenzen, SelbsteinschätzungenObjektiv:- quantitativ messbare Ergebnisse- technisch aufzeichen- & auswertbare Daten
• Quantitative Evaluierung Quantitative Evaluierung liefert quantitive, d.h. sinnvoll in Zahlen ausdrückbare,Ergebnisse- Beispiele: Messwerte wie Fehler, Anzahl Tastendrücke, Ausführungszeiten …
• Qualitative Evaluierung Qualitative Evaluierung liefert qualitative Ergebnisse, die sich nicht sinnvoll numerischfassen lassen- Beispiele: Notizen, Interview, Videos …Qualitative Ergebnisse beinhalten häufig interessante Details, die nicht aus numerischen Daten entnommen werden können
• Quantitativ & Qualitativ • Qualitative und quantitive Ergebnisse ergänzen sich häufig sinnvoll• quantitive Daten erlauben statistische Auswertung und liefern belastbare Ergebnisse• qualitative Daten runden Ergebnisse einer Studie ab
• Analytische Untersuchung (Evaluierung) • Analytische Methoden untersuchen System durch reine Analyse• Analytische Methoden liefern Erklärungen von Arbeitsweisen, Bestandteilen oder Eigenschaften• Analytische Methoden beziehen i.d.R. keine Testpersonen ein
• Empirische Untersuchung (Evaluierung) • Empirische Methoden befassen sich mit Ergebnissen bei Bedienung des interaktiven Systems/Produkts• Empirische Methoden beziehen i.d.R. Testpersonen ein
• Empirische vs. Analytische Untersuchung (Evaluierung) • Analytische und Empirische Methoden lassen sich häufig kombinieren• Empirische Methoden liefern belastbare Ergebnisse über Benutzung interaktiver Systeme• Analytische Methoden liefern mögliche Erklärungen
• KLM-GOMS KLM-GOMS ist ein formal analytisches Verfahren
• Inspektionsverfahren Inspektionsverfahren versuchen potentielle Usability-Probleme im System zu entdecken und konkrete Hinweise zur Verbesserung zu geben- Cognitives Walkthrough- Heuristische Evaluation (Expertenevaluation)
• Anzeige
• Cognitive Walkthrough Cognitives Walkthrough ist ein Inspektionsverfahren, welches Aktionen fiktiver Benutzer (z.B. Personas) Schritt für Schritt durchführt und auftretende Probleme dokumentiert.- Aufgabenziel muss vorher festgelegt werdenAnnahme: Benutzer nimmt immer einfachsten und offensichtlichsten Weg zur LösungCW richtet sich nach Human Action Cycle- Welche Probleme? (Goal Formation, Gulf of Execution, Gulf of Evaluation)
• Heuristische Evaluation Heuristische Evaluation oder auch Expertenevaluation (Discount Usability) ist ein Inspektionsverfahren, welches die Vorgehensweise bei analytischer Evaluation formalisiert.Heuristische Evaluation basiert auf Design-Regelwerke
• Heuristische Evaluation vs. Cognitive Walkthrough Heuristische Evaluation- breiterer Ansatzpunkt- alle UI-Aspekte werden berücksichtigtCognitive Walkthrough- berücksichtigt i.d.R. nur wenige Aufgaben- mentale Prozesse der Nutzer werden thematisiertGute Kombination möglich:HE: aufgabenunabhängige allgemeine Analyse des ProduktesCW: zentrale Schlüsselaufgaben genauer untersuchen
• Deiktisch vs. Deskriptiv Deiktisch - zeigen (wiedererkennen)Deskriptiv - sprachlich (erkennen)
• ADRE AnalyseDesignRealisierungEvaluierung
• Aufgabenausführung (Kognitive Schritte) • Ziel-Formulierung (engl. Goal Formation Stage): Was kann ich tun?• Ziel-Aufgabe Abbildung (engl. Goal-Task Mapping): Was ist zu tun, um Aufgabe zu erfüllen?• Aufgabe-Aktion Abbildung (engl. Task-Action Mapping): Wie ist es zu tun?
• Gestaltungskriterien ÄFESEÄsthetikFunktionalitätErlebnishaftigkeitSymbolikErgenomie
• Design-Regelwerke Konkretisierung Reihenfolge: Prinzipien Heuristiken Pattern Standards Guidelines

zurück  |  weiter 4 / 4