Home | Lehre | Videos | Texte | Vorträge | Software | Person | Impressum, Datenschutzerklärung | Blog RSS

Stand: 2015-10-06

Videos und Materialien

7. Okt 15

Überblick




Mensch-Maschine-Interaktion


Video:
Mensch-Maschine-Interaktion; Anknüpfungspunkte mit der Elektrotechnik
Warum dieses Fach für den Master Elektrotechnik? Anwendungen und Technik von Benutzerschnittstellen. Beispiele.

Link:
meine bisherigen Experimente



Themenideen


Video:
Themenideen zu Mensch-Maschine-Interaktion in diesem Semester
GUIs, Entwicklungsprozesse, fünf Sinne, Sensoren, Gesetzmäßigkeiten, Intuitivität, Milieus usw.

Links:



erste Ideen zu Anwendungsfeldern und Methoden


Beispielarbeiten von der CHI 2014:
Wie könnte man diese Ideen für Energietechnik/Elektrotechnik einsetzen?
Welche Forschungsmethoden wurden verwendet?

An assistive robotic table for older and post-stroke adults: results from participatory design and evaluation activities with clinical staff
http://dx.doi.org/10.1145/2556288.2557333

How carat affects user behavior: implications for mobile battery awareness applications
http://dx.doi.org/10.1145/2556288.2557271

Practical trigger-action programming in the smart home
http://dx.doi.org/10.1145/2556288.2557420

EnergyBugs: energy harvesting wearables for children
http://dx.doi.org/10.1145/2556288.2557225

Understanding finger input above desktop devices
http://dx.doi.org/10.1145/2556288.2557151

"Healthifying" exergames: improving health outcomes through intentional priming
http://dx.doi.org/10.1145/2556288.2557246

Making sustainability sustainable: challenges in the design of eco-interaction technologies
http://dx.doi.org/10.1145/2556288.2557380

Persuasive technology for overcoming food cravings and improving snack choices
http://dx.doi.org/10.1145/2556288.2557099

Performativity in sustainable interaction: the case of seasonal grocery shopping in ecofriends
http://dx.doi.org/10.1145/2556288.2557318

Conversing with children: cartoon and video people elicit similar conversational behaviors
http://dx.doi.org/10.1145/2556288.2557280

Towards an holistic view of the energy and environmental impacts of domestic media and IT
http://dx.doi.org/10.1145/2556288.2556968

Automatic generation of semantic icon encodings for visualizations
http://dx.doi.org/10.1145/2556288.2557408


14. Okt 15

Klassische GUIs




Elemente klassischer grafischer Oberflächen


Video:
Elemente klassischer grafischer Oberflächen
Erfindung der Maus, Fenster, Menüs, Ribbons, Tastaturkürzel, …

Links:



Einfache GOMS-Analyse grafischer Oberflächen


Videos:
Einfache GOMS-Analyse grafischer Oberflächen
GOMS Keystroke-Level Model, Maus versus Tastatur, übliche Zeiten für Benutzeraktionen
Zeit für Maus- und Tastatureingaben mit GOMS schätzen

Essentielle Literatur:
Card, S.K., Moran, W.P., und Newell, A. The keystroke-level model of user performance time with interactive systems
http://dx.doi.org/10.1145/358886.358895

Literatur:
Jef Raskin. The Humane Interface
http://books.google.de/books/about/The_Humane_Interface.html?id=D39vjmLfO3kC



Regeln und Normen zur Gestaltung klassischer GUIs


Video:
Regeln und Normen zur Gestaltung klassischer GUIs
Standardelemente und Konventionen bei Menüs, Dialogen usw.; DIN EN ISO 9241; Bildschirmarbeitsverordnung

Essentielle Literatur:

Literatur:
BildscharbV
http://www.bmas.de/DE/Service/Gesetze/bildscharbv.html



Python und Qt




Erste Schritte mit Python und Qt


Video:
Erste Schritte mit Python und Qt
Python, Qt, GUI-Frameworks, Event-Driven Programming, Menüs

Links:

Verwendete Dateien:
03.1_Material.zip



Arbeit mit Qt Designer; Ereignisse; Zeitnahme, Dateien


Video:
Arbeit mit Qt Designer; Ereignisse; Zeitnahme; Dateien
Grafischer Entwurf grafischer Oberflächen, User Interface Compiler, Instrumentierung von Code

Verwendete Dateien:
3.2_Material.zip

Video:
Dialoge mit Qt Designer erstellen und in Python nutzen

Verwendete Dateien:
Dialog_mit_PyQt.zip

Video:
Python-Programm, das die Zeit zum Bedienen misst

Verwendete Dateien:
Pseudo-Taschenrechner_mit_Zeitnahme.zip



GUI-Zeitmessungen an Programm mit Qt und Python


Video:
GUI-Zeitmessungen an Programm mit Qt und Python
modaler Dialog, Radiobuttons abfragen, Focus für Tastatureingabe, Export in Tabellenkalkulation, t-Test, Nullhypothese

