Was ist inklusives Webdesign?

Website-Usability ist ein weit gefasster Begriff, der die Benutzerfreundlichkeit und Interaktion mit einer Website beschreibt. Eine wichtige Sache, die Sie bei der Gestaltung einer benutzerfreundlichen Website beachten sollten, ist jedoch, dass nicht jeder auf die gleiche Weise oder unter den gleichen Umständen mit einer Website interagiert.

Wenn Sie eine Website für den „durchschnittlichen“ oder „idealen“ Benutzer entwerfen, könnten Sie realistischerweise am Ende eine unangenehme, schwierige oder unmöglich zu verwendende Benutzeroberfläche für andere erstellen.

Richtlinien des World Wide Web Consortium sowie lokaler Regierungen haben Designern geholfen, die Lücken in Bezug auf Benutzerfreundlichkeit und Zugänglichkeit zu schließen. Das macht eine Website jedoch nicht unbedingt vollständig inklusiv.

Im folgenden Beitrag werden wir untersuchen, was inklusives Design bedeutet, welchen Wert es im Webdesign hat und was Sie bei der Gestaltung inklusiver Schnittstellen und Interaktionen beachten müssen.

Erfahren Sie, wie Sie für Barrierefreiheit im Web entwerfen

Was ist inklusives Design?

Inklusives Webdesign beseitigt Vorurteile und Annahmen von einer Website, sodass sich Benutzer nicht aufgrund einer Beeinträchtigung, demografischen Entwicklung oder anderer vorübergehender oder dauerhafter Umstände ausgeschlossen fühlen.

Sowohl barrierefreies Webdesign als auch UX-Design sind entscheidende Bestandteile einer inklusiven Website. Barrierefreies Design ist der Prozess der Beseitigung von Zugangsbarrieren für Menschen mit Behinderungen und anderen Beeinträchtigungen. UX-Design ist ein datengesteuerter Designansatz, der testet und validiert, wie echte Benutzer mit einer Website interagieren.

Aus diesem Grund gibt es beim inklusiven Design viel zu beachten, da es nicht unbedingt die Beeinträchtigung eines Benutzers ist, die ihn daran hindern kann, eine Website vollständig zu nutzen oder mit ihr zufrieden zu sein. Webdesigner können auch auf Probleme stoßen, wenn sie Erfahrungen für eine exklusive Gruppe von Benutzern erstellen.

Daher müssen Webdesigner die folgenden Faktoren berücksichtigen:

• Körperliche Beeinträchtigungen in Bezug auf Sehen, Hören oder Geschicklichkeit
• Geistige Beeinträchtigungen, die die Wahrnehmung oder Sprache beeinträchtigen
• Situative Einschränkungen, die den Benutzer daran hindern, sich vollständig mit dem Produkt zu beschäftigen
• Technische Einschränkungen wie Hardware, Internetverbindung und Computerkenntnisse
• Sprachliche und geografische Barrieren
• Demografische Unterschiede wie Alter, Rasse und Geschlecht
• Sozioökonomische Unterschiede

Fazit: Inklusives Design bedeutet letztendlich universelles Design.

Webdesignern steht eine Vielzahl von Werkzeugen zur Verfügung, um den Aspekt der Barrierefreiheit von inklusivem Design anzugehen. Beispielsweise können WordPress-Barrierefreiheitstools, Web-Barrierefreiheitsprüfer, WAI-ARIA-Richtlinien und mehr barrierefreies Design und Implementierung erleichtern.

Inklusives Design erfordert jedoch ein besseres Verständnis der Einschränkungen, denen Benutzer im Web ausgesetzt sein können. Es gibt kein Tool, das Ihre Website scannt und bestätigt, dass Sie ein möglichst vielfältiges und gerechtes Erlebnis geschaffen haben. Es ist etwas, das Sie lernen müssen, wie Sie es selbst implementieren und überprüfen können.

Warum inklusives Webdesign wichtig ist

