Herzlich Willkommen zur Veranstaltung
Mensch-Maschine-Interaktion
In wenigen Minuten geht es los!
Bitte beachten Sie die Pflicht zum Tragen
einer med. oder FFP2-/KN95-Maske.
Danke!
Mensch-Maschine-Interaktion 2022 1
Mensch-Maschine-Interaktion
Sommersemester 2022
Prof. Dr.-Ing. Michael Prilla
Sebastian Büttner
Mensch-Maschine-Interaktion 2022 2
Human-Centered Information Systems
Institut für Informatik
Bilder: © HCIS
• Unterstützung der Arbeit Einzelner und von Gruppen durch IKT
• Wechselwirkungen von IT und Arbeit / Lernen / Interaktion
• Fokus auf
• Praxis: Gesamtheit aller Einflüsse auf Arbeit
• Zusammenspiel Mensch – Technik – Organisation
• Integration sozialer und technischer Systeme in sozio-technischen Systemen
Mensch-Maschine-Interaktion 2022 4
Human Centered Information Systems:
Was wir machen
Wir versuchen zu verstehen, wie Menschen (in konkreten Kontexten)
arbeiten, wie wir diese Arbeit mit IT unterstützt werden kann und
welche Auswirkungen dies hat: Fokus auf Praktiken (Praxis) und
Design-based Research
Wir verstehen IT stets im Kontext des sozio-technischen Systems, in das
sie eingebettet ist, und in dem IT und individuelle / soziale Abläufe sich
gegenseitig prägen.
In der Lehre vermitteln wir Methoden und Herangehensweisen der
Gestaltung von Technik in Kombination mit menschlicher Arbeit und
sozialen Prozessen
Mensch-Maschine-Interaktion 2022 5
Was wir machen: Forschungsfelder
• Human-Computer Interaction
• Computer Supported Learning and Cooperative Work (CSCL, CSCW)
• Computer Supported Collaborative Reflection at Work
• Augmented Reality
• Mensch-KI-Interaktion
• IT in Healthcare
• Socio-Technical Systems Design
Mensch-Maschine-Interaktion 2022 6
Was wir machen: Lehre
• Vorlesungen
• BA: Mensch-Maschine-Interaktion (Human-Computer Interaction)
• MA: Serious Games
• MA (Winter): Cooperation Systems
• Projektgruppen
• Forschungsprojekte
• Abschlussarbeiten
Mensch-Maschine-Interaktion 2022 7
Was wir machen: Projekt Pflegebrille (2.0)
© Projekt Pflegebrille © HCIS
Projekt Pflegebrille: Unterstützung der Kooperation informell und
professionell Pflegender durch Augmented Reality und Wearable
Technology
Mensch-Maschine-Interaktion 2022 8
Was wir machen: Projekt ARBAY
© Projekt Arbay
© HCIS
Mensch-Maschine-Interaktion 2022 9
Experimente: Augmented Reality Bilder: © HCIS
Augmented Reality und
Ubiquitous Interaction Lab:
Integration digitaler Informationen /
Interaktion in den realen Raum
Mensch-Maschine-Interaktion 2022 10
Mensch-Roboter-Interaktion
Roboter als Kooperationspartner: Wie können Menschen spontan,
vertrauensvoll und sicher mit Robotern zusammenarbeiten?
Mensch-Maschine-Interaktion 2022 11
Mensch-KI-Interaktion
Interaktion mit KI-basierten Agenten: Wie bildet sich Vertrauen
zwischen Menschen und Chatbots? Wie trägt die Repräsentation
des Bots dazu bei?
Mensch-Maschine-Interaktion 2022 12
Abschlussarbeiten, Projekte, ...
• Verschiedene Themen möglich
• Augmented Reality, bspw. Zeichnen im Raum oder Suche von Gegenständen
• Lernen am Arbeitsplatz, bspw. Prompts für Reflexion
• IT im Gesundheitswesen, bspw. Lernen für Gesundheitsberufe mit AR
• Viele mehr, bspw., Analyse von Emails auf Kommunikationsmodi
• Verschiedene Arten von Arbeiten:
• Fokus auf Programmierung / technische Entwicklung
• Fokus auf Literatur
• Fokus auf Evaluationen kleinerer oder vorhandener Prototypen
• Fokus auf empirische oder konzeptionelle Arbeit
• Vieles mehr, bspw. statistische Analysen
Mensch-Maschine-Interaktion 2022 14
Beispiele für Abschlussarbeiten
Mensch-Maschine-Interaktion 2022 15
Beispiele für Abschlussarbeiten
Mensch-Maschine-Interaktion 2022 16
Auf der Suche nach einer Hiwi-Stelle?
• Wir suchen WE ARE
Software-Entwickler*innen (SHK) im HIRING
Bereich Mensch-Roboter-Interaktion
• Sie haben
… Interesse an Robotern,
… Spaß am Arbeiten im Team,
… erste Programmiererfahrungen
(bspw. in C++, Python oder Android)?
• Weitere Informationen auf unserer
Website (s. auch QR-Code rechts)
[Link]
Mensch-Maschine-Interaktion 2022 17
Mensch-Maschine-
Interaktion
Organisation der Veranstaltung
Mensch-Maschine-Interaktion 2022 18
Organisatorisches
• Zeitraum der Veranstaltung lt. Vorlesungsverzeichnis:
Dienstag, 10:00–12:00 Uhr und 12:00–14:00 Uhr (inkl. Pausen)
• Pausenregelung:
• Vorlesung (inkl. Übung) jeden Dienstag von 10:15–13:30 Uhr
• 15-minütige Pause gegen 11:45 Uhr.
• Vorlesungsmaterial:
• Folien in StudIP
• Ergänzend: Videos aus 2019: [Link]
[Link], auch in StudIP verlinkt
Mensch-Maschine-Interaktion 2022 19
Organisatorisches
• Vorlesungszeitraum geteilt
• Erste Hälfte: Vorlesung mit integrierten Übungen
• Zweite Hälfte: Projektarbeit in Gruppen
• Vorlesung vom 19. April bis 31. Mai
• Ab 31. Mai: Projektarbeit mit Vorträgen von Zwischenständen
• 31. Mai: Themenvorstellung und Gruppeneinteilung
• 5. Juli: Zwischenpräsentation, 10:00 Uhr s.t.
• 26. Juli: Abschlussvortrag, 10:00 Uhr s.t.
• Ihre Note:
• Klausur -> siehe gesonderten Terminplan
• Projektarbeit als Basis der Prüfung und Inhalt der Prüfung
Mensch-Maschine-Interaktion 2022 21
Projekte
• Gruppen á 3-4 Personen
• Aktuelle Themenstellung (wird am 31.5. bekanntgegeben)
• Aufgabe(n)
• Erhebung von Anforderungen mit Nutzer*innen
• Umsetzung des Prototyps einer Anwendung (App)
• Evaluation des Prototype mit Nutzer*innen
• Ziel: Anwenden der Inhalte aus der Vorlesung in einer praktischen
Aufgabe
• Gruppenbildung ab dem 31. Mai 2022
Mensch-Maschine-Interaktion 2022 22
Fragen zur Vorlesung
• Stellen Sie gerne jederzeit Ihre Fragen in den Vorlesungen
oder
• Senden Sie Ihre Fragen in Table:
• Stellen Sie Ihre Frage anonym oder mit Namen
• Fügen Sie die entsprechende Folie als Screenshot hinzu
• Table Q&A System: [Link]
• Login über RZ-Kürzel
Mensch-Maschine-Interaktion 2022 23
Ablauf der Veranstaltung
KW Datum Modus Inhalte (kurzfristige Änderungen möglich) Kommentar
17 19.04. Vorlesung / Übung Organisatorisches + Einführung HCI
18 26.04. Vorlesung / Übung Menschliche Wahrnehmung
Kognitions- und Wahrnehmungspsychologie
19 03.05. Vorlesung (Video) / WIMP Video-Link wird in KW 18 bereitgestellt.
Übung Übung erfolgt in Präsenz.
20–22 10.05.–24.05. Vorlesung / Übung Akzeptanz, Usability, Gestaltung, Theorien MMI,
Affordances Constraints, Erhebung und partizipative
Gestaltung, Prototyping und Mobile, Direct Manipulation
23 31.05. Vorlesung / Multimedia Multimodal, VR / AR Einteilung von Gruppen für Projekt
Projektvorstellung
24 07.06. Ferien
25 14.06. Erste Präsentation /
Projektplan / Methoden
28 05.07. Zwischenpräsentation
31 26.07. Abschlusspräsentation
TBA Klausur
Mensch-Maschine-Interaktion 2022 24
Organisatorisches
Material können Sie hier bekommen:
[Link]
• Achtung: Diese Vorlesung hat kein Skript!
• Mitdenken, mitschreiben und Fragen stellen helfen Ihnen dabei, die Inhalte
besser zu verstehen.
• Die Folien enthalten wesentliche Inhalte, geben jedoch nicht alle
Informationen aus der Vorlesung 1:1 wieder.
Mensch-Maschine-Interaktion 2022 26
Organisatorisches: Lehrbücher
Preim, B. & Dachselt, R. (2010). Interaktive
Systeme: Band 1: Grundlagen, Graphical
User Interfaces,
Informationsvisualisierung. 2. Auflage.
Berlin Heidelberg: Springer-Verlag.
Preim, B. & Dachselt, R. (2015). Interaktive
Systeme: Band 2: User Interface
Engineering, 3D-Interaktion, Natural User
Interfaces. Berlin Heidelberg: Springer-
Verlag.
Auch unter [Link] oder über
den Onlinekatalog der
Universitätsbibliothek als E-Book
© 2010-2019 Bernhard Preim und Raimund Dachselt
Mensch-Maschine-Interaktion 2022 27
Organisatorisches: Lehrbücher
Butz, A. & Krüger, A. (2017). Mensch-
Maschine-Interaktion. 2. Auflage.
Berlin/München/Boston: De Gruyter
Studium.
Auch unter
[Link]
/10.1515/9783110476378/html
oder über den Onlinekatalog der
Universitätsbibliothek als E-Book
© 2017 Andreas Butz, Antonio Krüger
Mensch-Maschine-Interaktion 2022 28
Mensch-Maschine-
Interaktion
Einführung
Mensch-Maschine-Interaktion 2022 29
Mensch-Maschine-Interaktion:
Warum ist das so wichtig?
CC BY 2.0, marnanel
[Link]
Technik, die
CC BY-SA 3.0, Nightflyer
• zu Nutzern passt
[Link]
Videophone Siemens-sx1 • Nutzer gerne verwenden
By Dubidub
CC BY-SA 3.0 • so eingesetzt wird,
[Link]
Datei:[Link] dass sie wirksam wird
Mensch-Maschine-Interaktion 2022
Mensch-Maschine-Interaktion:
Warum ist das so wichtig? Aktuellere Beispiele
Bilder: eigene Screenshots
Mensch-Maschine-Interaktion 2022
Motivation
Techniknutzung scheitert, weil
• sich die anvisierten Nutzer nicht mit dem System
identifizieren
• keine ausreichende Akzeptanz
• weil die Arbeitspraxis nicht ausreichend berücksichtigt
ist
• Anpassung der Organisation erfolgt nicht
Mensch-Maschine-Interaktion 2022 32
Technology Acceptance Model (TAM)
Davis et al. (1989)
Technology Acceptance Model
CC BY 3.0
[Link]
rkas:Technology_Acceptance_M
[Link]
Mensch-Maschine-Interaktion 2022 33
Die Seite der Maschine – Ein/Ausgabe
• Verschiedene physiologische Interaktionskanäle:
• visuell
• auditiv
• haptisch/
CC BY 2.0, Justus Blümer
motorisch [Link]
/justusbluemer/6904132204
CC0 Public Domain
IBM PC 5150, CC BY-SA 3.0,
Boffy b
[Link] CC BY-SA 3.0 US, gestureworks
i/Personal_Computer#/medi [Link]
a/File:IBM_PC_5150.jpg
Quelle: B. Preim, R. Dachselt, Interaktive Systeme, [Link], 2nd ed.,
Mensch-Maschine-Interaktion 2022 39
Beispiel: Die Computermaus
Douglas Engelbart
Stanford
1925-2013
[Link]
Mensch-Maschine-Interaktion 2022 40
Die Seite der Maschine - Handhelds
• Verschiedene physiologische Interaktionskanäle:
• visuell
• auditiv
• haptisch/
motorisch
public domain
CC0 CC0
CC Public Domain
Mensch-Maschine-Interaktion 2022 41
Die Seite der Maschine – 3D Interaktion
Verschiedene physiologische Interaktionskanäle:
• visuell
• auditiv
• haptisch/
motorisch
CC BY-SA 2.0 DE, TMP-Mediagroup
[Link]
Mensch-Maschine-Interaktion 2022 42
Unterarm als Touchscreen
[Link]
Mensch-Maschine-Interaktion 2022
Implantierte Interfaces
[Link]
Implanted user interfaces allow users to interact with small
devices through human skin. (a-b) This output device is implanted
(c) underneath the skin of a specimen arm. (d) Actual photograph
of the LED output through the skin. (e) This standalone prototype
senses input from an exposed trackball (f) and illuminates it in
response.
Mensch-Maschine-Interaktion 2022
Datenbrillen
By Rhamadanakbr, CC BY-SA 4.0
[Link]
CC Public Domain
Eig. Darstellung
Mensch-Maschine-Interaktion 2022 45
Muscle-Propelled Force Feedback
bringing force feedback to mobile devices
CC Public Domain
The prototype electrically stimulates the user’s arm muscles via
the shown electrodes, causing the user to involuntarily tilt the device.
As he is countering this force, he perceives force feedback.
[Link]
Mensch-Maschine-Interaktion 2022
Metaphern der Mensch-Maschine Interaktion
• Neben der explizit übertragenen Information setzt gelungene
Kommunikation voraus, dass eine implizite Kommunikation auf der Basis
von Annahmen und Kontextwissen über die Anwendung stattfindet.
• Eine Metapher bildet Begriffe aus einer Quelldomäne in eine Zieldomäne
ab, wobei die Struktur erhalten wird. Die Abbildung ist unvollständig (nicht
alle Begriffe der Quelldomäne haben eine Entsprechung in der
Zieldomäne). Zugleich kommen dort weitere Aspekte hinzu, die in der
Quelldomäne keine Entsprechung hatten.
• Karteikarten, Mülleimer , Ordner, Briefumschlag und die Desktop Metapher
aus den 70-ger Jahren sind nach wie vor aktuell.
Mensch-Maschine-Interaktion 2022 47
Metaphern der Mensch-Maschine Interaktion:
The Memex (V. Bush, 1945)
CC BY 2.0, memex
[Link]
[Link] content/uploads/2011/09/Euro-IA-2011-Royce-Final-
[Link]
Mensch-Maschine-Interaktion 2022 48
WIMP – Windows, Icons, Menus, Pointers
Eig. Darstellung
Mensch-Maschine-Interaktion 2022
Icons, Interface-Metaphern
• DIN-ISO/IEC-Norm 11581-1 regelt die Nutzung bildhafter Symbole in
Benutzungsschnittstellen
• MICROSOFT BOB-Projekt; eine Variante von MICROSOFT WINDOWS, die ohne
jegliche Computer-kenntnisse bedienbar sein sollte und im März 1995 auf den
Markt kam. Das Betriebssystem mit all seinen Funktionen wurde durch ein Haus
mit vielen Räumen und aus dem Haushalt bekannten Funktionen repräsentiert.
Vgl.: B. Preim, R. Dachselt, Interaktive Systeme, [Link], 2nd ed.,
Mensch-Maschine-Interaktion 2022 50
Microsoft BOB
By Sen-De-Schluss, CC BY
[Link]
Mensch-Maschine-Interaktion 2022 51
Icons, Interface-Metaphern
• MICROSOFT BOB-Projekt; eine Variante von MICROSOFT WINDOWS, die ohne
jegliche Computer-kenntnisse bedienbar sein sollte und im März 1995 auf den
Markt kam. Das Betriebssystem mit all seinen Funktionen wurde durch ein Haus
mit vielen Räumen und aus dem Haushalt bekannten Funktionen repräsentiert.
• BOB war nicht erfolgreich, weil die Benutzer nicht an das „echte“ Betriebssystem
herangeführt wurden. Sie verblieben in einer rudimentären und ineffizienten
Nutzung des Systems. In der Fachpresse wurde vor allem kritisiert, wie stark die
Benutzer in ihrer Arbeit verlangsamt wurden.
Vgl.: B. Preim, R. Dachselt, Interaktive Systeme, [Link], 2nd ed.,
Mensch-Maschine-Interaktion 2022 52
Transformation: Arbeitsplatz eines Radiologen
Public domain CC BY 2.0, Clinique Beaulieu
[Link]
Mensch-Maschine-Interaktion 2022
Mensch-Maschine Schnittstelle
CC BY-SA 3.0 DE, Hoffmann, Harald CC BY-SA 2.0 DE, Mrsurrender
[Link] [Link]
Bild-F063536-0030,_Bonn,_U-Bahn-Fahrer_im_F%C3%[Link]
Mensch-Maschine-Interaktion 2022 54
Mensch-Maschine Schnittstelle
Eine drahtlose
Toilettensteuerung mit 38
Tasten, in einem Japanischen
Hotel
CC BY-SA 3.0, Chris 73
[Link]
Mensch-Maschine-Interaktion 2022 55
Mensch-Maschine Schnittstelle
Cubble (Kowalksi et al., 2013):
Remote Kommunikation und Interaktion
in Fernbeziehungen
Mensch-Maschine-Interaktion 2022 56
Mensch-Maschine Schnittstelle
Reverse Alarm Clock (Ozenc et al, 2007):
Wecker / Alarm für Familien mit kleinen Kindern
Mensch-Maschine-Interaktion 2022 57
Virtual Reality
Public domain
CC BY-SA 2.0 DE, TMP-Mediagroup
[Link]
Public domain
Mensch-Maschine-Interaktion 2022
Multimodale Interaktion
Beispiel „TurtleSurf“
Bildschirmansicht und reale Steuerung (mit WoOz-Sim.)
Quelle:
M. Herczeg & M.C. Kindsmüller (Hrsg.): Mensch & Computer 2008: Viel Mehr Interaktion.
München: Oldenbourg Verlag, 2008, S. 177-186
Mensch-Maschine-Interaktion 2022 59
Augmented Reality / Ubiquitous
© HCIS
Mensch-Maschine-Interaktion 2022 60
Augmented Reality / Ubiquitous
CC BY-SA 3.0, Mariordo (Mario Roberto Durán Ortiz)
[Link]
_2012_07_VA_4071_low_battery_indicator.jpg
Mensch-Maschine-Interaktion 2022 61
Cooperative Computing – Beispiel Clearboard (Ishii
et al., 1994)
Mensch-Maschine-Interaktion 2022
Cooperative Computing – Clearboard Architecture
(Ishii et al., 1992)
Mensch-Maschine-Interaktion 2022 63
Telepräsenz
By Karlis Dambrans, CC BY 2.0 By RogDel, CC BY-SA 2.0
[Link] [Link]
Mensch-Maschine-Interaktion 2022 64
MMI – gutes und schlechtes Design im Alltag
Bilder: © HCIS
Mensch-Maschine-Interaktion 2022 65
MMI – gutes und schlechtes Design im Alltag
Bilder: © HCIS
Mensch-Maschine-Interaktion 2022 66
MMI – gutes und schlechtes Design im Alltag
Bilder: © HCIS
Mensch-Maschine-Interaktion 2022 67
Zu viele Funktionen
CC-BY-SA 4.0, Kickaffe (Mario von Berg)
CC BY-SA 3.0
[Link]
[Link]
8_TFSI_S_tronic_141_kW_Cockpit_Interieur_Innenraum.jpg
g43532444/[Link]
Mensch-Maschine-Interaktion 2022
Überwindung von Interaktionsproblemen -
Ansätze
• Vermeidung von Fehlern und schnelles Beheben
• Schnelle Eingabe von Daten ermöglichen,
• Vermeidung von Routinetätigkeiten und Medienbrüchen
• Ermöglichung Direkter Manipulation
• Reduktion von Komplexität bei der Informationsdarstellung
• Schnelles Finden, Identifizieren und Wiedererkennen
• Erleichterung und Beschleunigung der Navigation
• ... Vermeidung von Schädigungen oder der Beeinträchtigung des
Wohlbefindens
Mensch-Maschine-Interaktion 2022 70
Anwendungen und Differenzierungskriterien
• Gelegentliche vs. regelmäßige Nutzung
• Freiwillige vs. erzwungene Nutzung
• Niedriges vs. hohes Risiko
• Benutzungslaie vs. -experte
• Durchschnittliche vs. besondere physiologische Bedingungen à
barrierefreie Nutzung
• Kritische vs. unkritische Umgebungsbedingungen
• Hohe vs. niedrige kognitive Anforderungen
Mensch-Maschine-Interaktion 2022 71
Human-Computer-Interaction
• Mit der Human-Computer-Interaction (HCI) (Mensch-Computer
Interaktion) beschäftigen sich verschiedene wissenschaftliche
Disziplinen. Es geht inhaltlich um die benutzergerechte Gestaltung
interaktiver Systeme und den implementierten Mensch-Maschine-
Schnittstellen.
• Es werden neben Erkenntnissen der Informatik auch solche aus
anderen wissenschaftlichen Disziplinen verwandt.
• Die Arbeitswissenschaft spielt in diesem Zusammenhang eine
wichtige Rolle.
Mensch-Maschine-Interaktion 2022 72
Wollen Sie mehr zu MMI wissen? WTHCI!
[Link]
Mensch-Maschine-Interaktion 2022 73
Referenzen
• B. Preim, R. Dachselt, Interaktive Systeme, [Link], 2nd ed.,
• Myers, B.A. and Rosson, M.B. (1992) Survey on User Interface Programming. Proceedings of ACM
CHI’92 Conference, Monterey, 3-7 May 1992, 195-202.
• R. Kowalski, S. Loehmann, and D. Hausen, ‘Cubble: A Multi-device Hybrid Approach Supporting
Communication in Long-distance Relationships’, in Proceedings of the 7th International
Conference on Tangible, Embedded and Embodied Interaction, New York, NY, USA, 2013, pp. 201–
204.
• K. F. Ozenc, J. P. Brommer, B. Jeong, N. Shih, K. Au, and J. Zimmerman, ‘Reverse Alarm Clock: A
Research Through Design Example of Designing for the Self’, presented at the Proceedings of the
2007 Conference on Designing Pleasurable Products and Interfaces, 2007, pp. 392–406.
• M. Herczeg & M.C. Kindsmüller (Hrsg.): Mensch & Computer 2008: Viel Mehr Interaktion.
München: Oldenbourg Verlag, 2008, S. 177-186
• H. Ishii and M. Kobayashi, ‘ClearBoard: A Seamless Medium for Shared Drawing and Conversation
with Eye Contact’, in Proceedings of the SIGCHI Conference on Human Factors in Computing
Systems, New York, NY, USA, 1992, pp. 525–532.
• H. Ishii, M. Kobayashi, K. Arita, ´Iterative design of seamless collaboration media´, in Magazine
Communications of the ACM, Vol. 37 - Issue 8, 1994, New York, NY, USA, 1994, pp- 83-97.
Mensch-Maschine-Interaktion 2022 74
Auf der Suche nach einer Hiwi-Stelle?
• Wir suchen WE ARE
Software-Entwickler*innen (SHK) im HIRING
Bereich Mensch-Roboter-Interaktion
• Sie haben
… Interesse an Robotern,
… Spaß am Arbeiten im Team,
… erste Programmiererfahrungen
(bspw. in C++, Python oder Android)?
• Weitere Informationen auf unserer
Website (s. auch QR-Code rechts)
[Link]
Mensch-Maschine-Interaktion 2022 75