MMK/Notes.md

# 1
### UX:
- Application Design
- User Interface Design
- Usability Engineering

### Prinzipien
- Interaktion
  - Wechselbeziehung zwischen Mensch und Maschine
- Interaktives System
  - System welches mit dem Benutzer interagiert (Reaktion auf I/O)
- Human-Computer-Interaction
  - Interaktion zwischen Mensch und Maschine
- Man-Machine-Interface
  - Schnittstelle zwischen Mensch und Maschine
- Usability
  - Gebrauchstauglichkeit
- Usability Engineering
  - Disziplin zur erreichung der optimalen Benutzbarkeit durch ein MMI
- Software-Ergonomie
  - Wissenschaft über die Gestaltung von guten MMI
- Medium
  - Datenträger für Informationen
- Multimedia 
  - Datenverarbeitung und Darstellung durch Nutzung verschiedener Medien
- Modalität
  - Ein/Ausgabekanal der Sinneswahrnehmung (Sprache, Gestig, Haptik)
- Multimodalität
  - Einsatz von Verschiedenen Modalitäten in interaktiven Systemen

### ISO 9241 11
- Nutzungskontext
  - Benutzer
  - Arbeitsaufgabe
  - Arbeitsmittel
  - Umgebung
- Maße der Gebrauchstauglichkeit
  - Effektivität
  - Effizienz
  - Zufriedenstellung
<hr>

- Effektivität
  - Die Genauigkeit und Vollständigkeit, mit der Benutzer ein bestimmtes Ziel erreichen
- Effizienz
  - Der im Verhältnis zur Genauigkeit und Vollständigkeit eingesetzte Aufwand, mit dem Benutzer ein bestimmtes Ziel erreichen
- Zufriedenstellung
  - Freiheit von Beeinträchtigungen und positive Einstellungen gegenüber der Nutzung des Produkts

### Calm Computing
- Das Verhalten des Nutzers ist nicht primär auf die Interaktion mit dem technischen Gerät ausgelegt. 
  Sein Verhalten wird aber von diesem interpretiert und löst selbstständig Handlungen aus.

# 2
### Gebrauchstauglichkeit
- Es gibt kein einzelnes gegebenes Maß für die Gebrauchstauglichkeit eines Systems, eines
Produkts oder einer Dienstleistung, da die Effektivität, Effizienz und Zufriedenstellung von den
Benutzern, Zielen und sonstigen Komponenten des Nutzungskontextes abhängen, für die die
Gebrauchstauglichkeit berücksichtigt wird.

### Software Ergonomie
- Software-Ergonomie befasst sich mit der Analyse, Gestaltung und Bewertung der Arbeit des
Menschen an oder mit rechnergestützten dialogfähigen Systemen, soweit diese durch Software
bestimmt wird, mit dem Ziel einer menschengerechten Gestaltung des Arbeitsmittels.
- Der Grundsatz der Software-Ergonomie ist, dass sich die Software dem Menschen anpassen
sollte und nicht umgekehrt.

### Interaktionsprinzipien ISO 9421-110
1. Aufgabenangemessenheit
Ein System ist aufgabenangemessen, wenn es den Benutzer bei der Erledingung seiner Aufgabe unterstützt und die Interaktionen auf die Eigenschaften der Aufgabe passt.
2. Selbstbeschreibungsfähigkeit
Wo und wenn Erfolrderlich bietet das System dem Benutzer angemessene Informationen an.
3. Erwartungskonformität
Das Verhalten des Systems ist vorhersehbar.
4. Erlernbarkeit
Das System unterstützt den Benutzer bei der Entdeckung von Funktionen und deren Verwendung und erlaubt das Erkunden und Ausprobieren.
5. Steuerbarkeit
Das System erlaubt den Nutzer die Kontrolle über die Interaktionen zu behalten.
6. Fehlertoleranz
Das System unterstützt den Benutzer bei der Vermeidung von Fehlern und hilft dem Benutzer bei der Behebung von Fehlern

# 3
### Ästhetik
- Die schlichte Funktionalität eines Programms reicht nicht mehr aus, vielmehr ist für den
Benutzer auch der optische Eindruck wichtig.

### Figure Grund
- Figur Grund ist die Unterschiedliche Wahrnehmung zwischen Vordergrund und Hintergrund (Vase oder zwei Köpfe)

### Proximity
- Proximity beschreibt die Wahrnehmung von Unterschiedlichen Gruppen durch deren Distanz zueinander

### Präattentive Wahrnehmung
- Unterbewusste Wahrnehmung
  - Farbdifferenzen (Grey Value, Color, Surrounded)
  - Formdifferenzen (Curvature, Elongation, Shape)
  - Schatten (Shaddow, Convex/Concave, Sharpness)
