Erklärmodus aktiv | gestrichelte Elemente zeigen ihre Begründung bei Hover oder Antippen. Mit E beenden.

Dennis Schöner · Human Factors Ingenieur, M.Sc. · Tuttlingen

Technologie sollte menschlich sein.

Aktuell unterwegs als Human Factors Ingenieur

Ich erforsche, gestalte und baue Dinge, die Menschen verstehen sollen, von empirischer Forschung über Interfaces, Apps und Websites bis zu Plakaten. Evidenz, wo sie zählt. Gestaltung, wo sie wirkt.

Scrollen — 01 / Wenn der Roboter stoppt
01 — Case Study · M.Sc. ThesisN = 16 · Wizard-of-Oz · HORST900

Wenn der Roboter stoppt

Kollaborative Roboter scheitern lautlos. In der Fertigung ist Schweigen teuer: Die Bedienperson kann Fehler nicht von Pause unterscheiden, das Arousal steigt, und Vertrauen entkoppelt sich von der tatsächlichen Zuverlässigkeit der Maschine oder überlebt Fehler, die es nicht überleben sollte. Für meine Masterthesis habe ich ein neuro-symbolisches Erklärsystem gebaut und experimentell validiert, mit dem ein Industrieroboter sagen kann, warum.

PERZEPTION YOLOv8 · Arbeitsraumzustand Montagefortschritt KAUSALES SCHLIESSEN symbolisches Fehlermodell Ursache → Konsequenz → Handlung ERKLÄR-HMI Tablet · adaptive Tiefe Flask · SocketIO · Modbus BEDIENPERSON EDA · Herzrate · SAM Vertrauenskalibrierung physiologische Rückkopplung

Szene: mitten in der Montage, Minute 14

Der Roboter stoppt.
Was soll er sagen?

Wähle die Antwort des Roboters. Der Körper der Bedienperson antwortet daneben.

—
Der Roboter stoppt. Das HMI bleibt leer.

Schweigen zwingt die Bedienperson, die Maschine allein zu modellieren. Das Arousal bleibt erhöht, und Vertrauen entkoppelt sich von der tatsächlichen Zuverlässigkeit, es wird geraten statt kollaboriert.

FEHLEREREIGNIS t₀ t + 90 s AROUSAL (EDA)
Untervertrauenwahrg. ZuverlässigkeitÜbervertrauen

Die Kurven illustrieren die in der Studie beobachteten Reaktionsmuster; die vollständige Statistik steht in der Thesis.

Befund A

Kausal schlägt Schweigen.

Erklärungen, die die Ursache benennen, senkten den Stress der Bedienperson messbar und hielten das Vertrauen nach Fehlern an der tatsächlichen Zuverlässigkeit kalibriert.

Befund B

Entschuldigungen bringen nichts.

Die Entschuldigungs-Rahmung erzeugte keinen messbaren Vorteil gegenüber der Ursache allein. Höflichkeit ohne Information ist Rauschen, eine Designimplikation, keine Nettigkeit.

Befund C

Kurz schlägt lang.

Die Wirksamkeit erreichte zwischen kurzer und langer Variante eine Schwelle. Danach halfen zusätzliche Worte nicht mehr. Erklärtiefe ist ein Designparameter.

Methode: Within-Subjects-Wizard-of-Oz-Experiment, N = 16, industrieller Sechs-Achs-Roboter (fruitcore HORST900), kollaborative Lego-Montage mit kontrollierter Fehlerinjektion. Maße: elektrodermale Aktivität, Herzrate, SAM-Selbstbericht, Vertrauensfragebögen. Stack: YOLOv8-Perzeption, symbolische Kausal-Engine, Flask/SocketIO-Backend, Modbus TCP, Tablet-HMI.

Mit den Transparenzpflichten des EU AI Act für Hochrisikosysteme hört „die Maschine soll sich erklären“ auf, gute Human-Factors-Praxis zu sein — und wird zur Compliance-Anforderung. Diese Forschung sitzt genau in dieser Lücke.

EU AI Act · Art. 13 — Transparenz und Bereitstellung von Informationen für Betreiber
03 — Case Study · AppAndroid · Kotlin · NFC

Erinnerung, die am Ort wohnt