Verwendete Dateien:
3.3_Material.zip



Nachträge zu Python und Qt


Video:
Nachträge zu Python und Qt
Ausgabe mit Dezimalkomma statt Dezimalpunkt, Programm kurz unterbrechen

Verwendete Dateien:
3.4_Material.zip


21. Okt 15

Statistik




Statistischer Test; Nullhypothese; Irrtumswahrscheinlichkeit


Video:
Statistischer Test; Nullhypothese; Irrtumswahrscheinlichkeit
Statistischer Test; ein- und zweiseitig; Fehler 1. und 2. Art
Hypothesentest, Fehler erster/zweiter Art, 5%-Schwelle, Effekt vs. Zufall

Link:
Evaluating User Response to In-Car Haptic Feedback Touchscreens Using the Lane Change Test
http://www.hindawi.com/journals/ahci/2012/598739/



Student’s t-Test, Teststatistik


Video:
Student's t-Test; Teststatistik
t-Teststatistik, t-Test in Tabellenkalkulationen, Freiheitsgrade

Verwendete Dateien:
4.2_Material.zip

Video:
t-Test mit Tabellenkalkulation


28. Okt 15

Das World Wide Web




Das WWW. Geschichte, Funktionen, Rechtliches


Video:
Das WWW. Geschichte, Funktionen, Rechtliches
HTML, Javascript, CSS, Flash, AJAX, HTML5, Sendelizenz usw.

Links:

Verwendete Dateien:
06.1_Material.zip



Aktuelle Technik des Web


Video:
Aktuelle Technik des Web
Client und Server, JavaScript, HTML, jQuery, dynamische Webseiten

Video:
HTML, CSS, JavaScript, PHP, AJAX in Aktion

Verwendete Dateien:
JavaScript,_CSS,_PHP,_AJAX.zip

Video:
EtherPad und draw.io als Beispiele für Web-Oberflächen



Web und Navigation


Video:
Web und Navigation
UI-Besonderheiten des Web, Navigation, Gliederung, Breadcrumb Trail, Suche, URL



Web; Kooperation und Dynamik


Video:
Web; Kooperation und Dynamik
Kommunikation, Kollaboration, Tags, AJAX, Responsive Web Design

Links:



Web; alte und neue Bedienelemente


Video:
Web; alte und neue Bedienelemente
Buttons und Menüs, Perceived Affordances, Mausklicks sparen, Zoomable UIs

Links:


4. Nov 15

Usability-Untersuchungen




UIs prüfen mittels Cognitive Walkthrough


Video:
UIs prüfen mittels Cognitive Walkthrough
Cognitive Walkthrough; Tasks und Actions; Offensichtlichkeit

Essentielle Literatur:
Clayton Lewis et al.: CHI-Paper von 1990
http://dx.doi.org/10.1145/97243.97279

Video:
Cognitive Walkthrough für einen Bildkonvertierer



Eye-Tracker


Videos:
Eye-Tracker für arme Leute, Teil 1
Eye-Tracker für arme Leute, Teil 2
Funktionsprinzip und Anwendung von Eye-Tracking; Maus statt Eye-Tracker; Implementation mit Qt in Python

Links:

Benutzte Dateien:
7.2_Material.zip

Videos:
Eye-Tracker für 100 Euro
Eye-Tracker beobachtet Textlesen



Typen von Usability-Untersuchungen


Video:
Typen von Usability-Untersuchungen
Empirische vs. analytische Studien, Heuristiken, Think Aloud, Web-Statistiken usw.

Video:
Usability-Untersuchungen

Literatur:



Heuristiken


Video:
Heuristiken für einen Bildkonvertierer


11. Nov 15

Nielsen und Landauer: A mathematical model of the finding of usability problems


Video:
Nielsen und Landauer, A mathematical model of the finding of usability problems
Poisson-Modell, “Five users are (not) enough”, betriebswirtschaftliche Analyse

Video:
Statistik des Fehlerfindens

Essentielle Literatur:
A mathematical model of the finding of usability problems
http://dx.doi.org/10.1145/169059.169166



Greenberg und Buxton: Usability evaluation considered harmful (some of the time)


Video:
Greenberg und Buxton, Usability evaluation considered harmful (some of the time)
Innovationshemmung, Ausrichtung auf den Test

Essentielle Literatur:
Usability evaluation considered harmful (some of the time)
http://dx.doi.org/10.1145/1357054.1357074


18. Nov 15

Informationsvisualisierung


Videos:
Informationsvisualisierung, Prinzipien
Informationsanzeigen in Bus, Bahn und Auto
einige Verfahren der Datenvisualisierung

Verwendete Dateien:
matplotlib-Beispiel.zip

Literatur (von sehr gemischter Qualität):


25. Nov 15

Anleitungen und Lernen


Videos:
Anleitungen als Teil der Mensch-Maschine-Schnittstelle
Anleitung verständlicher formulieren

Links:


2. Dez 15

Multitouch und mobil




Multitouch; Historie und Standardgesten