- Funtkioniert primär nur mit binären Differenzen (Kreis / Dreieck)
  - Schweiriger bei kombination (Roter Kreis / Blaues Dreieck / Rotes Dreieck)

### Metapher
- Analogien zur realen Welt für graphische Benutzeroberflächen um Funktionsweiße bzw. Nutzung zu vermitteln.
  - Diskette zum Speichern
  - Radiobutten für Singuläre Auswahl

# 4
### Personas
- **Verbesserung des Nutzerverständnisses**: Personas helfen Teams, die Bedürfnisse, Ziele,
Verhaltensweisen und Herausforderungen ihrer Zielgruppen besser zu verstehen. Dies führt
zu einer tieferen Empathie mit den Nutzern.
- **Zielgerichtete Produktentwicklung**: Durch die Orientierung an spezifischen Personas können
Produkte oder Dienstleistungen genauer auf die tatsächlichen Bedürfnisse und Wünsche der
Nutzer abgestimmt werden, was die Relevanz und Akzeptanz am Markt steigert.
- **Verbesserung der Kommunikation im Team**: Personas bieten eine gemeinsame Sprache und
einheitliche Referenzpunkte für interdisziplinäre Teams, die an einem Projekt arbeiten. Sie
erleichtern die Diskussion und Entscheidungsfindung, indem sie konkrete Nutzerbeispiele
einbringen.
- **Fokussierung und Priorisierung**: Personas helfen, Features und Funktionalitäten zu priorisieren,
indem deutlich wird, welche Aspekte für die wichtigsten Nutzergruppen am bedeutendsten
sind. Dies verhindert auch ein Überladen des Produkts mit unnötigen Funktionen.
- **Konsistente Nutzererfahrung**: Die Verwendung von Personas unterstützt die Entwicklung einer
konsistenten und benutzerorientierten Erfahrung über verschiedene Produkte,
Dienstleistungen und Berührungspunkte hinweg, indem sie sicherstellt, dass alle
Entscheidungen aus Nutzersicht getroffen werden.

### Stakeholder
- 2 Dimensional (Einfluss x Interesse)
- Stakeholder ist: 
  - Einflussausüber
  - Beeinflusster
- **Interne Stakeholder**: Diese Personen möchten vor allem, dass das Projekt Gewinne abwirft.
- **Externe Stakeholder**: Dieser Personengruppe geht es i.d.R. darum, dass das Projekt Bedürfnisse erfüllt.
- **Interface Stakeholder**: Hierbei handelt es sich um Instanzen, die beispielsweise aufgrund von Gesetzen
oder Regeln Einfluss auf das Projekt ausüben können.

# 5
### Empathy Map
- Eine Empathy Map ist ein Tool, mit dem Sie ermitteln können, wie Ihre Zielgruppe denkt, fühlt und handelt, um
deren Bedürfnisse und Wünsche besser verstehen zu können. In der Regel umfasst eine solche Darstellung vier
Quadranten: denken und fühlen, sagen und tun, sehen und hören.
- 4 Quadranten (Denkt, Sagt, Fühlt, Tut)
- Empathy Map individuell für Persona

### Storyboard
- Ein Storyboard bzw. Szenenbuch ist eine zeichnerische Version eines Drehbuchs oder eine Visualisierung eines Konzeptes oder einer Idee.
- Skizziert erwarteten Interkationsablauf eines Nutzers in einem Szenario.

### Customer Journey Map
- Visualisierung des Prozesses eines Nutzer mit Abbildung seines "Emotionalen Wohlbefinden" in den einzelnen Prozessphasen
- Beispiel war Wechsel des Telefon Tarif

### Prozessblaufdiagramm
- Ein Flussdiagramm oder Ablaufdiagramm (engl. Flowchart) ist ein Diagramm, das einen Prozess, ein System oder einen
Algorithmus beschreibt und darstellt.

# 6 
### Prototyping
- A prototype is a question rendered as an artifact. "Scott Klemmer"
  - In diesem Kontext bezieht sich ein Artefakt auf etwas von Menschen Gemachtes, typischerweise mit einem praktischen Zweck. Wenn dies auf einen Prototyp angewendet wird, betont es, dass ein Prototyp ein geschaffenes Objekt ist, das dazu dient, Ideen zu testen und zu erkunden.
- **Funktionalität**: Wie sollte es funktionieren? Funktioniert der aktuelle Mechanismus angemessen?
- **Design**: Ist dieses Design effektiv? Wie reagieren die Menschen darauf visuell und haptisch?
- **Benutzererfahrung**: Wie interagieren Benutzer damit? Welche Probleme treten auf?
- **Machbarkeit**: Kann dies effizient hergestellt werden? Gibt es bessere Materialien oder Methoden?