Permy ist eine Android-App für NFC-basiertes Habit- und Zustands-Tracking, entworfen mit exekutiven Funktionsdefiziten als erstklassigem Designparameter, nicht als Randnotiz. Drei NFC-Tags an drei Orten: Medikamentenschrank, Haustür, Schreibtisch. Ein Tap ans Handy genügt, die App bleibt geschlossen. Jede Woche wächst ein Baumring, unregelmäßige Wochen formen ihn anders, statt eine Kette zu brechen.

RolleKonzept · Design · Entwicklung
StackKotlin · Jetpack Compose · Room/SQLite
Interaktion3 NFC-Tags · binäres Tap-Logging
StatusMVP in Entwicklung · Landingpage live
0:00 / 0:28
Produkt-Demo · 28 s · Tap → Ringwachstum → Systembreite → Marke
Permy App-Screen, helle Variante: Baumring-Visualisierung und Liste aktiver NFC-Tags
App-Screen · Variante hell — Papier, Ring als Zustandsbild
Permy App-Screen, dunkle Variante: identisches Layout mit Baumring und Tag-Liste auf dunklem Grund
App-Screen · Variante dunkel — Designrichtung 1a, kontemplativ
Entscheidungen
  • Baumringe statt Streaks: verpasste Tage erzeugen Form, nicht Schuld, keine Lücke, keine kaputte Kette.
  • Die App bleibt zu: Logging passiert am Ort über den Tag, nicht im Interface. Kein Feed, kein Sog.
  • Lokal statt Cloud: Room/SQLite auf dem Gerät, keine Konten, keine Server, keine Abhängigkeit.
04 — Case Study · Webpermy.de · Landingpage · DE / EN

Eine Warteliste ohne erfundene Zahlen

Die Landingpage zu Permy muss ein Produkt verkaufen, das noch nicht erschienen ist. Keine Nutzerzahlen, keine Reviews, kein Store-Rating. Statt Social Proof zu simulieren, erklärt die Seite das Problem, zeigt die Geste und legt die Entscheidungen offen, die im Produkt nachprüfbar sind. Ziel ist genau eine Handlung: auf die Warteliste.

RolleKonzept · Text · Design · Frontend
StackHTML · CSS · Vanilla JS · GSAP
UmfangOnepager · zweisprachig DE / EN
StatusLive · Warteliste offen
Permy Landingpage: schwarzer Hero mit der Headline ‚Physische Anker für alles, was dein Kopf sonst fallen lässt‘, rechts ein Video, in dem ein Finger einen NFC-Tag neben einem Smartphone antippt
Hero · die Geste im Video, das Versprechen in einem Satz
Abschnitt ‚Belege‘ der Permy Landingpage: vier nummerierte Designentscheidungen wie ‚Nichts wird rot‘ und ‚Kein Server im kritischen Pfad‘ auf hellgrauem Grund
Belege · vier Produktentscheidungen statt Testimonials
Entscheidungen
  • „Belege“ statt Bewertungen: Wo keine Nutzer sind, stehen Entscheidungen, jede mit dem bequemeren Weg, der nicht gegangen wurde.
  • Die Warteliste fragt nur eine Sache mehr als die E-Mail: welcher Anker zuerst. Die Anmeldung wird zur Produktforschung.
  • Honeypot statt Captcha: Bots füllen ein unsichtbares Feld aus, Menschen lösen kein Rätsel.
  • Bewegung mit Rückfallebene: GSAP, wenn verfügbar, sonst ein IntersectionObserver, und bei reduzierter Bewegung gar keine Animation.
Website öffnen
05 — Case Study · WebFocus & Flow Co. · Shop

Ein Showroom statt eines Katalogs

Shop-Frontend für Focus & Flow Co.: handgegossene Kerzen, bedruckte Taschen und Lesezeichen, ADHS-Planer und Wedding-Dance-Planer. Vier Sortimente, die wenig gemeinsam haben, außer dass sie von Hand gemacht sind. Statt eines Rasters mit Filterleiste bekommt jede Produktwelt einen eigenen Raum: eigene Farbe, eigenes Motiv, eigener kurzer Film. Acht Objekte, zum Anschauen gedacht, nicht zum Durchscrollen.