Video:
Multitouch; Historie und Standardgesten
Multitouch von den Anfängen bis zum iPhone; Pan, Pinch und Co.

Link:
Bill Buxtons Geschichtssammlung
http://www.billbuxton.com/multitouchOverview.html



Multitouch mit Python und Qt; Pinch-Geste selbstgemacht


Video:
Multitouch mit Python und Qt; Pinch-Geste selbstgemacht
Touch-Ereignisse, Paint-Ereignis, Gemetrie der Pinch-Gesten, geometrische Transformationen beim Zeichnen

Verwendete Dateien:
8.2_Material.zip

Video:
Multitouch-Ereignisse, Grundlagen der Programmierung

Video:
Zehn-Finger-Malprogramm mit Multitouch in Python

Verwendete Dateien:
Zehn-Finger-Malprogramm.zip

Video:
Pinch-Geste von Qt in Python nutzen

Verwendete Dateien:
Pinch-Geste_in_Qt.zip



Probleme von Touch-UIs


Video:
Probleme von Touch-UIs
Discoverability, Icons, Haptik usw.

Links:


9. Dez 15

Sensoren, Aktoren, Maschinenlernen




Accelerometer, Gestenerkennung


Video:
Accelerometer und IMU; Gesten, Teil 1
Accelerometer-Gesten, Teil 2
Accelerometer: Physik und Auswertung, IMU, Gestenerkennung durch explizite Auswertung

Link:
Programmierbare Uhr von Texas Instruments
http://processors.wiki.ti.com/index.php/EZ430-Chronos

Benutzte Dateien:
10.1_Material.zip



Maschinenlernen zur Gestenerkennung


Video:
Maschinenlernen, Gesten
Accelerometer-Gesten mit einfachem Maschinenlernen
Nearest Neighbor, Klassifikation

Link:
M7-Coprocessor
http://de.wikipedia.org/wiki/Apple_M7

Verwendete Dateien:
10.2_Material.zip

Videos:
Mausgesten aufzeichnen und erkennen, Teil 1
Mausgesten aufzeichnen und erkennen, Teil 2

Verwendete Dateien:
Mausgesten_Teil_1.zip
Mausgesten_Teil_2.zip



Sensoren und Aktoren für HCI


Video:
Sensoren und Aktoren für HCI
Kamera, Tiefenkamera, MIDI, Haptik; Ubiquitous/Pervasive Computing

Links:


16. Dez 15

Virtual und Mixed Reality,
Smart Watches


Video:
Activity-Tracker, Smart Watches und Datenbrillen

Links:


23. Dez 15

HCI und Energiesparen


Literatur:

Weitere Literatur (von sehr gemischter Qualität):


6. Jan 16

HCI-Entwicklung




HCI-Entwurfsprozess, Fallstricke


Video:
HCI-Entwurfsprozess, Fallstricke
Benutzerstudien bei der Entwicklung, Mockup, Skeuomorphismus, Steve-Jobs-Ansatz usw.

Links:



HCI-Vorgehensmodelle


Video:
HCI-Vorgehensmodelle
Wasserfallmodell, Spiralmodell

Methoden, um Kontext und Anforderungen für UI-Entwicklung zu erfassen

Spiralmodell und Methoden des Rapid Prototyping für UIs

Essentielle Literatur:
DIN EN ISO 9241-210
http://www.beuth.de/de/norm/din-en-iso-9241-210/135399380
(freier Zugriff über die elektronische Bibliothek aus dem Hochschulnetz)

Literatur:


13. Jan 16

Was Menschen können und tun




Menschliche Wahrnehmung


Video:
Menschliche Wahrnehmung
Weber-Fechner-Gesetz, Stevenssches Potenzgesetz, Farbensehen

JND, Gesetze von Weber-Fechner und Stevens, CIELAB

Verwendete Dateien:
JND_bestimmen.zip



Gesetze von Fitts und Hick


Video:
Gesetze von Fitts und Hick
Ausführungszeit bei Zeigerbewegungen und Auswahlen; Anwendung auf Menügestaltung

Gesetze von Fitts und Hick (redux)

Literatur:
Processing speed, attention, and intelligence: Effects of spatial attention on decision time in high and low IQ subjects (nur Abstract)
http://www.sciencedirect.com/science/article/pii/S0191886997000895

Verwendete Dateien:
14.2_Material.zip



Diversity und Barrierefreiheit


Video:
Diversity und Barrierefreiheit
von der Linkshändigkeit bis hin zur Seh- oder Hörbehinderung

Essentielle Literatur:

Literatur:



Menschliche Fehler, Aufmerksamkeit


Video:
Menschliche Fehler, Aufmerksamkeit
Arten von Fehlern, technische Maßnahmen, Unaufmerksamkeit

menschliche Fehler in Planung und Ausführung

Links:


20. Jan 16

Gamification und Persuasive Computing


Video:
Gamification und Persuasive Computing
Beeinflussung und Verhaltensänderung durch Software; Elemente von Spielen; Flow

Essentielle Literatur:

Literatur: