Das Web für jedermann mit inklusivem Design und verschiedenen Personas zugänglich machen

Der Erfinder des World Wide Web selbst hat immer betont, wie wichtig es ist, ein für jedermann und jeden zugängliches Internet zu schaffen:

„Die Macht des Webs liegt in seiner Universalität. Der Zugang von allen, unabhängig von einer Behinderung, ist ein wesentlicher Aspekt “- Tim Berners Lee

In diesem Artikel wird daher untersucht, wie wir die Barrierefreiheit besser verstehen können und Menschen durch die Verwendung von „diversen Personen“ in unserem Designprozess, die uns dabei unterstützen, Produkte zu entwickeln, die den breiteren Markt mehr inklusiv machen. Wir werden sehen, wie sich die Barrierefreiheit zu jedem Zeitpunkt in ihrem Leben auswirken kann und wie Behinderungen tatsächlich sehr häufig sind. 

Zum Beispiel kann sogar eine Sportverletzung wie ein gebrochenes Handgelenk als Behinderung eingestuft werden, was Zugänglichkeitsprobleme mit sich bringt, da die Person jetzt Schwierigkeiten hat, eine Computermaus zu verwenden. 

Zunächst einmal, da die Zugänglichkeit oft mit verwechselt wird Benutzerfreundlichkeit, Beginnen wir mit dem Unterschied zwischen den beiden.

Zugänglichkeit vs. Usability

Kurz gesagt: „Zugänglichkeit“ stellt sicher, dass Menschen mit Behinderungen über ein System auf dieselben Informationen zugreifen können wie alle anderen und auch die gleichen Vorteile haben. Während „Usability“ ein Qualitätsmerkmal ist, das misst, wie einfach eine Benutzeroberfläche (UI) zu verwenden ist.

Der Unterschied hier ist wichtig, denn wenn eine Website nicht zugänglich ist, kann keine Nutzbarkeit vorhanden sein, da keine Benutzererfahrung möglich ist. Wie DigitalGov es formuliert:

„Benutzerfreundlichkeit hängt von der Zugänglichkeit ab“ - DigitalGov

Dies unterstreicht, dass eine gute Zugänglichkeit eine solide Grundlage für eine gute Benutzerfreundlichkeit und ein besseres Produkt für alle sein kann. Das W3C (World Wide Web Consortium) bietet eine umfassendere Definition der Barrierefreiheit im Web:

"Barrierefreiheit bedeutet für das Internet, dass Menschen mit Behinderungen Websites und Tools wahrnehmen, verstehen, navigieren und mit ihnen interagieren können, und dass sie gleichermaßen ohne Barrieren beitragen können." - Das W3C

Barrierefreiheit kann sich auf jeden auswirken

Es ist wichtig anzumerken, dass eine „Behinderung“ in der obigen Definition von The W3C nicht nur auf blinde Menschen beschränkt ist, die Bildschirmleser verwenden, da viele von uns schnell zu ihnen springen können. Tatsächlich umfassen Behinderungen auch eine Vielzahl von Beeinträchtigungen.

Tatsächlich gibt Adobe an, dass fast 20% der US-amerikanischen Bevölkerung eine Behinderung haben, und fast 75% der Menschen über 80 Jahre alt sind. Das breitere Konzept, was als Behinderung eingestuft werden kann, bedeutet, dass die Zugänglichkeit nahezu jeden betreffen kann, wie folgende allgemeine Behinderungen zeigen:

Häufige Behinderungen

  • Eine Sehbehinderung kann auch Farbenblindheit oder eingeschränkte Sicht sein - etwas, das mit zunehmendem Alter leicht passieren kann.
  • Behindertenkategorien (laut Adobe) umfassen auch vorübergehende Behinderungen, wie z. B. ein gebrochenes Handgelenk, das die Verwendung einer Maus erschwert.
  • Paul Boag fügt hinzu, dass wir alle zu einem bestimmten Zeitpunkt in unserem Leben an Behinderungen leiden können, und zwar aufgrund von Ereignissen, die oft unvermeidlich sind, wie Sportverletzungen, geringfügige Operationen oder Alltagsunfälle.

All dies unterstreicht, wie wichtig es ist, die Zugänglichkeit in den Entwurfsprozess einzubeziehen, da wir damit Produkte schaffen können, die für eine vielfältigere Gruppe von Menschen geeignet sind. Ein bemerkenswerter Ansatz für die Einbindung der Zugänglichkeit in den Entwurfsprozess ist das „inklusive Design“ (auch als „Universal Design“ oder „Design für alle“ bezeichnet). Lassen Sie uns nun untersuchen, wie inklusives Design nützlich ist und wie es angewendet werden kann.