Es gibt eine Reihe von Gründen, warum Webdesigner Zugänglichkeit und Inklusivität zu einem Bestandteil jeder von ihnen erstellten Website machen müssen. Schauen wir uns zuerst an, wie eine nicht-inklusive Website allen schadet:

Die Kehrseite der Nicht-Inklusivität

Im Jahr 2021 veröffentlichte WebAIM die Ergebnisse seiner Screen Reader User Survey #9. 7,7 % der Befragten gaben an, dass sie einen Screenreader verwenden müssen, wenn sie online sind.

Auf die Frage, wie sie heute über den Stand der Internetzugänglichkeit denken, gaben nur 39,3 % an, dass es besser zugänglich sei als in den Vorjahren. 42,3 % waren der Meinung, dass sich nichts geändert habe, während 18,5 % sagten, es sei schlimmer.

Laut Mike Gifford von CivicActions könnten mehr als 7,7 % der Bevölkerung Unzugänglichkeit erleben und diese Gefühle teilen:

„Die Kombination von Behinderungen und Methoden, mit denen Menschen Barrieren überwinden, ist sehr vielfältig. Aus ethischer Sicht muss dem Bauen für unsere am wenigsten begünstigten Nutzer höchste Priorität eingeräumt werden. Leider schließen wir mit unserem ständigen Streben nach Neuem und Auffälligem regelmäßig 10-20 % unserer Mitbürger aus.“

Laut der American Bar Association wurden zwischen 2017 und 2020 8.000 Klagen von Amerikanern mit Behinderungen nach Titel III bei Bundesgerichten eingereicht. Diese Zahl stieg laut Accessibility.com allein im Jahr 2021 um 14,3 % auf 2.352 Klagen.

Es gibt andere, die sich vielleicht von einer Website ausgeschlossen fühlen, aber keinen Rechtsweg haben. Das World Data Lab sagt zum Beispiel, dass es 1,1 Milliarden internetarme Menschen gibt. In einigen Fällen bedeutet dies, dass sie sich mobile Datentarife nicht leisten können. In anderen Fällen können sie, aber sie erhalten nicht genügend Daten, um sie zu verwenden, sodass sie es sich nicht leisten können, Zeit auf ressourcenintensiven Websites zu verbringen.

Auch die ältere Bevölkerung ist zu berücksichtigen. Das Pew Research Center stellte fest, dass die Zahl der Senioren, die das Internet nutzen, in den letzten Jahren zugenommen hat. TechCrunch berichtet jedoch, dass etwa 50 % der älteren Erwachsenen jemanden brauchen, der ihnen hilft, neue digitale Technologien einzurichten und zu nutzen. Außerdem sind in der Stadt San Francisco – ausgerechnet direkt neben dem Silicon Valley – 40 % der Senioren digitale Analphabeten.

Auch wenn Ihre Website nicht Gegenstand von Gerichtsverfahren ist, sollten Sie bedenken, was der Verlust von 20 % oder mehr Ihrer Besucher aufgrund eines nicht integrativen Designs für die langfristige Lebensfähigkeit einer Marke bedeutet. Das ist ein riesiges Segment des Publikums, das einfach weg ist, weil die Website nicht einladend oder benutzerfreundlich ist.

Die Kehrseite der Inklusivität

Wenn Sie eine Website so gestalten, dass sie inklusiv ist, gestalten Sie sie so, dass sich jeder, der möchte, voll und ganz damit beschäftigen kann und sich nicht ausgeschlossen fühlt. Alle gewinnen, wenn das Internet zum inklusiven Ort wird:

Inklusives Webdesign führt zu besserem Produktdesign.

Von Websites bis hin zu mobilen Apps und allem dazwischen zwingt inklusives Design Designer dazu, zu den Grundlagen von gutem, nutzbarem und empathischem Design zurückzukehren.

Marken erreichen ein größeres Publikum.

