Mensch-Maschine-Interaktion

Stand: 2014-08-28

Videos und Materialien

Überblick
Mensch-Maschine-Interaktion	Mensch-Maschine-Interaktion; Anknüpfungspunkte mit der Elektrotechnik Warum dieses Fach für den Master Elektrotechnik? Anwendungen und Technik von Benutzerschnittstellen. Beispiele. Links: Meine bisherigen Experimente: h ttp://www.youtube.com/watch?v=3QAfIng16uw
Themenideen	Themenideen zu Mensch-Maschine-Interaktion in diesem Semester GUIs, Entwicklungsprozesse, fünf Sinne, Sensoren, Gesetzmäßigkeiten, Intuitivität, Milieus usw. Links: ACM SIGCHI h ttp://www.sigchi.org/ Intelligent User Interfaces h ttp://www.iuiconf.org/ Pervasive/Ubiquitous Computing h ttp://en.wikipedia.org/wiki/Ubiquitous_computing Persuasive Technology h ttp://en.wikipedia.org/wiki/Persuasive_technology Sustainable HCI h ttp://chi2013.acm.org/communities/sustainability/
Klassische GUIs
Elemente klassischer grafischer Oberflächen	Elemente klassischer grafischer Oberflächen Erfindung der Maus, Fenster, Menüs, Ribbons, Tastaturkürzel, … Links: Windows UX Guide h ttp://msdn.microsoft.com/en-us/windows/desktop/aa511258.aspx OS X Human Interface Guidelines h ttps://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/AppleHIGuidelines/Intro/Intro.html Douglas Engelbart h ttp://sloan.stanford.edu/MouseSite/1968Demo.html Rollkugel h ttp://www.heise.de/ct/meldung/Auf-den-Spuren-der-deutschen-Computermaus-216255.html Geschichte der GUIs ab dem Xerox Alto h ttp://toastytech.com/guis/guitimeline.html
Einfache GOMS-Analyse grafischer Oberflächen	Einfache GOMS-Analyse grafischer Oberflächen GOMS Keystroke-Level Model, Maus versus Tastatur, übliche Zeiten für Benutzeraktionen Essentielle Literatur: Card, S.K., Moran, W.P., und Newell, A. The keystroke-level model of user performance time with interactive systems h ttp://dx.doi.org/10.1145/358886.358895 Literatur: Jef Raskin. The Humane Interface h ttp://books.google.de/books/about/The_Humane_Interface.html?id=D39vjmLfO3kC
Python und Qt
Erste Schritte mit Python und Qt	Erste Schritte mit Python und Qt Python, Qt, GUI-Frameworks, Event-Driven Programming, Menüs Links: List of GUI Toolkits h ttp://en.wikipedia.org/wiki/List_of_widget_toolkits Python(x,y) herunterladen h ttps://code.google.com/p/pythonxy/wiki/Downloads Qt h ttp://qt.digia.com/ Verwendete Dateien: 03.1_Material.zip
Arbeit mit Qt Designer; Ereignisse; Zeitnahme, Dateien	Arbeit mit Qt Designer; Ereignisse; Zeitnahme; Dateien Grafischer Entwurf grafischer Oberflächen, User Interface Compiler, Instrumentierung von Code Verwendete Dateien: 0 3.2_Material.zip
GUI-Zeitmessungen an Programm mit Qt und Python	GUI-Zeitmessungen an Programm mit Qt und Python modaler Dialog, Radiobuttons abfragen, Focus für Tastatureingabe, Export in Tabellenkalkulation, t-Test, Nullhypothese Verwendete Dateien: 0 3.3_Material.zip
Nachträge zu Python und Qt	Nachträge zu Python und Qt Ausgabe mit Dezimalkomma statt Dezimalpunkt, Programm kurz unterbrechen Verwendete Dateien: 0 3.4_Material.zip
Statistik
Statistischer Test; Nullhypothese; Irrtumswahrscheinlichkeit	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 h ttp://www.hindawi.com/journals/ahci/2012/598739/
Student’s t-Test, Teststatistik	Student's t-Test; Teststatistik t-Teststatistik, t-Test in Tabellenkalkulationen, Freiheitsgrade Verwendete Dateien: 0 4.2_Material.zip
Regeln und Normen zur Gestaltung klassischer GUIs	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 h ttp://www.beuth.de/de/norm/din-en-iso-9241-110/110514174 DIN EN ISO 9241-143 h ttp://www.beuth.de/de/norm/din-en-iso-9241-143/146784107 Literatur: BildscharbV h ttp://www.bmas.de/DE/Service/Gesetze/bildscharbv.html
Das World Wide Web
Das WWW. Geschichte, Funktionen, Rechtliches	Das WWW. Geschichte, Funktionen, Rechtliches HTML, Javascript, CSS, Flash, AJAX, HTML5, Sendelizenz usw. Links: Capira h ttp://www.capira.de Can I use h ttp://caniuse.com/ Checkliste für Sendelizenz h ttp://www.die-medienanstalten.de/fileadmin/Download/Rechtsgrundlagen/Richtlinien/Checkliste_Web-TV.pdf Verwendete Dateien: 0 6.1_Material.zip
Aktuelle Technik des Web	Aktuelle Technik des Web Client und Server, JavaScript, HTML, jQuery, dynamische Webseiten
Web und Navigation	Web und Navigation UI-Besonderheiten des Web, Navigation, Gliederung, Breadcrumb Trail, Suche, URL
Web; Kooperation und Dynamik	Web; Kooperation und Dynamik Kommunikation, Kollaboration, Tags, AJAX, Responsive Web Design Links: Designing Social Interfaces h ttp://www.designingsocialinterfaces.com/ responsive.j$ h ttp://www.responsivejs.com/
Web; alte und neue Bedienelemente	Web; alte und neue Bedienelemente Buttons und Menüs, Perceived Affordances, Mausklicks sparen, Zoomable UIs Links: Google Docs, Google Drive h ttps://drive.google.com/ Gliffy h ttp://www.gliffy.com/ Google Maps h ttps://maps.google.de/ Prezi h ttp://prezi.com/ Designing WebInterfaces h ttp://designingwebinterfaces.com/
Usability-Untersuchungen
UIs prüfen mittels Cognitive Walkthrough	UIs prüfen mittels Cognitive Walkthrough Cognitive Walkthrough; Tasks und Actions; Offensichtlichkeit Essentielle Literatur: Clayton Lewis et al.: CHI-Paper von 1990 h ttp://dx.doi.org/10.1145/97243.97279
Eye-Tracker	Eye-Tracker für arme Leute, Teil 1 Eye-Tracker für arme Leute, Teil 2 Eye-Tracker für 100 Euro Funktionsprinzip und Anwendung von Eye-Tracking; Maus statt Eye-Tracker; Implementation mit Qt in Python Links: Eye Tracking Demo h ttp://www.youtube.com/watch?v=lo_a2cfBUGc Attention Tracking h ttp://www.mediaanalyzer.com/know-how-attentiontracking.php Poor Man’s Eye Tracking h ttp://www.activemath.org/pubs/bi.php?id=UllrichWallachMelisHCI03&plain=true Benutzte Dateien: 0 7.2_Material.zip
Typen von Usability-Untersuchungen	Typen von Usability-Untersuchungen Empirische vs. analytische Studien, Heuristiken, Think Aloud, Web-Statistiken usw.
Multitouch und mobil
Multitouch; Historie und Standardgesten	Multitouch; Historie und Standardgesten Multitouch von den Anfängen bis zum iPhone; Pan, Pinch und Co. Link: Bill Buxtons Geschichtssammlung h ttp://www.billbuxton.com/multitouchOverview.html
Multitouch mit Python und Qt; Pinch-Geste selbstgemacht	Multitouch mit Python und Qt; Pinch-Geste selbstgemacht Touch-Ereignisse, Paint-Ereignis, Gemetrie der Pinch-Gesten, geometrische Transformationen beim Zeichnen Verwendete Dateien: 0 8.2_Material.zip
Probleme von Touch-UIs	Probleme von Touch-UIs Discoverability, Icons, Haptik usw. Links: Natural user interfaces are not natural h ttp://www.jnd.org/dn.mss/natural_user_interfa.html Lucid Touch h ttp://www.patrickbaudisch.com/projects/lucidtouch/
Klassische Arbeiten
Nielsen und Landauer: A mathematical model of the finding of usability problems	Nielsen und Landauer, A mathematical model of the finding of usability problems Poisson-Modell, “Five users are (not) enough”, betriebswirtschaftliche Analyse Essentielle Literatur: A mathematical model of the finding of usability problems h ttp://dx.doi.org/10.1145/169059.169166
Greenberg und Buxton: Usability evaluation considered harmful (some of the time)	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) h ttp://dx.doi.org/10.1145/1357054.1357074
Gesten
Accelerometer, Gestenerkennung	A ccelerometer und IMU; Gesten, Teil 1 Accelerometer-Gesten, Teil 2 Accelerometer: Physik und Auswertung, IMU, Gestenerkennung durch explizite Auswertung Links: Programmierbare Uhr von Texas Instruments h ttp://processors.wiki.ti.com/index.php/EZ430-Chronos Benutzte Dateien: 1 0.1_Material.zip
Maschinenlernen zur Gestenerkennung	Maschinenlernen, Gesten Accelerometer-Gesten mit einfachem Maschinenlernen Nearest Neighbor, Klassifikation Link: M7-Coprocessor h ttp://de.wikipedia.org/wiki/Apple_M7 Verwendete Dateien: 1 0.2_Material.zip
Sensoren und Aktoren für HCI	Sensoren und Aktoren für HCI Kamera, Tiefenkamera, MIDI, Haptik; Ubiquitous/Pervasive Computing Links: Tiefenkamera in Microsoft Xbox One Kinect h ttp://blogs.technet.com/b/microsoft_blog/archive/2013/10/02/collaboration-expertise-produce-enhanced-sensing-in-xbox-one.aspx EEG-Sensor h ttp://emotiv.com/ Notenblatt steuert Computer h ttp://www.xlab.sfc.keio.ac.jp/?page_id=309 Mimik per Computer steuern h ttp://www.youtube.com/watch?v=pLAma-lrJRM
HCI und Energiesparen	Literatur: Learning from a learning thermostat h ttp://dx.doi.org/10.1145/2493432.2493489 TherML: occupancy prediction for thermostat control h ttp://dx.doi.org/10.1145/2493432.2493441 The energy-aware smart home h ttp://dx.doi.org/10.1109/FUTURETECH.2010.5482712 Improving energy efficiency through activity-aware control of office appliances using proximity sensing h ttp://dx.doi.org/10.1109/PerComW.2013.6529576 Localized heating for building energy efficiency h ttp://dx.doi.org/10.1109/VLSID.2013.155 Feasibility of retrofitting centralized HVAC systems for room-level zoning h ttp://dx.doi.org/10.1109/IGCC.2012.6322269 Impact of user habits in smart home control h ttp://dx.doi.org/10.1109/ETFA.2011.6059104 Indoor weather stations h ttp://dl.acm.org/citation.cfm?doid=2470654.2466474
HCI-Entwicklung
HCI-Entwurfsprozess, Fallstricke	HCI-Entwurfsprozess, Fallstricke Benutzerstudien bei der Entwicklung, Mockup, Skeuomorphismus, Steve-Jobs-Ansatz usw. Links: Mockup h ttp://iphonemockup.lkmc.ch/ Musiksoftware h ttp://www.native-instruments.com/de/
HCI-Vorgehensmodelle	HCI-Vorgehensmodelle Wasserfallmodell, Spiralmodell 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 h ttp://dl.acm.org/citation.cfm?id=1531317 Understanding the context of design: towards tactical user centered design h ttp://dx.doi.org/10.1145/1463160.1463199 Always beta: cooperative design in the smart home h ttp://dx.doi.org/10.1145/2494091.2497325 Best practices for capturing context in user experience studies in the wild h ttp://dx.doi.org/10.1145/2181037.2181054
Gamification und Persuasive Computing	Gamification und Persuasive Computing Beeinflussung und Verhaltensänderung durch Software; Elemente von Spielen; Flow Essentielle Literatur: From game design elements to gamefulness: defining “gamification” h ttp://dx.doi.org/10.1145/2181037.2181040 Persuasive technology: using computers to change what we think and do, Kapitel 5 h ttp://dx.doi.org/10.1145/764008.763957 A behavior model for persuasive design h ttp://dx.doi.org/10.1145/1541948.1541999 Literatur: Paving the way for a richer mix of residential behavior programs h ttp://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 h ttp://dx.doi.org/10.1145/2207676.2208394 The design of eco-feedback technology h ttp://dx.doi.org/10.1145/1753326.1753629 Fishing for sustainability: the effects of indirect and direct persuasion h ttp://dx.doi.org/10.1145/1358628.1358801 MatkaHupi: a persuasive mobile application for sustainable mobility h ttp://dx.doi.org/10.1145/2494091.2494164
Was Menschen können
Menschliche Wahrnehmung	Menschliche Wahrnehmung Weber-Fechner-Gesetz, Stevenssches Potenzgesetz, Farbensehen
Gesetze von Fitts und Hick	Gesetze von Fitts und Hick Ausführungszeit bei Zeigerbewegungen und Auswahlen; Anwendung auf Menügestaltung Literatur: Processing speed, attention, and intelligence: Effects of spatial attention on decision time in high and low IQ subjects (nur Abstract) h ttp://www.sciencedirect.com/science/article/pii/S0191886997000895 Verwendete Dateien: 1 4.2_Material.zip
Diversity und Barrierefreiheit	Diversity und Barrierefreiheit von der Linkshändigkeit bis hin zur Seh- oder Hörbehinderung Essentielle Literatur: BITV 2.0 h ttp://www.gesetze-im-internet.de/bitv_2_0/BJNR184300011.html WCAG 2.0 h ttp://www.w3.org/Translations/WCAG20-de/ Literatur: WAI-ARIA h ttp://www.w3.org/TR/wai-aria-primer/ Physical accessibility of touchscreen smartphones h ttp://dx.doi.org/10.1145/2513383.2513446 Improving public transit accessibility for blind riders by crowdsourcing bus stop landmark locations with Google street view h ttp://dx.doi.org/10.1145/2513383.2513448 Elderly text-entry performance on touchscreens h ttp://dx.doi.org/10.1145/2384916.2384939
Menschliche Fehler, Aufmerksamkeit	Menschliche Fehler, Aufmerksamkeit Arten von Fehlern, technische Maßnahmen, Unaufmerksamkeit Links: Three Mile Island h ttp://www.threemileisland.org/resource/item_detail.php?item_id=00000150 American Airlines 965 h ttp://en.wikipedia.org/wiki/American_Airlines_Flight_965 Tödlicher Zwischenfall im Zoo h ttp://www.muensterschezeitung.de/staedte/muenster/Tiger-Tragoedie-Vergessener-Knopf-mit-toedlichen-Folgen;art993,2131614 James Reason: Human Error h ttp://books.google.de/books/about/Human_Error.html?id=WJL8NZc8lZ8C&redir_esc=y Falsche Erinnerung h ttp://www.ted.com/talks/elizabeth_loftus_the_fiction_of_memory.html Mit Apples Maps über den Flugplatz h ttp://www.bbc.co.uk/news/technology-24246646 Multitasking am Steuer h ttp://www.plosone.org/article/info%3Adoi%2F10.1371%2Fjournal.pone.0054402 Pistolenmann in der Staßenbahn h ttp://www.sfgate.com/crime/article/Absorbed-device-users-oblivious-to-danger-4876709.php Fußgängerunfälle durch Handynutzung h ttp://researchnews.osu.edu/archive/distractwalk.htm Geplantes Verbot von Elektronik beim Überqueren der Straße h ttp://open.nysenate.gov/legislation/bill/S1945-2011 Gorillas in Our Midst h ttp://www.theinvisiblegorilla.com/gorilla_experiment.html Change Blindness h ttp://interaction.lille.inria.fr/~roussel/digital-library/media/2000-change-blindness/