Einführung inklusives Design

Wenn ein Produkt von einem Mainstream-Publikum (z. B. im Internet) abgerufen werden soll, stellt ein inklusiver Design-Ansatz sicher, dass die Bedürfnisse der meisten Verbraucher bei der Erstellung eines Produkts oder einer Dienstleistung erfüllt werden.

Wie vom W3C umrissen, gilt inklusives Design für „alle Menschen unabhängig von ihren Fähigkeiten, Alter, wirtschaftlicher Situation, Bildung, geografischem Standort, Sprache usw.“. Durch die Berücksichtigung der Bedürfnisse eines möglichst breiten Publikums überschneidet sich das inklusive Design mit dem Webzugang. sicherstellen, dass Produkte für alle zugänglich sind.

Benutzererfahrung für alle verbessern

Ein großer Vorteil des inklusiven Designs ist, dass es nicht nur die Benutzerfreundlichkeit eines Produkts für Menschen mit Behinderungen verbessert, sondern auch für alle anderen. Beispielsweise ist eine zugängliche Website wahrscheinlich einfacher für jeder zu lesen, nicht nur jemand, der sehbehindert ist.

Das W3C unterstreicht dies, wenn er das sagt 

Überschneidungen der Zugänglichkeit mit anderen Best Practices wie mobiles Webdesign, Geräteunabhängigkeit, multimodale Interaktion, Benutzerfreundlichkeit, Design für ältere Benutzer und Suchmaschinenoptimierung (SEO).”- Das W3C

Jetzt wissen wir, was ein inklusives Design ist, und wir können anhand von „diversen Personas“ prüfen, wie Inklusivität gestaltet werden kann..

Diverse Personas für Inclusive Design

Eine Persona ist eine verallgemeinerte Darstellung eines typischen Benutzers Ihres Produkts oder Ihrer Dienstleistung und basiert in der Regel auf Untersuchungen, die an realen Personen durchgeführt wurden, um mögliche Annahmen zu überprüfen.

Personas können sich während des gesamten Designprozesses mit der Entwicklung neuer Forschungsergebnisse präzise entwickeln. Sie können wichtig sein, um Konstruktionsentscheidungen zu überprüfen, Funktionen zu priorisieren und Ihr Team zu führen. Hier ist ein Beispiel:

Beispiel für eine Persona: Jerry Jones, Softwareentwickler

Wie im Beispiel zu sehen ist, kann eine Persona aus den folgenden Attributen bestehen, die zur Schaffung einer imaginären Person beitragen:

Allgemeine Persona-Attribute

  • Name: Wenn Sie Ihre Persona benennen, werden sie realer und Sie können sogar feststellen, dass Ihr Team über diesen Namen auf den Benutzer verweist.
  • MotivationenWarum sollte der Benutzer Ihr Produkt verwenden??
  • Tore: Was wollen sie erreichen und wie kann Ihr Produkt helfen??
  • Frustrationen: Welche Probleme hat Ihr Benutzer mit bestimmten Aufgaben??
  • Demografie: Alter, Geschlecht, Ort, Beruf.
  • Bild: dem Benutzer ein Gesicht zu geben, macht sie realer und verständlicher.
  • Zitat: Welches denkwürdige Zitat fasst Ihren Benutzer zusammen und das Problem, das Sie für ihn lösen möchten?

Je realistischer eine Persona ist, desto besser kann Ihr Produkt sein, weshalb es wichtig ist, das Produkt zu erstellen diverse Personas. Wie durchweg erklärt, sind Behinderungen recht häufig, sodass das Übersehen dieser Faktoren zu viel Frustration und Ausschluss von Benutzern führen kann, was wiederum den kommerziellen Erfolg eines Produkts beeinträchtigen kann (wie in The Inclusive Design Toolkit der University of Cambridge erläutert).

Verschiedene Personas

Verschiedene Personas können uns helfen zu verstehen, wie Menschen mit Behinderungen Produkte anders verwenden oder auf unterschiedliche Weise interagieren.

Das unten gezeigte Pyramidenmodell der Diversität kann helfen, die Bandbreite von Behinderungen zu bewerten, die für ein inklusives Design angemessen sind. Das Modell zeigt, wie Fähigkeiten innerhalb einer Bevölkerung variieren können, angefangen von Menschen ohne Schwierigkeiten bis hin zu schweren Schwierigkeiten.