RolleKonzept · Art Direction · Frontend
StackNext.js · React · Tailwind CSS
Sortiment4 Produktwelten · 8 Objekte · 3 Filme
StatusLive · Vercel
Focus & Flow Co. Startseite: vier vertikale Paneele in Braun, Nachtblau, Rotbraun und Grau, darin eine Kerzenflamme, Höhenlinien, verstreute Striche und zwei Kreise, jeweils mit senkrechter Beschriftung Kerzen, Taschen & Lesezeichen, ADHS-Bücher, Wedding Planner
Einstieg · vier Welten, vier Motive, eine Entscheidung
Produktwelt Kerzen: Headline ‚Gegossenes Licht‘ in Serifenschrift, darunter zwei Produktfotos, eine Iced-Coffee-Kerze als Bestseller und eine Orange-Spritz-Kerze als Neuheit, versetzt angeordnet
Welt 01 · Kerzen, versetztes Raster statt Produktkacheln
Entscheidungen
  • Die Startseite ist die Navigation: vier Paneele, vier Sortimente. Wer ankommt, wählt eine Welt, bevor er ein Produkt sieht.
  • Jedes Motiv erzählt sein Sortiment: Flamme, Höhenlinien, verstreute Striche für den Kopf im Sturm, zwei Kreise für das Paar.
  • Fakten statt Adjektive auf der Karte: Brenndauer 35 h, 192 Seiten, 14 l Volumen. Die Zahl sagt mehr als „hochwertig“.
  • Filme laden nur ihre Metadaten und ein Standbild, bis sie gebraucht werden. Stimmung ohne Wartezeit.
Website öffnen
06 — Case Study · WebLisa Kern · Hochzeitstanz

Sechs Wochen bis zum ersten Tanz

Website für Lisa Kern, private Tanzlehrerin für Hochzeitspaare in Donaueschingen und Tuttlingen. Die Zielgruppe hat meist wenig Zeit, kein Tanzvorwissen und eine konkrete Sorge: Schaffen wir das noch? Die Seite beantwortet genau diese Frage, in drei Schritten, drei Preisen und einem Formular, das nach dem fragt, was Lisa für ihre Antwort braucht.

RolleKonzept · Text · Design · Frontend
StackHTML · CSS · Vanilla JS · Netlify Forms
StrukturAblauf · Preise · Anfrage auf einer Seite
StatusLive · Netlify
Lisa Kern Startseite: Headline ‚Euer erster Tanz. Zu eurem Lied, in eurem Tempo.‘ in Versalien vor einem blassen Video eines tanzenden Brautpaars, darunter zwei Buttons und eine Zeile mit ADTV-zertifiziert, Unterrichtet seit 2017, Unterricht bei euch zuhause
Hero · Sorge, Angebot und Vertrauenssignale in einem Viewport
Preisabschnitt ‚Was es kostet‘: drei Karten mit Kennenlernstunde 80 Euro, Hochzeitstanz-Paket 350 Euro für fünf Stunden und eigener Choreografie auf Anfrage
Preise · drei Optionen, eine davon klar als Normalfall markiert
Entscheidungen
  • Die Knappheit ist echt und steht da: nur zwei Paare gleichzeitig. Kein Countdown, kein „nur noch heute“.
  • Preise gelten für das Paar, nicht pro Person, und die Anfahrt ist inklusive. Die häufigste Rückfrage ist beantwortet, bevor sie gestellt wird.
  • Fehlt etwas im Formular, sagt die Seite wie viel („2 Felder fehlen noch“) und setzt den Fokus direkt ins erste leere Feld.
  • Das Hero-Video pausiert außerhalb des Sichtfelds und im Hintergrund-Tab und bleibt bei reduzierter Bewegung ganz stehen.
Website öffnen
07 — Case Study · WebPicturesbyMarc · Naturfotografie

63 Bilder, die man mitnehmen darf

Landingpage für PicturesbyMarc, die Naturfotografie von Marc C. Schöner zwischen Donau und Schwäbischer Alb. Kein Shop und kein Stock-Katalog: Die Bilder sind kostenlos und sollen benutzt werden. Also führt die ganze Seite auf eine einzige Handlung zu — Bild öffnen, Größe wählen, herunterladen. Ohne Konto, ohne Wasserzeichen, ohne Newsletter.

