OKO: Design für unsichtbare Nutzer

9 Min. Lesezeit 1603 Worter
OKO: Design für unsichtbare Nutzer screenshot

„Das beste barrierefreie Design ist unsichtbar — es funktioniert einfach.” — Philosophie des AYES-Teams

OKO ist ein Fußgängerüberweg-Assistent für blinde und sehbehinderte Nutzer, der 2023 den Apple Design Award für Social Impact gewonnen hat. Die App nutzt die iPhone-Kamera und maschinelles Lernen direkt auf dem Gerät, um den Zustand von Fußgängerampeln zu erkennen (Gehen, Nicht gehen, Countdown) und kommuniziert das Ergebnis über haptisches Feedback und räumlichen Klang. Nutzer richten ihr Telefon auf eine Ampel, und OKO teilt ihnen mit, wann es sicher ist, die Straße zu überqueren — ganz ohne auf den Bildschirm schauen zu müssen.

Das ist Design in seiner essentiellsten Form. OKO hat im traditionellen Sinne fast keine visuelle Oberfläche. Es gibt keine Raster, keine Karten, keine Farbpaletten, keine Typografie-Hierarchien. Stattdessen dreht sich die gesamte Design-Herausforderung um nicht-visuelle Kommunikation: Wie vermittelt man sicherheitskritische Informationen durch Vibrationsmuster und Klang in einer lauten, unberechenbaren städtischen Umgebung? OKO zwingt Designer dazu, neu zu überdenken, was „Oberfläche” bedeutet, wenn der Bildschirm nicht das Medium ist.


Warum OKO wichtig ist

Zentrale Errungenschaften: - Gewann den Apple Design Award für Social Impact (2023), die höchste Auszeichnung für wirkungsvolles Design auf Apple-Plattformen - Bewies, dass die wirkungsvollste Designarbeit möglicherweise keine visuelle Komponente hat - Schuf eine haptische Sprache, die binäre Zustände (sicher/nicht sicher) mit Nuancen kommuniziert (Konfidenzniveau, Countdown-Bewusstsein) - Demonstrierte, dass On-Device-ML Barrierefreiheit in Echtzeit ohne Netzwerkabhängigkeit ermöglichen kann - Adressierte eine echte Lücke in der städtischen Barrierefreiheit: Die Mehrheit der Kreuzungen weltweit verfügt über keine akustischen Fußgängerampeln (Accessible Pedestrian Signals, APS)


Zentrale Erkenntnisse

  1. Die beste Oberfläche ist möglicherweise keine Oberfläche — OKOs primäre Interaktion ist haptisch und auditiv; der Bildschirm existiert für die Einrichtung und sehende Begleiter, nicht für den eigentlichen Nutzer
  2. Haptisches Feedback ist eine Designsprache — Verschiedene Vibrationsmuster kommunizieren nicht nur binäre Zustände, sondern auch Konfidenzniveaus, Übergänge und Dringlichkeit
  3. Audio-First-UX erfordert räumliches Denken — Klang muss Richtung und Entfernung vermitteln, nicht nur Vorhandensein, da blinde Nutzer sich in einer dreidimensionalen Umgebung bewegen
  4. Städtische Infrastruktur hat Design-Lücken — Die meisten Kreuzungen haben keine barrierefreien Signale; OKO zeigt, wie sehr öffentliches Design Sehfähigkeit voraussetzt
  5. Für Extremfälle zu entwerfen verbessert alles — Die Einschränkungen beim Design für blinde Nutzer erzeugen Interaktionsmuster (haptische Bestätigung, Audio-Feedback), die Apps für alle verbessern

Grundlegende Designprinzipien

1. Nicht-visuelles Interaktionsdesign

OKOs Kerninteraktion hat keine visuelle Komponente. Der Nutzer hält sein Telefon auf eine Fußgängerampel gerichtet, und OKO kommuniziert über Vibration und Klang.

Das Interaktionsmodell:

NUTZERAKTION:        SYSTEMANTWORT:

Telefon auf          Gleichmäßiger Puls: „Ich sehe ein Signal"
Ampel richten        ┌──────────────────────────┐
                     │  ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙ ∙   │  Sanftes wiederholtes Tippen
                     └──────────────────────────┘