Pyramidenmodell der Vielfalt (Bild: Inclusive Design Toolkit)

Während die Pyramide darauf abzielt, die weniger Befähigten mit einzubeziehen, ist es in der Annahme, dass dies schwierig sein kann, wenn diejenigen ganz oben in der Pyramide sozialistische Lösungen brauchen.

Persona vielfältig gestalten

Unter Bezugnahme auf das Persona-Beispiel eines Benutzers namens Jerry Jones wird deutlich, dass die Fähigkeit (oder Behinderung) des Benutzers nicht erwähnt wird. Um die Person vielfältiger zu gestalten, können wir das zusätzliche Attribut „Fähigkeit“ hinzufügen. Unabhängig davon, ob Jerry eine Behinderung hat oder nicht, dieses Fähigkeitsattribut kann uns dabei helfen, über die Inklusivität nachzudenken, wenn Personas für verschiedene Benutzer erstellt werden. Neben der Fähigkeit können die folgenden Attribute hinzugefügt werden, um die Vielfalt der Personas zu erhöhen:

Attribute für verschiedene Personas

  • Fähigkeit: die Fähigkeit des Benutzers, haben sie irgendwelche Beeinträchtigungen?
  • Eignung: Wie erfahren ist der Benutzer mit dem Web? Verursachen ihre Fähigkeiten bestimmte Schwierigkeiten bei der Verwendung eines Computers??
  • Haltung: Wie ist ihre Einstellung zum Leben oder zum Web?
  • Zugangspunkte: Benötigt dieser Benutzer unterstützende Technologien, um auf das Web zuzugreifen?

Wenn Sie die Beispielpersona von Jerry mit diesen Attributen ändern, führt dies zu den folgenden Zeilen (siehe die zusätzlichen Attribute rechts):

Persona für Vielfalt verändert

Durch die Berücksichtigung dieser zusätzlichen Attribute in der Persona können wir sehen, dass Jerry unter Augenbelastung leidet und auf Tastatureingaben angewiesen ist, im Gegensatz zur Verwendung der Maus. Auf diese Weise können bestimmte Designentscheidungen in Bezug auf die Eingabe getroffen werden, wodurch das Endprodukt für ein breiteres Publikum zugänglich ist. 

Lassen Sie uns nun ein bisschen tiefer gehen und die Art der Fähigkeiten bestimmen, nach denen Sie suchen, wenn Sie verschiedene Personas erstellen.  

Beginnen Sie mit der Fähigkeit

Wenn wir die Fähigkeit des Benutzers hinzufügen, verschiedene Personen in Bezug auf die Barrierefreiheit im Web zu erstellen, können wir zunächst die von W3C beschriebenen Beeinträchtigungskategorien betrachten:

  • Auditory
  • Kognitiv
  • Neurologisch
  • Physisch
  • Rede
  • Visuell

Nachdem die Fähigkeit definiert wurde, kann sie uns oft helfen, die anderen oben aufgeführten Attribute zu verstehen. Wenn der Benutzer beispielsweise eine Beeinträchtigung der oberen Gliedmaßen hat, kann er möglicherweise die Mauseingabe nicht verwenden und ist besser geeignet, ein anderes Eingabegerät wie die Tastatur zu verwenden.

Betrachten Sie das Niveau der Behinderung

Das Ausmaß der Behinderung kann von leicht bis schwer reichen und kann die Schwierigkeiten des Benutzers bei der Verwendung eines Produkts oder einer Dienstleistung bestimmen. Hier einige Beispiele für die verschiedenen Behinderungen, die für einige der oben aufgeführten Kategorien von Behinderungen möglich sind:

  • Hörbehinderungen kann von einem Ohr bis zu beiden Ohren reichen und von „Schwerhörigen“ bis „Taubheit“.
  • Körperliche Behinderungen kann eine Einschränkung der Muskelkontrolle (z. B. unwillkürliche Bewegung), Gelenkprobleme (Bewegungseinschränkung) oder fehlende Gliedmaßen einschließen.
  • Kognitive Behinderungen kann beeinflussen, wie gut Menschen Informationen verstehen. Sie betreffen jede Störung des Nervensystems und beeinflussen, wie gut Menschen Informationen hören, bewegen, sehen, sprechen und verstehen können.

Die durch die Behinderung geschaffenen Barrieren verstehen

