UI/UX-Design für Benutzer mit Legasthenie

Derzeit arbeiten Unternehmen aller Größenordnungen daran, ihre Inklusion zu verbessern. Diese lobenswerte Initiative ermöglicht es Menschen, die Vorteile der Waren und Dienstleistungen unabhängig von ihren gesundheitlichen Einschränkungen zu nutzen.

Digitale Dienste versuchen ebenfalls, Inklusivität zu fördern, wobei die Web- und Mobilentwicklungsbranche dieses Rennen anführt. Instagram hat kürzlich ein Update seiner App mit zwei Barrierefreiheitsfunktionen, automatischem Alternativtext und benutzerdefiniertem Alternativtext, veröffentlicht.

Diese Funktionen ermöglichen es sehbehinderten Benutzern, die App optimal zu nutzen.

Derzeit lernt die Branche noch, inklusive UX/UI-Designs zu erstellen, die für verschiedene Personen gleichermaßen benutzerfreundlich sind. In diesem Text finden Sie Informationen zum UI/UX-Design für Benutzer mit Legasthenie.

Wenn Sie sich fragen, warum das wichtig ist, hier ist eine Tatsache: Das Yale Center for Dyslexia & Creativity kam aufgrund seiner Studien zu dem Schluss, dass bis zu zwanzig Prozent der Weltbevölkerung in gewissem Maße an Legasthenie leiden könnten. Das heißt, zwei von zehn Benutzern Ihrer App oder Website können bei der Verwendung möglicherweise keine anständige Benutzererfahrung erzielen.

Bewusstsein für Legasthenie

Legasthenie ist eine Erkrankung, die bei Kindern und Erwachsenen aller Altersgruppen, Ethnien, sozialen Status und Intelligenzstufen Schwierigkeiten beim Schreiben, Rechtschreiben und Lesen verursacht. Legasthenie ist eine häufige neurologische Lernschwäche, die nicht vollständig heilbar ist. Es ist nicht ansteckend und nicht vererbbar. Dieser Zustand hat nichts mit Faulheit und Lernunlust zu tun. Obwohl diese sprachbasierte Lernbehinderung nicht heilbar ist, hindert sie Menschen mit dieser Erkrankung nicht automatisch daran, akademisch, beruflich und persönlich erfolgreich zu sein. Mit der richtigen Intervention und technologischer Unterstützung können Legastheniker wie alle anderen ein erfolgreiches Leben führen.

Einige der berühmten und erfolgreichen Menschen haben Legasthenie. Bei Albert Einstein, Richard Branson, Tom Cruise, Jim Carrey, Walt Disney und Whoopi Goldberg wurde Legasthenie diagnostiziert. Diese Bedingung hat John F. Kennedy, George Washington und George W. Bush nicht daran gehindert, Präsidenten der USA zu werden. Wenn sie nicht diagnostiziert und angemessen behandelt wird, kann Legasthenie zu schulischen Minderleistungen, viel Angst, Frustration und geringem Selbstwertgefühl führen.

Es gibt auch rechtliche Aspekte, das Web für jedermann zugänglich zu machen. Sie können sich die WAI Web Accessibility Policy Resources ansehen, um Artikel zu rechtlichen Richtlinien in Bezug auf Barrierefreiheit anzuzeigen.

Design für Legasthenie

Die moderne Bildung ist stark digitalisiert. Nicht selten lernen Kinder die Grundlagen des Lesens und Schreibens von ihren iPads aus. Sie sind jedoch nicht die einzige Gruppe, die barrierefreie Lösungen benötigt. Verschiedene Menschen auf der ganzen Welt brauchen zugängliche Web- und mobile Tools, die sie unabhängig von ihren Einschränkungen nutzen und von denen sie profitieren können.

Es gibt bereits einige recht erfolgreiche digitale Bildungslösungen für Legastheniker. Darunter sind Apps wie Leo, Teen and Adults Phonics Library, Knoword, Reading Machine und Draw Something. Sehen Sie sich diese an, um sich bei der Arbeit am legasthenikerfreundlichen Design Ihres Produkts inspirieren zu lassen.