Signal erkannt:      GEHEN-Signal:
GEHEN                ┌──────────────────────────┐
                     │  ━━━━━━━━━━━━━━━━━━━━━━  │  Starke kontinuierliche
                     │  + aufsteigender Ton      │  Vibration + steigender Ton
                     └──────────────────────────┘

Signal erkannt:      NICHT GEHEN-Signal:
NICHT GEHEN          ┌──────────────────────────┐
                     │  ∙   ∙   ∙   ∙   ∙   ∙  │  Langsame, verteilte Taps
                     │  + tiefer Ton             │  + absteigender Ton
                     └──────────────────────────┘

Signal erkannt:      COUNTDOWN (Zeit läuft ab):
COUNTDOWN            ┌──────────────────────────┐
                     │  ∙∙ ∙∙ ∙∙ ∙∙ ∙∙ ∙∙ ∙∙   │  Beschleunigende Doppeltaps
                     │  + Dringlichkeitston      │  zunehmendes Tempo
                     └──────────────────────────┘

Designentscheidungen, die zählen: - Gehen = kontinuierliche starke Vibration. Der positive Zustand muss am unmissverständlichsten sein. Die Sicherheit eines blinden Nutzers hängt davon ab, „es ist sicher zu überqueren” korrekt zu interpretieren. Es gibt keinen Spielraum für Mehrdeutigkeit. - Nicht Gehen = verteilte sanfte Taps. Der negative Zustand ist ruhig, nicht alarmierend. Alarmierende Vibrationen verursachen Stress; der Nutzer muss lediglich wissen: „noch nicht.” - Countdown = beschleunigendes Tempo. Inspiriert vom hörbaren Piepen akustischer Fußgängerampeln kommuniziert die zunehmende Geschwindigkeit „die Zeit läuft ab”, ohne dass gezählt werden muss. - Kein Signal erkannt = Stille. Wenn OKO den Signalzustand nicht sicher identifizieren kann, kommuniziert es nichts, anstatt zu raten. Bei sicherheitskritischem Design ist Stille (keine Information) sicherer als falsche Information.


2. Haptisches Feedback als Designsprache

OKOs haptische Muster sind keine zufälligen Vibrationen. Sie bilden eine kohärente Sprache mit Grammatik und Vokabular.

// Haptisches Mustervokabular (konzeptionell)

// GEHEN: Stark, kontinuierlich, zuversichtlich
// Verwendet CHHapticEvent mit anhaltender Intensität
let walkPattern: [CHHapticEvent] = [
    CHHapticEvent(
        eventType: .hapticContinuous,
        parameters: [
            CHHapticEventParameter(
                parameterID: .hapticIntensity,
                value: 0.9    // Hohe Intensität = Zuversicht
            ),
            CHHapticEventParameter(
                parameterID: .hapticSharpness,
                value: 0.5    // Mittlere Schärfe = fest aber nicht störend
            )
        ],
        relativeTime: 0,
        duration: 2.0
    )
]

// NICHT GEHEN: Sanft, verteilt, geduldig
let dontWalkPattern: [CHHapticEvent] = stride(
    from: 0, to: 3.0, by: 0.5
).map { time in
    CHHapticEvent(
        eventType: .hapticTransient,
        parameters: [
            CHHapticEventParameter(
                parameterID: .hapticIntensity,
                value: 0.3    // Niedrige Intensität = nicht dringend
            ),
            CHHapticEventParameter(
                parameterID: .hapticSharpness,
                value: 0.2    // Weiche Schärfe = sanft
            )
        ],
        relativeTime: time
    )
}

// COUNTDOWN: Beschleunigendes Tempo
func countdownPattern(secondsRemaining: Int) -> [CHHapticEvent] {
    // Intervall verringert sich, wenn die Zeit abläuft
    // 10 Sekunden: Tap alle 500ms
    //  5 Sekunden: Tap alle 250ms
    //  2 Sekunden: Tap alle 125ms
    let interval = max(0.125, Double(secondsRemaining) / 20.0)
    // ... Muster mit abnehmenden Intervallen generieren
}