RolleKonzept · Art Direction · Frontend
StackHTML · CSS · Vanilla JS · keine Abhängigkeiten
Bestand63 Bilder · 5 Kategorien · aus einer JSON-Quelle
StatusAusgeliefert · live
PicturesbyMarc Startseite: dunkler Hero mit einem Wiesenweg im Morgenlicht, Headline ‚Zwischen Donau und Alb, kurz nach Sonnenaufgang‘, rechts der Beginn eines ziehbaren Bildstreifens
Startseite · Hero mit ziehbarem Streifen, 14 von 63 Bildern
Galerieansicht von PicturesbyMarc: dreispaltiges Bildraster, unter jedem Foto Nummer, Titel und Kategorie, oben eine Filterleiste mit der Bildanzahl je Kategorie
Galerie · Filter nach Landschaft, Vögel, Tiere, Natur, Schwarz-Weiß
Entscheidungen
  • Die Dateigröße steht auf dem Button: „Web · 0,3 MB“ gegen „Original · 3,3 MB“. Die Wahl fällt vor dem Klick, nicht später im Downloadordner.
  • Die Eingangssequenz läuft einmal pro Sitzung und entfällt vollständig, wenn das System reduzierte Bewegung anfordert (prefers-reduced-motion): Zeremonie für den ersten Besuch, freier Weg für jeden weiteren.
  • Ortsnamen statt Bildnummern: Bärengraben, Hohenkarpfen, Donau Nendingen. Wer aus der Gegend kommt, erkennt den Ort, bevor er die Bildunterschrift liest.
  • Die Lizenz steht in drei Sätzen statt in einem Rechtstext: privat einfach machen, öffentlich mit Namen, kommerziell kurz fragen.
Website öffnen
08 — Grafik DesignPrint · Poster · Editorial

Drei Plakate, drei Tonlagen

Gestaltung außerhalb des Pflichtenhefts: Wissenschaftskommunikation, Produkt, Sport. Gleiche Werkzeuge, andere Haltung — jedes Format bekommt seine eigene Typografie und Farblogik.

Wissenschaftsposter: Emotionale und psychophysiologische Reaktionen bei einer kollaborativen Aufgabe mit einem Industrieroboter in realer und virtueller Umgebung
Wissenschaftskommunikation

Reale vs. virtuelle Mensch-Roboter-Kollaboration

Konferenzposter zur publizierten Studie (N = 46): emotionale und psychophysiologische Reaktionen (EKG, EDA) bei kollaborativen Montageaufgaben in realer und virtueller Arbeitsumgebung. Zwei-Spalten-Raster, klare Lesehierarchie von Einführung bis Diskussion — die Daten führen, die Gestaltung trägt.

KontextPublikation Schöner et al., 2025
FormatA0-Poster · Konferenz
InstitutionHochschule Furtwangen (HFU)
09 — PubliziertPeer-reviewed

Schöner, Birkle & Wagner-Hartl · 2025

Emotional and Psychophysiological Reactions While Performing a Collaborative Task with an Industrial Robot in Real and Virtual Working Settings

Theoretical and Applied Ergonomics · 1(1), 4 · 2025 DOI: 10.3390/tae1010004
10 — ArbeitsweiseForschen ↔ Bauen

Eine Schleife, vier Modi

Forschung
  • Experimentaldesign
  • Psychophysiologie · EDA / HF
  • Statistik · Mixed Models
  • Usability-Testing
  • Eye-Tracking
  • Kognitionspsychologie
Gestaltung
  • Interaction Design
  • Industrielle HMIs
  • Designsysteme
  • Figma · Prototyping
  • Grafik & Editorial
  • Barrierefreiheit
KI
  • Explainable AI
  • Mensch-KI-Vertrauen
  • Neuro-symbolische Systeme
  • Computer Vision · YOLOv8
  • LLM-Interfaces
  • EU AI Act
Umsetzung
  • Kotlin · Jetpack Compose
  • Java · Flutter · Dart
  • Python · Flask · SocketIO
  • HTML · CSS · JavaScript
  • Robotik · Modbus TCP
  • Rapid Prototyping
11 — KontaktTuttlingen · CET

Du baust etwas, das Menschen verstehen sollen?

Schreib mir