Eine Marke, die ein allgemein positives Erlebnis für alle und nicht nur den idealen Benutzer priorisiert, wird eine loyalere Basis von Benutzern anziehen, die auch Wert auf Inklusivität und Gerechtigkeit legen.

Benutzer fühlen sich besser, wenn sie mit inklusiven Websites interagieren.

Die Menschen verbringen so viel Zeit vor Bildschirmen, dass Probleme wie das Karpaltunnelsyndrom, das Computer-Vision-Syndrom und die Störung der Internetsucht heutzutage allzu häufig sind. Inklusives, ethisches Design kann den Benutzern helfen, sich sowohl körperlich als auch geistig besser zu fühlen.

Inklusives Webdesign hilft Websites, in den Suchergebnissen besser zu ranken.

Google hat seinen Suchalgorithmus vor ein paar Jahren aktualisiert und vier Faktoren genannt, die für die Schaffung des besten On-Page-Erlebnisses unerlässlich sind: Leistung (Geschwindigkeit), Zugänglichkeit, Best Practices (Design und Code) und SEO (z. B. Alt-Text). Inklusives Design trägt zu all diesen bei.

So erstellen Sie inklusive Webdesign-Personas

Oft werden sich Designer zu Beginn von Website-Projekten fiktive Personas einfallen lassen. Dies hilft ihnen, den Endbenutzer, für den sie die Website erstellen, zu visualisieren und sich auf ihn zu beziehen. Es hilft ihnen auch zu verstehen, wie dieser bestimmte Benutzer mit der Website interagieren würde.

Wenn Sie Inklusivität in Ihren Webdesign-Prozess einbeziehen, müssen Ihre Benutzer-Persona-Beschreibungen etwas angepasst werden. Typische Benutzerpersönlichkeiten gliedern sich wie folgt:

• Name
• Demografische Daten (z. B. Alter, Geschlecht, Beruf usw.)
• Persönlichkeit
• Stimme
• Ziele
• Motivationen
• Frustrationen
• Ängste

Inklusive Benutzerpersönlichkeiten müssen außerdem Folgendes enthalten:

Fähigkeit: Dies ist die Zugänglichkeitskomponente von Inklusivität. Sie müssen damit rechnen, dass einige Ihrer Benutzer möglicherweise eingeschränkt sind, wenn es darum geht, wie sie die Website nutzen und mit ihr interagieren – physisch und kognitiv.

Eignung: Wenn Sie sich die Daten darüber ansehen, wie viele Benutzer online sind, werden Sie feststellen, dass einige Ihrer Benutzer möglicherweise keine digitalen Kenntnisse haben. Von grundlegenden Strukturen und Layouts abzuweichen und nicht genügend Kontext bereitzustellen (wie Labels in Kontaktformularen), könnte sich als nachteilig für die Erfahrungen dieser Benutzer erweisen.

Einstellung: Dies bezieht sich auf Benutzer, die Websites möglicherweise als unsichere Umgebungen wahrnehmen. Unabhängig davon, ob sie sich übermäßig Sorgen um ihre Privatsphäre machen oder nervös sind, auf Malware zu stoßen, sollten diese Arten von Ängsten mit erkennbaren und vertrauenswürdigen Sicherheits- und Datenschutzfunktionen angegangen werden.

Zugriff: Benutzer müssen nicht internetschwach sein, um eingeschränkten Zugriff auf das Internet zu haben. Laut UNESCO hat zum Beispiel etwas mehr als die Hälfte der Weltbevölkerung einen Internetzugang zu Hause. Das bedeutet nicht, dass sie nicht online gehen können, es bedeutet nur, dass sie andere Wege finden müssen, um es zu bekommen – wie zum Beispiel in eine Bibliothek oder ein Internetcafé zu gehen. Konnektivität, Hardware, Software und sogar der Standort können sich also auf den Zugriff auswirken.