Die haptischen Designprinzipien: - Intensität = Zuversicht. Eine starke Vibration bedeutet, OKO ist sicher. Eine schwächere Vibration bedeutet geringere Konfidenz. Das entspricht der realen Intuition: Ein fester Händedruck vermittelt Sicherheit. - Tempo = Dringlichkeit. Schnellere Muster bedeuten „jetzt handeln.” Langsamere Muster bedeuten „warten.” Das ist kulturübergreifend universell und muss nicht erlernt werden. - Stille = Unsicherheit. Wenn OKO den Signalzustand nicht bestimmen kann, vibriert es nicht. Das ist die wichtigste Designentscheidung: In sicherheitskritischen Kontexten ist kein Feedback sicherer als falsches Feedback. - Schärfe = Aufmerksamkeitsbedarf. Scharfe Taps fordern Aufmerksamkeit. Sanftes Summen bietet Hintergrundbewusstsein. Das Gehen-Signal verwendet mittlere Schärfe — deutlich genug zum Bemerken, sanft genug für dauerhafte Nutzung ohne Ermüdung.


3. Audio-First-UX mit räumlichem Bewusstsein

OKOs Audiosignale sind für Nutzer konzipiert, die sich in einer dreidimensionalen städtischen Umgebung bewegen, während sie Kopfhörer tragen (oder den Telefonlautsprecher nutzen) — inmitten von Verkehrslärm.

Anforderungen an das Audiodesign: - Muss über Verkehrslärm hörbar sein, ohne so laut zu sein, dass Umgebungsgeräusche überdeckt werden, die der Nutzer hören muss (sich nähernde Fahrzeuge, andere Fußgänger) - Muss Zustandsänderungen sofort vermitteln — eine halbe Sekunde Verzögerung zwischen Signaländerung und Audiosignal könnte gefährlich sein - Muss sowohl mit Lautsprecher als auch mit Kopfhörern funktionieren (viele blinde Nutzer tragen einen Ohrhörer für Navigations-Apps) - Darf nicht mit anderen gängigen App-Tönen verwechselt werden (Benachrichtigungstöne, VoiceOver-Ansagen)

Das Audiovokabular:

GEHEN:
  ┌─ Aufsteigender Zweiklang ─────────────┐
  │  ♪ tief → hoch  (Dur-Intervall)       │
  │  Dauer: 400ms                          │
  │  Charakter: Hell, klar, bestätigend    │
  └───────────────────────────────────────┘

NICHT GEHEN:
  ┌─ Einzelner tiefer Ton ────────────────┐
  │  ♪ anhaltend tief  (Moll-Ton)         │
  │  Dauer: 300ms                          │
  │  Charakter: Ruhig, nicht alarmierend   │
  └───────────────────────────────────────┘

COUNTDOWN:
  ┌─ Rhythmisches Klicken ────────────────┐
  │  ♪ tick...tick..tick.tick.tickticktick  │
  │  Dauer: Entspricht der Restzeit        │
  │  Charakter: Beschleunigend, dringend   │
  └───────────────────────────────────────┘

SIGNAL VERLOREN:
  ┌─ Absteigender Ton ────────────────────┐
  │  ♪ hoch → tief  (sanftes Ausblenden)  │
  │  Dauer: 500ms                          │
  │  Charakter: „Ich habe es verloren,     │
  │  neu ausrichten"                       │
  └───────────────────────────────────────┘

Entscheidende Designwahl: Das Gehen-Signal ist ein aufsteigendes Intervall (optimistisch, bestätigend), während das Nicht-Gehen-Signal ein tiefer anhaltender Ton ist (ruhig, abwartend). Das ist nicht willkürlich. Aufsteigende Intervalle werden kulturübergreifend mit positiven Ergebnissen assoziiert. Tiefe anhaltende Töne werden mit Warten assoziiert. OKO nutzt diese universellen Assoziationen, sodass ein Erstnutzer die Bedeutung intuitiv versteht, ohne Einweisung.


Designmuster zum Übernehmen

Design für visuell freie Interaktion

OKOs Ansatz für nicht-visuelles Design erzeugt Muster, die weit über Barrierefreiheit hinaus anwendbar sind:

Bestätigung durch Haptik:

// Jede App kann haptische Bestätigung nutzen
// Statt nur ein grünes Häkchen anzuzeigen:

// Erfolg: einzelner starker Tap
let successFeedback = UIImpactFeedbackGenerator(style: .heavy)
successFeedback.impactOccurred()

