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:

• ACM SIGCHI
  http://www.sigchi.org/

• Intelligent User Interfaces
  http://www.iuiconf.org/

• Pervasive/Ubiquitous Computing
  http://en.wikipedia.org/wiki/Ubiquitous_computing

• Persuasive Technology
  http://en.wikipedia.org/wiki/Persuasive_technology

• Sustainable HCI
  http://chi2013.acm.org/communities/sustainability/

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:

• Windows UX Guide
  http://msdn.microsoft.com/en-us/windows/desktop/aa511258.aspx

• OS X Human Interface Guidelines
  https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/AppleHIGuidelines/Intro/Intro.html

• Douglas Engelbart
  http://sloan.stanford.edu/MouseSite/1968Demo.html

• Rollkugel
  http://www.heise.de/ct/meldung/Auf-den-Spuren-der-deutschen-Computermaus-216255.html

• Geschichte der GUIs ab dem Xerox Alto
  http://toastytech.com/guis/guitimeline.html

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:

• DIN EN ISO 9241-110
  http://www.beuth.de/de/norm/din-en-iso-9241-110/110514174

• DIN EN ISO 9241-143
  http://www.beuth.de/de/norm/din-en-iso-9241-143/146784107

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:

• List of GUI Toolkits
  http://en.wikipedia.org/wiki/List_of_widget_toolkits

• Python(x,y) herunterladen
  https://code.google.com/p/pythonxy/wiki/Downloads

• Qt
  http://qt.digia.com/

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:

• Capira
  http://www.capira.de

• Can I use
  http://caniuse.com/

• Checkliste für Sendelizenz
  http://www.die-medienanstalten.de/fileadmin/Download/Rechtsgrundlagen/Richtlinien/Checkliste_Web-TV.pdf

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:

• Designing Social Interfaces
  http://www.designingsocialinterfaces.com/

• responsive.j$
  http://www.responsivejs.com/

Web; alte und neue Bedienelemente

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

Links:

• Google Docs, Google Drive
  https://drive.google.com/

• Gliffy
  http://www.gliffy.com/

• Google Maps
  https://maps.google.de/

• Prezi
  http://prezi.com/

• Designing WebInterfaces
  http://designingwebinterfaces.com/

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:

• Eye Tracking Demo
  http://www.youtube.com/watch?v=lo_a2cfBUGc

• Attention Tracking
  http://www.mediaanalyzer.com/know-how-attentiontracking.php

• Poor Man’s Eye Tracking
  http://www.activemath.org/pubs/bi.php?id=UllrichWallachMelisHCI03&plain=true

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:

• Usability Inspection Methods after 15 Years of Research and Practice
  http://dx.doi.org/10.1145/1297144.1297200

• Studying Access-Control Usability in the Lab: Lessons Learned from Four Studies
  http://dx.doi.org/10.1145/2379616.2379621

• Usability evaluation methods: Mind the gaps
  http://dx.doi.org/10.1145/1632149.1632166

• John Brooke. SUS - A quick and dirty usability scale.

• The Factor Structure of the System Usability Scale
  http://link.springer.com/chapter/10.1007%2F978-3-642-02806-9_12

• When Designing Usability Questionnaires, Does It Hurt to Be Positive?
  http://dx.doi.org/10.1145/1978942.1979266

• What Do Usability Evaluators Do in Practice? An Explorative Study of Think-Aloud Testing
  http://dx.doi.org/10.1145/1142405.1142439

• Combining Think-aloud and Physiological Data to Understand Video Game Experiences
  http://dx.doi.org/10.1145/2556288.2557326

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):

• Finding the Needle in a Haystack: Using Treemaps to Analyze Supplier Performance
  http://dx.doi.org/10.1109/PICMET.2007.4349569

• GeoAnalytics Visual Inquiry and Filtering Tools in Parallel Coordinates Plots
  http://dx.doi.org/10.1145/1341012.1341055

• Graph Visualization and Navigation in Information Visualization: A Survey
  http://dx.doi.org/10.1109/2945.841119

• Human Emotion and the Uncanny Valley: A GLM, MDS, and Isomap Analysis of Robot Video Ratings
  http://dx.doi.org/10.1145/1349822.1349845

• Visual Support for Analyzing Network Traffic and Intrusion Detection Events using TreeMap and Graph Representations
  http://dx.doi.org/10.1145/1641587.1641590

25. Nov 15

Anleitungen und Lernen

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

Links:

• The Most Epic Safety Video Ever Made

• BMW Augmented Reality

• A3 eKurzinfo

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:

• Natural user interfaces are not natural
  http://www.jnd.org/dn.mss/natural_user_interfa.html

• Lucid Touch
  http://www.patrickbaudisch.com/projects/lucidtouch/

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:

• Tiefenkamera in Microsoft Xbox One Kinect
  http://blogs.technet.com/b/microsoft_blog/archive/2013/10/02/collaboration-expertise-produce-enhanced-sensing-in-xbox-one.aspx

• EEG-Sensor
  http://emotiv.com/

• Notenblatt steuert Computer
  http://www.xlab.sfc.keio.ac.jp/?page_id=309

• Mimik per Computer steuern
  http://www.youtube.com/watch?v=pLAma-lrJRM

16. Dez 15

Virtual und Mixed Reality,
Smart Watches

Video:
Activity-Tracker, Smart Watches und Datenbrillen

Links:

• http://daqri.com/project/anatomy-4d

• http://de.wikipedia.org/wiki/Wikitude

• http://hunter.pairsite.com/theodolite/

• http://www.google.com/mobile/skymap/

23. Dez 15

HCI und Energiesparen

Literatur:

• Learning from a learning thermostat
  http://dx.doi.org/10.1145/2493432.2493489