Lokalisierung: Es ist nie sicher anzunehmen, dass alle Benutzer im selben Land leben, aus derselben Kultur stammen und dieselbe Sprache sprechen wie Sie. Daher müssen diese Unterschiede bei der Erstellung inklusiver Benutzerpersönlichkeiten berücksichtigt werden.

Die 7 Prinzipien des inklusiven Designs

Damit inklusives Design funktioniert, müssen Webdesigner Annahmen, vorgefasste Meinungen und die Bevorzugung des durchschnittlichen Benutzers gegenüber dem Wohl aller Benutzer beseitigen. Um dies erfolgreich zu tun, müssen sich Designer von den folgenden Prinzipien leiten lassen:

1. Flexibilität

Es gibt keine Einheitslösung im Webdesign. Das bedeutet nicht, dass Sie unterschiedliche Websites oder Zielseiten für unterschiedliche Benutzer erstellen müssen. Es bedeutet jedoch, dass Sie der Benutzeroberfläche zusätzliche Funktionen hinzufügen, wenn Sie glauben, dass sie dazu beitragen, die Lücke zwischen den Erfahrungen verschiedener Benutzer zu schließen.

Beispielsweise ist es eine gute Idee, ein Transkript eines Videos unter der eingebetteten Datei einzufügen. Auf diese Weise können Benutzer, die das Video nicht hören oder sehen möchten oder können, den Text lesen.

2. Einfachheit

Minimalismus ist ein anhaltender Webdesign-Trend und das aus gutem Grund. Das liegt nicht nur daran, dass es optisch ansprechendere Schnittstellen schafft, sondern auch daran, dass Minimalismus und Einfachheit den Weg für ein intuitiveres Design ebnen.

Der beste Weg, dies anzugehen, besteht darin, eine Website wie ein Minimum Viable Product (MVP) zu behandeln. Bauen Sie die Kernfunktionen aus, die es zu einem brauchbaren und wertvollen Produkt machen. Fügen Sie dann zusätzliche Elemente nur dort hinzu, wo sie benötigt werden, und werten Sie das Erlebnis aller auf.

3. Konsistenz

Konsistenz bedeutet nicht, dass eine Website vorhersehbar oder langweilig werden muss. Sie können immer noch kreativ sein und gleichzeitig die Konsistenz wahren.

Von der Konsistenz im Design profitieren alle. Es beseitigt die Frustration und Verwirrung, die durch dasselbe Element oder dieselbe Funktion verursacht werden, die auf derselben Website auf unterschiedliche Weise präsentiert werden. Darüber hinaus kann die Konsistenz mit der Art und Weise, wie der Großteil des Webs Kernelemente – wie die Website-Navigation – handhabt, die Benutzerfreundlichkeit einer Website verbessern und die Zeit bis zur Konvertierung verkürzen.

4. Wahrnehmung

Designer müssen nicht nur berücksichtigen, wie Menschen mit Websites interagieren, sondern auch, wie sie am liebsten mit Websites interagieren. Zum Beispiel kann eine Website, die von Bildern dominiert wird, für Benutzer, die keine visuellen Lerner sind, sehr schwierig sein, den Inhalt zu verdauen.

Wenn Sie die Inhalte für eine Website zusammenstellen, achten Sie auf eine gesunde Mischung. Wenn es nur einen Inhaltstyp gibt (z. B. nur Text und keine Bilder), sind einige Ihrer Besucher wahrscheinlich im Nachteil, wenn es um das Verständnis oder die Benutzerfreundlichkeit geht.

5. Eigenkapital

Gerechtigkeit im Webdesign bezieht sich auf gerechte Ergebnisse. Mit anderen Worten, unabhängig davon, wer der Besucher ist, sollte jeder Besucher in der Lage sein, Aufgaben mit Leichtigkeit zu erledigen.

Hier kommt der UX-Designprozess ins Spiel. Das Einholen von Benutzereingaben aus erster Hand zu den Zielen der Benutzer und was sie benötigen, um sie zu erreichen, hilft Designern, reibungslose Interaktionen und Benutzerreisen für alle zu erstellen.

