UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

20
Der Weg zu barrierefreien Apps durch UX Design Ein Erfahrungsbericht 1

description

Barrierefreiheit im Netz und auf mobilen Endgeräten hat in den letzten Jahren stark an Popularität zugenommen. Aber wie genau entsteht ein barrierefreies "Universal Design" mit exzellenter User Experience? Mit diesem Vortrag werde ich Einblicke in den Entwicklungsprozess für eine iPhone App geben. Das Ziel: Sehbehinderten Menschen eine Anwendung zur Verfügung zu stellen, die es ermöglicht, an jedem Ort und zu jeder Zeit gedruckten Text einfach lesen zu können. Dabei werde ich sowohl auf die verwendeten Methoden zum UX Design eingehen, aber auch über Zufälle und Hindernisse sprechen, die mir mit meinem Team während des Entwicklungsprozesses widerfahren sind - als Handlungsanstoss, Ideengebung und Diskussionsgrundlage für künftige UX Design Projekte mit Barrierefreiheit.

Transcript of UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Page 1: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Der Weg zu barrierefreien Apps durch UX Design

Ein Erfahrungsbericht

1

Page 2: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Über mich

Frank Wippich Wirtschaftsingenieur / MBA und 10 Jahre Erfahrung in F&E von Technologieprodukten

2

Page 3: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Über Blindsight

Gründung der Blindsight Corporation, USA

Ziel: Forschung und Entwicklung von Text und Objekterkennung zur Unterstützung von Blinden und Sehbehinderten

Expansion nach Europa mit Gründung der Blindsight Europe GmbH in Hamburg, Deutschland

Markteinführung verschiedener Produkte - Text Detektiv (iPhone App), Perkolator (Brailletrainingssoftware MacOS), Smart Magnifier (iPad)

3

1996

2012

Building Software to Help People Read

Page 4: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

• ... vielleicht dochnoch nicht ganz!

“print is dead”

4

Page 5: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Die Probleme mit gedruckten Text

• Sehbehinderungen

5

• Sprache

Page 6: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Die Lösung - Texterkennung

• das Smartphone oder das Tablet als Textdetektor

6

• sekundenschnell• korrekte Ergebnisse• barrierefrei

Page 7: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Ausgangslage

• Patentierte Texterkennung

• iOS als die Plattform der Wahl

• Erste Erkenntnisse aus Interviews mit Lead Usern– Unabhängigkeit

• Orientierung• Lesen von Text in der Umwelt

– Informationen suchen und abrufen von unterwegs

7

Wie baut man daraus eine App die Nutzer begeistert?

Page 8: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

UX Design Struktur

8

Information Architecture

Aufnahme, Verarbeitung und Präsentation von Text

Hilfestellungen

UsabilityWas?Wo?Wie?

User ExperienceInhalt

BenutzungContext

1 2

3

4

Page 9: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Der erste Prototype

9

• Orientierung der App in Hochformat• Texterkennungsvibration + Shake = Textausgabe• Einzelresultate• Einführungen wurden mündlich erteilt

Page 10: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Erkenntnisse

Information Architecture

– Simpler Einführungsscreen

– Notifikation wenn Text erkannt ist

– Präsentation des Textes in einzelnen Zeilen und bei Bedarf gesamter Text

– Interaktion mit Entwicklern / Support

– Tipps zur Benutzung

10

– Tutorium + simpler Einführungsscreen

– Notifikation wenn Text erkannt ist

– Präsentation des Textes gesamt und bei Bedarf in einzelnen Zeilen

– Interaktion mit Entwicklern / Support

– Tipps zur Benutzung

– Bearbeitung von Text

– Speicherung, Zugriff auf und Weiterverarbeitung von Scans

Ausgangshypothese

Page 11: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Erkenntnisse

Usability

– Welcher Text wird gelesen?

– Wo wird Texterkennung am meisten benötigt?

– Wie benutzen Blinde das Smartphone, die Kamera?

– Wie navigieren Blinde das Smartphone?

11

– Dokumente, Menüs, Flyer, Briefe, Türschilder, Computernachrichten

– Unterwegs und zur Durchführung des schnellen Scans

– Mit Referenzpunkten und viel Übung

– Standard VoiceOver Funktionen:– mit einfachen Swipes und

Buttons– Hochformat– Ausrichtungssperre aktiv

Ursprungsfragen

Page 12: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Erkenntnisse

User Experience

– Minimum Button Clicks

– Informationen geben ob • Text gefunden wurde• Text übersetzt wird• Fehler beim übersetzen

enthalten sind

– Textübersetzung in nicht mehr als 2 Sekunden

– Hochformat12

– Besser mehr Button clicks als alternative Eingabemethoden (Swipe, Shake, etc.)

– Informationen geben zu:• Text gefunden / nicht

gefunden und übersetzt wird

– Zeittoleranz steigt wenn gleich der ganze Text übersetzt wird

– Querformat

Ausgangshypothese

Page 13: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Resultat

13

This is just totally awesome especially

for the blind. I am totally independent now for doing mail and small stuff

Best OCR app on the App Store. Having tried several OCR

apps, this one is the most accurate and by far the fastest

Great for scanning on the fly

I’ve shown many [blind] students how to use it, and they all walk away pretty impressed

App Store Review - 4 Stars

App Store Review - 5 Stars

App Store Review - 5 Stars

Rachel Feinberg, teacher of the blind and visually impaired

Klasse Ergebnisse! Für Blinde sehr zu empfehlen! App Store Review - 5 Stars

Page 14: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Methoden

14

Information Architecture

InterviewsMockups

UsabilityInterviews

ObservationenMockups, A/B Testing

User ExperienceStoryboarding / Mockups

Konkurenz- und ähnliche AppsSzenarien, A/B Testing

Page 15: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Was bedeutet das für UX - Design (1/2)

• Technisch ist eine barrierefreie UX kein Hexenwerk mehr

• Touchscreens sind kein Gegensatz mehr zum barrierefreien Design - eher im Gegenteil– Smartphones und Tablets bieten grosses Potential insbesondere für

Menschen mit Behinderung und die alternde Bevölkerung

• Standardkonventionen helfen bei einer intuitiven Benutzeroberfläche - müssen aber auch manchmal gebrochen werden.

15

Page 16: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Was bedeutet das für UX - Design (2/2)

• Kontextverständis ist entscheidend - d.h. Selbsttests, Beobachtungen, Interviews...

• Intensives Einbinden der Nutzergruppen in den Entwicklungsprozess

• non-visuelle UX wird durch sequenzielle Abläufe bestimmt, die die visuelle, synchrone UX positiv beeinflussen.

16

Page 17: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Hypothese

17

Barrierefreies UX Design als Innovationstreiber für alternative, non-visuelle

Interaktionsmethoden, wie Haptik, Audio, Sprache, Gestik

Page 18: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

In eigener Sache

Text DetektivBarrierefreies scannen von Text in

Dokumenten, Schildern oder Broschüren auf iOS Geräten - ideal für

den schnellen Infoüberblick

18

Preis: €8,99 Preis: €179,99

Smart MagnifierErkennen, Filtern und Vergrößern von Text

mit dem iPad - für ein einfaches Lupenerlebnis ohne Zusatzgeräte

Page 19: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

Kontakt

www.de.blindsight.com

Frank Wippich email: [email protected] twitter: @fwippich

19

Page 20: UxHH Talk - Der Weg zu barrierefreien Apps durch UX Design

20

Vielen Dank

Software to Help People Read!

Blindsight Europe GmbH Lerchenstraße 28a c/o betahaus 22767 Hamburg http://de.blindsight.com twitter: @blindsightDE [email protected]