• TherML: occupancy prediction for thermostat control
  http://dx.doi.org/10.1145/2493432.2493441

• The energy-aware smart home
  http://dx.doi.org/10.1109/FUTURETECH.2010.5482712

• Improving energy efficiency through activity-aware control of office appliances using proximity sensing
  http://dx.doi.org/10.1109/PerComW.2013.6529576

• Localized heating for building energy efficiency
  http://dx.doi.org/10.1109/VLSID.2013.155

• Feasibility of retrofitting centralized HVAC systems for room-level zoning
  http://dx.doi.org/10.1109/IGCC.2012.6322269

• Impact of user habits in smart home control
  http://dx.doi.org/10.1109/ETFA.2011.6059104

• Indoor weather stations
  http://dl.acm.org/citation.cfm?doid=2470654.2466474

Weitere Literatur (von sehr gemischter Qualität):

• Combining Smart Energy Meters with Social Media
  http://dx.doi.org/10.1109/CTS.2014.6867538

• To Switch off the Coffee-maker or Not: That is the Question to be Energy-efficient at Work
  http://dx.doi.org/10.1145/2559206.2581152

• Conversations with my Washing Machine
  http://dx.doi.org/10.1145/2632048.2632106

• BALANCE: Budget-Driven Smart Thermostat Control
  http://dx.doi.org/10.1109/IWIES.2014.6957046

• Effects of Smart Appliances on Residential Consumption Patterns
  http://dx.doi.org/10.1109/SIEDS.2014.6829870

• Promoting energy efficient behavior through energy-related feedback
  http://dx.doi.org/10.1109/CTS.2014.6867634

• Mobile Application for Household Energy Consumption Feedback Using Smart Meters
  http://dx.doi.org/10.1109/CTS.2014.6867579

6. Jan 16

HCI-Entwicklung

HCI-Entwurfsprozess, Fallstricke

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

Links:

• Mockup
  http://iphonemockup.lkmc.ch/

• Musiksoftware
  http://www.native-instruments.com/de/

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:

• Agile human-centered software engineering
  http://dl.acm.org/citation.cfm?id=1531317

• Understanding the context of design: towards tactical user centered design
  http://dx.doi.org/10.1145/1463160.1463199

• Always beta: cooperative design in the smart home
  http://dx.doi.org/10.1145/2494091.2497325

• Best practices for capturing context in user experience studies in the wild
  http://dx.doi.org/10.1145/2181037.2181054

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:

• BITV 2.0
  http://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html

• WCAG 2.0
  http://www.w3.org/Translations/WCAG20-de/

Literatur:

• WAI-ARIA
  http://www.w3.org/TR/wai-aria-primer/

• Physical accessibility of touchscreen smartphones
  http://dx.doi.org/10.1145/2513383.2513446

• Improving public transit accessibility for blind riders by crowdsourcing bus stop landmark locations with Google street view
  http://dx.doi.org/10.1145/2513383.2513448

• Elderly text-entry performance on touchscreens
  http://dx.doi.org/10.1145/2384916.2384939

Menschliche Fehler, Aufmerksamkeit

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

menschliche Fehler in Planung und Ausführung

Links:

• Three Mile Island
  http://www.threemileisland.org/resource/item_detail.php?item_id=00000150

• American Airlines 965
  http://en.wikipedia.org/wiki/American_Airlines_Flight_965

• Tödlicher Zwischenfall im Zoo
  http://www.muensterschezeitung.de/staedte/muenster/Tiger-Tragoedie-Vergessener-Knopf-mit-toedlichen-Folgen;art993,2131614

• James Reason: Human Error
  http://books.google.de/books/about/Human_Error.html?id=WJL8NZc8lZ8C&redir_esc=y

• Falsche Erinnerung
  http://www.ted.com/talks/elizabeth_loftus_the_fiction_of_memory.html

• Mit Apples Maps über den Flugplatz
  http://www.bbc.co.uk/news/technology-24246646

• Multitasking am Steuer
  http://www.plosone.org/article/info%3Adoi%2F10.1371%2Fjournal.pone.0054402

• Pistolenmann in der Staßenbahn
  http://www.sfgate.com/crime/article/Absorbed-device-users-oblivious-to-danger-4876709.php

• Fußgängerunfälle durch Handynutzung
  http://researchnews.osu.edu/archive/distractwalk.htm

• Geplantes Verbot von Elektronik beim Überqueren der Straße
  http://open.nysenate.gov/legislation/bill/S1945-2011

• Gorillas in Our Midst
  http://www.theinvisiblegorilla.com/gorilla_experiment.html

• Change Blindness
  http://interaction.lille.inria.fr/~roussel/digital-library/media/2000-change-blindness/

20. Jan 16

Gamification und Persuasive Computing

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

Essentielle Literatur:

• From game design elements to gamefulness: defining “gamification”
  http://dx.doi.org/10.1145/2181037.2181040

• Persuasive technology: using computers to change what we think and do, Kapitel 5
  http://dx.doi.org/10.1145/764008.763957

• A behavior model for persuasive design
  http://dx.doi.org/10.1145/1541948.1541999

Literatur:

• Paving the way for a richer mix of residential behavior programs
  http://www.calmac.org/publications/Residential_Behavior_White_Paper_5-31-13_FINAL.pdf

• “We’ve Bin Watching You” — Designing for reflection and social persuasion to promote sustainable lifestyles
  http://dx.doi.org/10.1145/2207676.2208394

• The design of eco-feedback technology
  http://dx.doi.org/10.1145/1753326.1753629

• Fishing for sustainability: the effects of indirect and direct persuasion
  http://dx.doi.org/10.1145/1358628.1358801

• MatkaHupi: a persuasive mobile application for sustainable mobility
  http://dx.doi.org/10.1145/2494091.2494164