Das Entwerfen von UX und UI für Legasthenie kann schwieriger sein als das Erstellen einer normalen Web- oder mobilen App. In diesem Fall muss ein Designer mehr tun, als nur den Best Practices der Branche zu folgen. Um eine Legastheniker-freundliche UX/UI zu entwerfen, muss man mit den jüngsten Entwicklungen in diesem Sektor Schritt halten und den Richtlinien folgen, die sich bereits als erfolgreich erwiesen haben. Wenn Sie Ihre Website oder App für Legastheniker benutzerfreundlich gestalten, arbeiten Sie am besten mit Designern zusammen, die über einschlägige Erfolgserfahrung verfügen und Ihnen ihre Portfolios oder Fallstudien zeigen können.

Wenn Sie Ihr Produkt einer bestimmten Gruppe von Personen zugänglich machen, reicht es nicht aus, die Best Practices für den jeweiligen Fall zu befolgen. Sie sollten die Zielgruppe das Produkt immer testen lassen, um zu sehen, wie sie damit interagiert. Selbst nach einem gründlichen Qualitätssicherungstest kann es ein Problem geben, das nur ein Legastheniker bemerken kann. Ganz gleich, welches digitale Produkt Sie entwerfen, Sie müssen die Benutzer ständig im Auge behalten. Eine Lösung, die Ihnen am besten erscheint, kann für Personen, die sie tatsächlich verwenden, verwirrend und ungünstig sein.

Best Practices für die Gestaltung von UX/UI für Legastheniker

Eine zugängliche UX/UI, benutzerfreundlich für Legastheniker, kann wie folgt entwickelt werden:

• Hoher Kontrast und Legasthenie passen nicht gut zusammen. Menschen mit Legasthenie fällt es oft schwer, Texte auf kontrastreichen Bildschirmen zu lesen. Aus ihrer Sicht sieht es so aus, als würden die Buchstaben, Wörter und Linien „herumtanzen”, ihren Platz wechseln und dem Leser das Leben schwer machen. Um es den Nutzern zu erleichtern, entscheiden Sie sich für pastellige statt kontrastreiche Hintergründe Farben. Wählen Sie dunkelgrauen Text anstelle von schwarzem, wenn Sie mit einem weißen Hintergrund arbeiten. Dies beeinträchtigt die Klarheit und Lesbarkeit für normale Benutzer nicht, verbessert sie jedoch erheblich für Legastheniker.

• Seien Sie vorsichtig mit Schriftarten. Schriftarten, die für Legasthenie geeignet sind, haben einen erhöhten Zeilenabstand und ausgeprägte typografische Elemente für Buchstaben, die für sie normalerweise verwirrend sind. Es gibt auf Legastheniker zugeschnittene Schriftarten wie Dyslexie oder Open Dyslexic. Eine oft belächelte Comic Sans-Schrift funktioniert auch für dieses Publikum überraschend gut. Der Grund dafür ist ganz einfach – die Buchstaben in dieser Schriftart haben große Zwischenräume und einzigartige typografische Elemente, die den Benutzern helfen, ähnliche Buchstaben leichter zu unterscheiden. Wenn Ihre Schriftartenauswahl auf normale Optionen beschränkt ist, entscheiden Sie sich für Arial, Century Gothic, Tahoma, Trebuchet oder Verdana.

• Halten Sie den Text kurz. Dieser Hinweis betrifft insbesondere Textzeilen und Bildschirme im Allgemeinen. Studien legen nahe, dass eine Zeile auf einem Bildschirm zum besseren Verständnis nicht länger als 45 Zeichen sein sollte. Außerdem wird davon abgeraten, Schriftarten kleiner als 12 bis 14 Punkt zu wählen.