### Mentales Modell
- Mentale Modelle sind die Vorstellungen und Erwartungen, die Benutzer basierend auf ihren Erfahrungen und ihrem Vorwissen über die Funktionsweise eines Systems oder Produkts haben. Sie spielen eine entscheidende Rolle im User Experience (UX) Design, weil sie das Verhalten und die Interaktionen der Benutzer mit einer Schnittstelle stark beeinflussen.

### Skeumorphism
- Im Software-Design soll der Skeuomorphismus helfen, durch eine möglichst realistische Darstellung des ursprünglichen realen Gerätes eine Vertrautheit zu schaffen, die eine möglichst intuitive Handhabung der Software ermöglicht.

### Flat Design
- Beim Flat Design wird auf eine realistische Darstellung von Texturen, Verzierungen, Schlagschatten und dreidimensionalen Elementen verzichtet. Die Gestaltung unterliegt stilistischen Beschränkungen und ist auf wesentliche Elemente reduziert.

### Prototyp Klassen
- Wireframe
  - Layout aufzeigen
- Mockup
  - Design aufzeigen
- High Fidelity Prototype
  - Design mit Funktionen aufzeigen

# 7
### Evaluation
- Dient zur Wissensgenerierung
- Dient zur Evaluation

### Korrelation
- Korrelation bedeutet, dass zwei Dinge miteinander verbunden sind, aber sie impliziert keine Kausalität.
  
### Kausalität
- Kausalität bedeutet, dass ein Ereignis durch ein anderes Ereignis verursacht wurde.

### Bradford Hill Kriterien
1. Stärke der Assoziation: Wie groß ist der Effekt oder wie stark ist der Zusammenhang?
2. Konsistenz: Tritt der Zusammenhang häufig auf?
3. Spezifität des Effekts: Verursacht ausschließlich diese Exposition dieses Ergebnis?
4. Zeitliche Sequenz: Kommt die Exposition vor dem Ergebnis?
5. Dosis-Wirkungs-Beziehung: Führt eine stärkere Exposition zu einem stärkeren Ergebnis?
6. Plausibilität: Ergibt der Zusammenhang Sinn?
7. Kohärenz: Passt die beobachtete Beziehung zum allgemeinen Wissen der Wissenschaft?
8. Experimentelle Evidenz: Ist die Hypothese statistisch überprüfbar?
9. Analogie: Können wir eine analoge Beziehung zwischen dem Ergebnis und einer anderen Exposition herstellen?

### Laborstudie
- Abgeschottet, Einheitlich, Standartisiert, Störungsfrei
  - Keine "Real World" Erfahrung
  
### Feldstudie
- "Real World", Kontextbezogen, Langzeitbeobachtung
  - Rauschen, Ablenkung
<hr>

- Subjektive Kriterien basieren auf dem Urteil eines Prüfenden. Basieren meistens auf Beobachtung.
- Objektive Kriterien schließen die Subjektivität systematisch aus. Basieren meistens auf Algorithmen.
  
### Cognitive Walktrough
- Beim Cognitive Walkthrough wird eine Schnittstelle analysiert, indem berücksichtigt wird, was ein Benutzer Schritt für Schritt bei der Ausführung seiner Aufgabe tun müsste.
- Das Ziel ist es, mögliche Probleme, ohne empirische Evaluation, mithilfe von Interaktionsdesignprinzipien zu identifizieren.

### Heuristic Evaluation
- Heuristische Evaluation bedeutet, dass eine geringe Zahl von Experten die Benutzerschnittstelle eines Produktes untersucht und überprüft, inwieweit diese mit bestimmten Usability Prinzipien (Heuristiken)
übereinstimmt.
- Ziel ist Usability-Probleme überhaupt erst einmal zu erfassen bzw. zu erkennen und nicht um eine quantitative Erfassung dieser.

### Think Aloud Method
- Der Tester spricht seine Gedanken aus.

### Cooperative Evaluation
- Think Aloud aber man arbeitet mit den Evaluierenden zusammen und kann Fragen stellen.

### Constructive Interaction Method
- Kooperatives Arbeiten zur Erledigung der Aufgabe

### Physiologische Verfahren
- Messen physische Rekationen während des Tests
  - Puls
  - Schweiß
  - Hirnaktivität

### Interviews
- Befragung mit vorbereiteten Fragen
  - Kontextbezogen
  - Subjektiv
### Fragebögen
- Befragen mit festgelegten Fragen
  - Nicht persönlich
  - Besser analysierbar

### Gruppierung
- Within Group
  - Jeder Nutzer führt jede Experimentgruppe durch
- Between Group
  - Jeder Nutzer führt nur eine Experimentgruppe durch

# 8
### UI Elemente
- UI-Elemente, auch Benutzeroberflächenelemente genannt, sind die grundlegenden Bausteine einer Benutzeroberfläche.