Jede Behinderung kann unterschiedliche Barrieren und Aspekte mit sich bringen, die bei der Gestaltung von Inklusivität berücksichtigt werden müssen.

  • Hörbarrieren kann alle Arten von Audio-Inhalten einschließen, dh Videos, die den Ton sehr gut nutzen, werden für den Benutzer nicht zugänglich.
  • Physische Barrieren Dazu gehören möglicherweise Websites, die keine vollständige Tastaturunterstützung bieten, oder unvorhersehbare Navigationssysteme.
  • Kognitive Barrieren Es kann Seitenlayouts enthalten, die schwer zu folgen sind, oder große Textmengen mit wenigen nützlichen Bildern, um das Verständnis zu erleichtern.

Eine vollständige Liste der Behinderungen und Barrieren finden Sie im W3-Handbuch zu Diversity für Webbenutzer.

Beachten Sie assistive Technologien und Verbesserungen

Wenn Menschen aufgrund ihres Leistungsniveaus mit Barrieren konfrontiert sind, gibt es viele einfache und dennoch einfache Verbesserungen, die ein Produkt zugänglich machen können.

Zu den Verbesserungen, die zum Schließen auditorischer Barrieren verwendet werden, gehören beispielsweise das Hinzufügen von Untertiteln zu Videos oder das Verwenden von Abschriften, die gelesen werden können, statt sie anzuhören.

Wie bereits erwähnt, helfen solche Verbesserungen nicht nur für Hörgeschädigte, sondern verbessern häufig die Benutzererfahrung für alle, wie in diesem Artikel von Hubspot unter dem Titel "Warum Ihre Facebook-Videos für Silence optimiert werden müssen".

Sie argumentieren, dass es Situationen gibt, in denen Menschen (unabhängig von ihrem Leistungsniveau) keine Videos mit eingeschaltetem Ton ansehen, wie in öffentlichen Räumen. In diesen Situationen machen Untertitel die durch den Ton übertragenen Informationen für die Augen zugänglich. Tatsächlich haben wir heute begonnen, dies in vielen Videos zu sehen, wie im folgenden Bild gezeigt:

Ein Video mit Untertiteln zur Überwindung auditorischer Barrieren (@foodvideos)

Beispiele für verschiedene Personas

Es gibt viele großartige Beispiele für verschiedene Personen im Web, die viele der Ideen in diesem Artikel in die Praxis umsetzen. Nachfolgend finden Sie einige gute Beispiele, die Sie beim Erstellen Ihrer eigenen Personas verwenden können:

Barclays Verschiedene Personas

Barclays haben eine ganze Reihe von Personas zusammengestellt, darunter eine Vielzahl von Behinderungen wie bipolare, Zerebralparese, Legasthenie und andere Beeinträchtigungen. Jede Person enthält auch eine ausführliche Bio- und Lebensstilbeschreibung, die zum Verständnis der Behinderungen hilfreich ist.

Barclays Verschiedene Personas

Ein Web für alle

Das Buch "Ein Web für alle" Entwerfen barrierefreier Benutzererlebnisse "umfasst eine Reihe von hervorragenden, vielfältigen Personas, von denen einige nachfolgend aufgeführt sind:

Trevor: Eine Schülerin mit AutismusEmily: Zerebralparese, unabhängig lebenJacob: Eine blinde Paralegal in einer Anwaltskanzlei

Die vollständige Sammlung mit ausführlichen Beschreibungen ist in der Vorschau des UX Mag zu sehen.

Nächste Schritte

Um Personas konkreter zu machen, ist es nützlich, „Benutzerszenarien“ zu erstellen, in denen Geschichten erstellt werden können, um einen typischen Tag für Ihren Benutzer zu erkunden. Auf diese Weise können Sie mehr Schmerzpunkte identifizieren, die in Ihrem Produkt gelöst werden können. Viel Glück beim Erstellen deiner eigenen abwechslungsreichen Personas!

Lesen Sie weiter

  • Beenden Sie das Platzieren von Benutzer-Personas in Ihrer Schreibtischschublade

    Personas haben wir aus der Werbebranche geholt. Leider passen sie zu oft nicht in den Webdesign-Prozess. Jetzt ist es Zeit zu ändern…
    Paul Boag
    UX
  • Neuer Kurs: Ein Leitfaden für Anfänger zur Barrierefreiheit im Web

    In unserem neuen Kurs, einem Anfängerleitfaden für die Zugänglichkeit des Web, werden die verschiedenen Behinderungen identifiziert, die berücksichtigt werden müssen, und die Vorteile für alle Benutzer, wenn…
    Andrew Blackman
    Web-Zugänglichkeit