// Fehler: drei schnelle leichte Taps
let errorFeedback = UIImpactFeedbackGenerator(style: .light)
for delay in [0, 0.1, 0.2] {
    DispatchQueue.main.asyncAfter(deadline: .now() + delay) {
        errorFeedback.impactOccurred()
    }
}

// Warnung: zwei mittlere Taps
let warningFeedback = UIImpactFeedbackGenerator(style: .medium)
for delay in [0, 0.15] {
    DispatchQueue.main.asyncAfter(deadline: .now() + delay) {
        warningFeedback.impactOccurred()
    }
}

Die übergeordnete Lektion: Die meisten Apps behandeln haptisches Feedback als Nebensache — ein einzelnes Summen für jede Benachrichtigung. OKO zeigt, dass Haptik semantische Bedeutung tragen kann: verschiedene Muster für verschiedene Zustände. Das macht Apps für alle benutzerfreundlicher, nicht nur für sehbehinderte Nutzer. Ein starker Tap für „Zahlung bestätigt” fühlt sich anders an als ein sanfter Tap für „Nachricht empfangen”, und Nutzer lernen diese Muster unbewusst.

Prinzipien für sicherheitskritisches Design

OKO arbeitet in einer Umgebung, in der Designfehler körperlichen Schaden verursachen können. Seine Prinzipien gelten für jede sicherheitsrelevante Oberfläche (medizinisch, automobil, industriell):

  1. Stumm scheitern, nicht laut scheitern. Bei Unsicherheit gibt OKO kein Feedback, anstatt falsches Feedback zu geben. In Sicherheitskontexten ist falsches Vertrauen gefährlicher als eingestandene Unsicherheit.

  2. Binär vor Nuance. Die primäre Kommunikation ist binär: sicher oder nicht sicher. Nuancen (Countdown, Konfidenz) werden darüber geschichtet. Die erste Frage des Nutzers („Kann ich überqueren?”) erhält ein klares Ja/Nein, bevor zusätzliche Details folgen.

  3. Redundante Kanäle. OKO kommuniziert gleichzeitig über Haptik und Audio. Wenn der Nutzer einen Kanal verpasst (laute Umgebung übertönt Audio, Telefon in dicken Handschuhen dämpft Haptik), trägt der andere Kanal dennoch die Botschaft.

  4. Kein erforderliches Erlernen. Die haptischen und akustischen Muster nutzen universelle Assoziationen (steigend = positiv, schnell = dringend), sodass Erstnutzer ohne Tutorials verstehen. Sicherheitskritische Oberflächen können keine Einweisung voraussetzen.

HIERARCHIE FÜR SICHERHEITSKRITISCHES DESIGN:

1. Ist es sicher?        Binäre Antwort (ja/nein)
2. Wie sicher?           Intensität des Feedbacks
3. Wie viel Zeit?        Tempo des Feedbacks
4. Was soll ich tun?     Richtung (überqueren/warten)
5. Was hat sich geändert?  Übergangssignale

Jede Ebene baut auf der vorherigen auf.
Niemals zu Ebene 3 springen, ohne Ebene 1 etabliert zu haben.

Das Fazit

OKO ist die wichtigste Design-Fallstudie, die die meisten Designer nie untersuchen werden, weil sie die grundlegende Annahme der Disziplin in Frage stellt: dass Design visuell ist. OKOs Kernnutzer werden nie sein App-Icon sehen, nie seine Farbpalette bewundern, nie seine Typografie lesen. Die gesamte Design-Herausforderung ist haptisch, auditiv und temporal. Und dennoch ist die erforderliche Designstrenge mindestens so anspruchsvoll wie bei jeder visuellen Oberfläche, denn auf dem Spiel steht die körperliche Sicherheit einer Person an einem Fußgängerüberweg.

Die Lektion, die OKO lehrt, ist, dass das Entwerfen für die am stärksten eingeschränkten Nutzer die universellsten Erkenntnisse hervorbringt. Haptische Bestätigungsmuster, akustische Zustandskommunikation, Binär-vor-Nuance-Informationshierarchie, redundante Feedbackkanäle und stummes Scheitern bei Fehlern sind Prinzipien, die jede App verbessern, nicht nur Barrierefreiheits-Apps. Wenn man für jemanden entwirft, der den Bildschirm nicht sehen kann, entdeckt man, was die Oberfläche tatsächlich kommuniziert — im Gegensatz zu dem, was sie lediglich anzeigt.