### Modaler Dialog
- Ein modaler Dialog zwingt den Benutzer, mit ihm zu interagieren, bevor er zu anderen Teilen der Anwendung zurückkehren kann.
### Non Modaler Dialog
- Ein nicht-modaler Dialog ermöglicht dem Benutzer, weiterhin mit anderen Teilen der Anwendung zu interagieren, während der Dialog geöffnet ist.

### Warten
- Frustriert
- Ärgert
- Macht wütend
<hr>

- Thesen zur Psychologie des Wartens
    1. Genutzte Zeit fühlt sich kürzer an als ungenutzte Zeit.
    2. Menschen wollen loslegen.
    3. Durch Unbehagen fühlt sich Zeit länger an.
    4. Unbekannte Wartezeiten fühlen sich länger an als bekannte, endliche Wartezeiten.
    5. Unerklärte Wartezeiten fühlen sich länger an als erklärte Wartezeiten.
    6. Ungerechte Wartezeiten fühlen sich länger an als gerechte Wartezeiten.
    7. Ungleich verteilte Wartezeiten fühlen sich länger an als Wartezeiten, die immer annähernd gleich lang sind.
    8. Je wertvoller der Service, desto länger ist der Kunde bereit zu warten.
    9. Alleine warten fühlt sich länger an als in der Gruppe zu warten.
    10. Neue oder unregelmäßige Nutzer warten subjektiv länger als regelmäßige Nutzer
   
### Typographie
- Ligatur: Verschmelzen zweier oder mehrerer Buchstaben
- Laufweite: Leerraum zwischen den Buchstaben
- Kapitälchen: Großbuchstaben in der Größe von Kleinbuchstaben

### Readability
- Readability beschreibt die Einfachheit die Nachricht des Textes zu erfassen und dem Text zu Folgen

### Legitability
- Legitability beschreibt die Einfachheit einzelen Buchstaben voneinander zu Unterscheiden.

### Responsive Design
- Der Begriff Responsive Webdesign bedeutet im übertragenen Sinne "reagierendes Webdesign“: Inhalts- und Navigationselemente sowie auch der strukturelle Aufbau einer Website passen sich der Bildschirmauflösung des mobilen Endgeräts an.

# 9
### Conversational User Interface
- Die Idee von Conversational User Interfaces (CUI) ist die Konversation mit einer
realen Person zu imitieren.
- Die Kommunikation erfolgt dabei nicht per Tastendruck oder Syntax-Befehl oder
Zeigegesten, sondern direkt in Sprach- oder Textform. Dabei muss „natürliche Sprache“ verarbeitet und interpretiert werden.

### Herausforderungen
- **Mangelnde Lernförderlichkeit**. Zunächst bietet die natürliche Sprache eine sehr intuitive
Interaktionsform, die schon sehr früh vom Menschen erlernt wird (früher als das Schreiben und
Lesen). Dennoch muss man Anwender dazu bringen, den implementierten Wortvorrat und die
implementierte Syntax (wie auch die möglichen Gesten) zu lernen.
- **Mangelnde Selbstbeschreibungsfähigkeit**. Dadurch, dass die Eingabemöglichkeit durch Sprache (oder
auch Gesten) nicht direkt sichtbar ist (man spricht hier auch von mangelnder Affordance) werden die
Systeme oft übersehen oder auch auf lange Sicht wieder vergessen.

### Chancen
- Erweiterung der möglichen Benutzungskontexte
  - Im Auto ohne Ablenkung
- Geschwindigkeit
  - : In bestimmten Anwendungen, alternativ zur Tastatur, kann Spracheingabe bis zu drei mal schneller als die herkömmliche Eingabe für mobile Systeme sein.

### Prompting
- Prompting umfasst die Eingabe von Anweisungen oder Fragen an ein KI-System, um spezifische Antworten oder Handlungen zu erhalten.
- System Promts: zur Festlegung des Kontextes und Verhaltens der KI
- Interaction Promts: dynamische Eingaben durch Benutzer während der Interaktion

### BIAS
- Datenquellen Abhängig
- Personifizieren (Abbild der eignene Menschlichen Präferenzen)

### Interfaces
- CLI: Kommandozeile
- GUI: Symbole, Buttons, Metaphern
- NUI: Touchgesten, Berührung des Objektes

### Realitäten
-  Die physische Realität ist der Zustand der Dinge, wie sie tatsächlich als eine wesentliche Verkörperung existieren.
-  Die gemischte Realität ist die Verschmelzung von realen und virtuellen Welten, in denen physische und digitale Objekte miteinander existieren.
-  Die virtuelle Realität ist die Illusion einer Umgebung, die durch externe simulierte Stimuli ausgelöst wird.