• Überladen Sie den Textstil nicht. Obwohl Buchstaben dazu neigen, in den Augen von Legasthenikern zu tanzen, wird es die Sache nicht besser machen, sie in ausgefallene Kursivschrift und Unterstreichung zu kleiden. Um die wichtigsten Punkte des Textes für Legastheniker deutlich zu machen, verwenden Sie Fettdruck. Sie können wichtige Textblöcke auch mit Rahmen und Kleinbuchstaben in größeren Schriftarten hervorheben.

• Integrieren Sie Lesbarkeitstools. Geben Sie Ihren Benutzern mehr Möglichkeiten, die Texte in Ihrem Produkt zu verstehen, indem Sie Lesbarkeitstools aktivieren. Legastheniker und sehbehinderte Benutzer werden von einer Text-zu-Audio-Funktion stark profitieren. Sie können diese Funktion auf zwei Arten implementieren: Verwenden Sie ein automatisiertes Tool eines Drittanbieters oder fügen Sie Audioclips von jemandem hinzu, der die Textbereiche für das Produkt liest.

• Split-Funktionalität. Wenn zu viele Funktionen auf einem Bildschirm vorhanden sind, versuchen Sie entweder die Anzahl der Funktionen zu verringern oder den Bildschirm in zwei Teile zu teilen. Es ist besser, mehrere extra klare App-Bildschirme zu haben als mehrere überladene, die den Benutzern Schwierigkeiten bereiten können, sich daran zu gewöhnen.

• Flexibilität priorisieren. Wenn Sie für Benutzer mit Legasthenie entwerfen, sollten Sie es zu Ihrer Priorität machen, ein flexibles Produkt zu entwickeln. Es würde nicht schaden, mehrere Pfade zu bauen, um für Ihre Benutzer zum selben Ziel zu gelangen. Vermeiden Sie blinde Ecken, die Ihre Benutzer dazu bringen, lange komplexe Schritte zu wiederholen und Textzeilen immer wieder einzugeben. Kein einziger Benutzer würde dies gerne tun.

• Anpassung zulassen. Ein Designer kann die bestmögliche Kombination aus Farben, Kontrasten, Schriftarten und Stilen auswählen. Für einige der Benutzer Ihres digitalen Produkts können die vorgegebenen Entscheidungen jedoch immer noch ungünstig sein. Es würde nicht schaden, ein angemessenes Maß an Designanpassungen zuzulassen. Lassen Sie die Benutzer Schriftarten, Textvergrößerung, Text- und Hintergrundfarben auswählen.

• Stärken Sie Text mit Grafiken. Verwenden Sie nach Möglichkeit Symbole, um den Text zu unterstützen, oder verwenden Sie sie zum besseren Verständnis anstelle von Text. Bilder und Videos sollen Texte unterstützen und die Gestaltung übersichtlicher und zugänglicher machen. Begleiten Sie Videos mit Untertiteln für sehbehinderte Benutzer.

• Verwenden Sie automatisches Ausfüllen, Erinnerungen und Tipps. Lassen Sie Ihre App-Benutzer sich nicht an alles erinnern, was sie jemals in Ihrer App eingegeben und gesucht haben. Das Aktivieren eines Google-ähnlichen Suchfelds mit Vorschlägen aus dem Verlauf eines Benutzers ist sehr hilfreich. Geben Sie Ihren Benutzern nach Möglichkeit Tipps.

• Autokorrektur einbauen. Es ist ärgerlich, wenn eine App Sie nicht versteht, nur weil Sie einen Buchstaben falsch geschrieben haben. Dienste wie Pinterest erraten, was der Nutzer meint, und geben ihm Optionen zur Auswahl. Eine solche Funktion kann für legasthenische Benutzer wertvoll sein. Es wird auch für das jüngere Publikum und Nicht-Muttersprachler nützlich sein.

• Einfacher ist besser. Überladen Sie Ihr Design nicht mit unnötigen Elementen, die Ihre Benutzer potenziell ablenken und verwirren können. UX/UI-Design für Legasthenie sollte die kognitive Belastung für den Benutzer verringern. Es sollte so klar und ablenkungsfrei wie möglich sein.

Schlechte Praktiken für Legasthenie-Design