Am besten geeignet zum Lernen: Wie man nicht-visuelle Interaktionen mit derselben Strenge wie visuelle gestaltet, und wie sicherheitskritische Einschränkungen Designprinzipien hervorbringen (stummes Scheitern, redundante Kanäle, Binär-zuerst), die jede Software verbessern.


Häufig gestellte Fragen

Wie erkennt OKO Fußgängerampeln ohne Internetverbindung?

OKO nutzt maschinelles Lernen direkt auf dem Gerät über Apples Core ML Framework, um den Kamerafeed des iPhones in Echtzeit zu analysieren. Das Modell ist darauf trainiert, Standard-Fußgängerampelzustände zu erkennen (Haltehand, gehende Figur, Countdown-Timer) und läuft vollständig auf der Neural Engine des Geräts. Keine Netzwerkverbindung ist erforderlich, was für ein Sicherheitswerkzeug, das auch in Gebieten mit schlechter Mobilfunkabdeckung funktionieren muss, entscheidend ist.

Warum nutzt OKO Stille, wenn es kein Signal erkennen kann?

Bei sicherheitskritischem Design ist falsches Vertrauen gefährlicher als eingestandene Unsicherheit. Wenn OKO „Gehen” vibrieren würde, obwohl es tatsächlich unsicher ist, könnte ein Nutzer in den Verkehr treten. Durch die Wahl von Stille für unsichere Zustände kommuniziert OKO klar „Ich weiß es nicht” und fordert den Nutzer auf, das Telefon neu auszurichten oder andere Hinweise zu nutzen (einen Passanten fragen, auf Verkehrsmuster hören), anstatt falschen Informationen zu vertrauen.

Wie funktionieren OKOs haptische Muster für Nutzer mit reduzierter Tastempfindlichkeit?

OKO kombiniert haptisches Feedback redundant mit Audiosignalen, sodass, wenn ein Nutzer die Vibration nicht spüren kann (aufgrund von Neuropathie, dicken Handschuhen oder einer Handyhülle), der Audiokanal weiterhin die vollständige Nachricht übermittelt. Die App ermöglicht es Nutzern auch, Haptik-Intensität und Lautstärke unabhängig voneinander einzustellen. Der Zweikanal-Ansatz stellt sicher, dass der Verlust einer Feedbackmethode die Sicherheit nicht beeinträchtigt.

Was können Nicht-Barrierefreiheits-Apps von OKOs Design lernen?

OKO zeigt, dass haptisches Feedback semantische Bedeutung über „etwas ist passiert” hinaus tragen kann. Verschiedene Vibrationsmuster für verschiedene Zustände (Erfolg, Fehler, Warnung, Fortschritt) schaffen ein unbewusstes Vokabular, das jede App benutzerfreundlicher macht. Darüber hinaus sind OKOs Prinzip des stummen Scheiterns (kein Feedback ist besser als falsches Feedback), die Binär-zuerst-Informationshierarchie und redundante Feedbackkanäle auf jede Oberfläche anwendbar, bei der Nutzervertrauen wichtig ist.

Warum hat OKO den Apple Design Award für Inklusivität gewonnen?

OKO adressierte eine echte Lücke in der städtischen Infrastruktur: Die Mehrheit der Kreuzungen weltweit verfügt über keine barrierefreien Fußgängerampeln. Anstatt für Infrastrukturänderungen zu plädieren (ein jahrzehntelanger Prozess), nutzte OKO die vorhandene Kamera und Haptik-Hardware des iPhones, um eine sofortige Lösung zu schaffen. Die Auszeichnung würdigte sowohl die technische Leistung als auch die Designphilosophie, Technologie zu bauen, die Nutzern dient, die für die Designbranche typischerweise unsichtbar sind.


Ressourcen

  • App Store: OKO - Crosswalk
  • Entwickler: AYES (auf Barrierefreiheit spezialisiertes Entwicklungsstudio)
  • Apple Design Awards 2024: Gewinner in der Kategorie Inklusivität
  • Core ML: Apples On-Device-Framework für maschinelles Lernen, das die Echtzeit-Signalerkennung ermöglicht