Betrachten Sie beispielsweise eine UI-Komponente wie einen Bild-Slider. Die umfassende Art, es zu entwerfen, wäre, die Auto-Slide-Funktion zu deaktivieren. Fügen Sie dann sowohl Wisch- als auch Klickfunktionen hinzu, damit jeder Benutzer den Schieberegler und sein Tempo steuern kann.

6. Prävention

Inklusives Design wird menschliches Versagen mindern. Das bedeutet, eine Benutzeroberfläche zu entwerfen, die so viele Fehler wie möglich verhindert und gleichzeitig eine tolerante und hilfreiche Reaktion auf auftretende Fehler bietet. Durch die Verringerung der Frustration oder Scham, die mit Fehlern verbunden sind, trägt ein integratives Design mehr dazu bei, Vertrauen bei den Besuchern aufzubauen.

Dieses besondere Prinzip kommt am häufigsten am Punkt des Eingriffs ins Spiel. Beispielsweise sollten Schaltflächen immer so gestaltet sein, dass sie groß genug sind, um gesehen und angeklickt zu werden.

Fehlermeldungen in Kontaktformularen sind ein weiteres gutes Beispiel. Indem Sie Inline-Fehlermeldungen in Farbe und Größe anzeigen, die jeder lesen kann, verringern Sie die Wahrscheinlichkeit von Wiederholungsfehlern. Sie haben auch ein Kontaktformular, das sich hilfreicher anfühlt als eines, das vage oder zu spät im Prozess auftretende Fehlermeldungen liefert.

7. Unterkunft

Einer der Gründe, warum Websites Klagen zur Barrierefreiheit unterliegen, wie es auch bei stationären Unternehmen der Fall ist, ist, dass sie als „Orte öffentlicher Unterkünfte“ gelten. Inklusives Design garantiert nicht nur, dass jeder eine Website lesen, navigieren und sich mit ihr beschäftigen kann, sondern garantiert den Besuchern auch ein gewisses Maß an Komfort.

Komfort kann für viele Menschen viele Dinge bedeuten – viel Platz, vorhersagbare Layouts usw. Inklusives Design fordert Designer auch auf, darüber nachzudenken, wie komfortabel ihre Benutzer mit den Inhalten der Website sein werden.

Beispielsweise wird die Verwendung verschiedener Bilder, die die Zielgruppe widerspiegeln, eine einladendere Umgebung schaffen als generische Stock-Bilder, die Benutzer immer wieder gesehen haben. Das Gleiche gilt für die Verwendung von einfachen Texten anstelle von Texten voller Fachjargon, die nur ein Teil des Publikums verstehen würde.

Fazit

Inklusives Webdesign ist ein allumfassender Begriff, der Disziplinen wie UX-Design, barrierefreies Design und responsives Design umfasst. Inclusive Design geht jedoch noch einen Schritt weiter, um sicherzustellen, dass das Endergebnis eine universell nutzbare und gut angenommene Website ist.

Dieser Webdesign-Ansatz erfordert ein solides Verständnis der Herausforderungen, mit denen verschiedene Menschen konfrontiert sind, wenn sie sich mit Websites beschäftigen, was über eine Beeinträchtigung oder Behinderung hinausgeht.

Der beste Weg, Inklusivität in Ihren Webdesignprozess zu integrieren, besteht darin, zunächst sicherzustellen, dass Sie mit Tools arbeiten, die Ihnen bei der Implementierung helfen – wie den Barrierefreiheitsfunktionen von WordPress und Elementor. Aktualisieren Sie dann Ihre Benutzer-Persona-Vorlagen mit inklusiven Faktoren wie Fähigkeit, Eignung und Zugriff. Halten Sie schließlich Ihren Prozess auf dem neuesten Stand, während Sie mehr über die Erfahrungen der Benutzer und die allgemeinen Herausforderungen erfahren, denen sie bei der Nutzung des Internets gegenüberstehen.