Es gibt einige UX/UI-Praktiken, die Entwicklern und normalen Benutzern logisch und nützlich erscheinen, für Legastheniker jedoch etwas ungünstig sind. Hier ist ein kurzer Überblick über schlechte Praktiken, die Sie vermeiden sollten:

• Große Blöcke mit schwerem Text. Obwohl sie eine gute Option zu sein scheinen, um so viel Text wie möglich auf einen Bildschirm zu quetschen, sind sie in Bezug auf Lesbarkeit und Benutzerfreundlichkeit immer eine schlechte Wahl.

• Überwältigende Bildschirme. Drücken Sie nicht alles auf einen Bildschirm. Gemäß den jüngsten Entwicklungs- und Designtendenzen für mobile und Web-Apps ist Minimalismus das neue Schwarz. Werfen Sie einen Blick auf die Instagram-Profilseite. Sie sehen nicht alle App-Funktionen darauf. Es gibt keine Ablenkungen und visuelles Rauschen.

• Doppelter Zeilenabstand am Ende des Satzes. Einige mögen denken, dass doppelte Leerzeichen am Ende der Sätze den Text klarer machen. Dies gilt jedoch nicht für Benutzer mit Legasthenie. Durch doppelten Zeilenabstand wird der Text in den Augen eines Legasthenikers verschwommen wie ein Fluss.

• Verwendung von vagen Schaltflächen. Wenn auf einer Schaltfläche „Klicken Sie hier” steht, ist ihre Bedeutung für den App-Entwickler und -Ersteller klar, für legasthenische Benutzer jedoch möglicherweise nicht so offensichtlich. Machen Sie die Befehle auf den Schaltflächen so einfach und eindeutig wie möglich.

• Alle Informationen auf einer Seite. Obwohl es logisch sein mag, alle Informationen über eine Sache an einem Ort zusammenzufassen, ist dies keine gute Idee für Legastheniker. Geben Sie Ihren Benutzern die Möglichkeit, über mehrere verschiedene Pfade auf dieselben Daten zuzugreifen.

Abschließende Gedanken

Das Internet entwickelte sich zu einer für jedermann zugänglichen Technologie. Entwickler und Designer sollten die digitale Technologie für alle Arten von Benutzern diskriminierungsfrei halten, egal wie fortschrittlich und komplex sie werden.

Die Entwicklung der Smartphone-Technologie veranlasste Millionen von Menschen, auf Mobilgeräte als primäre Quelle für Online-Kommunikation, -Interaktion und -Unterhaltung umzusteigen. Das Erstellen von Web- und Mobil-Apps unter Berücksichtigung der Barrierefreiheit sollte für Entwickler und Designer selbstverständlich sein.

Das Thema Barrierefreiheit für Legastheniker wird seit einiger Zeit untersucht, und es gibt bereits einige bewährte Verfahren, die Sie für Ihr Projekt verwenden können. Es ist nicht überwältigend komplex, Ihr digitales Produktdesign für Benutzer mit Legasthenie zugänglich zu machen. Die Zugänglichkeit beeinträchtigt nicht die Eleganz und Eleganz Ihres Produkts. Als Bonus wird es nachdrücklicher und menschlicher. Schließlich sollen Informationen für alle zugänglich sein, da sie ein untrennbarer Bestandteil unseres Lebens sind.

Ressourcen für die Arbeit mit Legasthenie:

Nachfolgend finden Sie eine Liste relevanter aktueller Ressourcen, die Ihnen helfen können, bessere UX/UI-Designs für Benutzer mit Legasthenie zu erstellen:

1. 20 Design-Ressourcen zur Erleichterung des Lernens bei Kindern mit Legasthenie
2. British Dyslexia Association: Legasthenie-Stilleitfaden
3. UX Planet: Design für Legasthenie
4. Dyslexia International i (gemeinnützige Informationsquelle)
5. Das Helen Arkell Dyslexia Center (Wohltätigkeits- und Informationsquelle)
6. Internationale Dyslexie-Vereinigung
7. Usabilla: Wie man für Legasthenie designt