Lesezeit: 3 Minuten

Nutzerbedürfnisse im Mittelpunkt: Die Synergien von Barrierefreiheit und gutem UX-/UI-Design


Sowohl User-Experience- / User-Interface-Design (nachfolgend UX-/UI-Design) als auch Barrierefreiheit konzentrieren sich auf die Bedürfnisse der Nutzer. Beide Disziplinen basieren auf einem tiefgehenden Verständnis der Zielgruppe.

Durch eine umfassende Analyse aller Nutzergruppen, inklusive Menschen mit und ohne Einschränkungen, wird sichergestellt, dass die Interaktionen und die visuelle Gestaltung einer Anwendung für alle intuitiv und angenehm sind. Die Synergien zwischen UX-/UI-Design und Barrierefreiheit ergeben sich aus ihren gemeinsamen Zielen: Benutzerfreundlichkeit, Zugänglichkeit und eine positive Nutzererfahrung. Diese Verbindung führt nicht nur zu einer größeren Zielgruppe und höherer Nutzerzufriedenheit, sondern steigert auch die Wettbewerbsfähigkeit.
 

Klarheit, Einfachheit und Konsistenz

Strukturierte Inhalte und klare visuelle Hierarchien helfen, die Lesbarkeit zu verbessern. Das Unterteilen von Texten in Abschnitte mit Überschriften erleichtert allen Nutzern die Orientierung und unterstützt Screenreader dabei, logische Strukturen zu erkennen. Dies entspricht den Web Content Accessibility Guidelines (WCAG) (Kriterium 1.3.1 "Info und Beziehungen"), die den Einsatz semantischer HTML-Elemente wie Überschriften (H1-H6), Listen und Absätze fordern.

Große Buttons mit klaren Handlungsaufforderungen erleichtern die Bedienung und verbessern die Effizienz. Dies ist nicht nur für Menschen mit Einschränkungen hilfreich, sondern auch im Alltag praktisch, etwa wenn beim Kochen mit schmutzigen Fingern ein "Timer starten"-Button einfach bedienbar sein muss.

Texte sollten leicht verständlich sein, ohne Fachjargon und mit ausreichendem Kontrast. Dies hilft allen Nutzern, insbesondere Menschen mit kognitiven Einschränkungen, aber auch Vielbeschäftigten, die unterwegs schnell Informationen erfassen müssen.

Konsistenz im Design ist essenziell, um die Navigation zu erleichtern. Einheitliche Layouts, wiedererkennbare Symbole und gleichbleibende Interaktionen reduzieren die kognitive Belastung und helfen Menschen mit Seh- oder motorischen Einschränkungen, sich schneller zurechtzufinden. Eine intuitive Bedienung spart Zeit und minimiert Fehler.

Flexibilität für unterschiedliche Nutzerbedürfnisse

Alternative Zugangswege wie Tastaturnavigation, Spracheingabe oder Untertitel bieten Flexibilität und erfüllen die WCAG-Anforderung der Robustheit. Eine Tastatursteuerung ist nicht nur für Menschen mit motorischen Einschränkungen hilfreich, sondern auch für Power-User oder in Situationen mit eingeschränktem Mauszugriff.

Untertitel in Videos sind nicht nur für Menschen mit Hörbehinderungen sinnvoll


Studie von Meta zeigte, dass Videoanzeigen mit Untertiteln die Betrachtungsdauer um 12 % erhöhten. insbesondere für Menschen mit kognitiven Einschränkunge nutzen Untertitel, um in öffentlichen Räumen ungestört zu bleiben, eine fremde Sprache besser zu verstehen oder um die Audioqualität zu kompensieren.
Barrierefreiheit und UX-/UI-Design berücksichtigen verschiedene Vorlieben, Fähigkeiten und Nutzungskontexte. Ein flexibles Design verbessert die Nutzererfahrung und erhöht die Kundenbindung.
 

Inklusives und responsives Design

Universelles Design sorgt dafür, dass Anwendungen für möglichst viele Menschen nutzbar sind. Inklusives Design berücksichtigt besondere Bedürfnisse (z. B. Farbschwäche, Mobilitätsprobleme), während responsives Design eine optimale Darstellung auf verschiedenen Endgeräten gewährleistet.

Anpassbare Schriftgrößen, große Buttons und skalierbare Layouts erleichtern die Bedienung für Menschen mit Seh- oder motorischen Einschränkungen. Auch Nutzer mit großen Händen oder Jogger, die unterwegs Musik steuern möchten, profitieren von intuitiven Bedienelementen.

Eine optimierte Navigation, eine logische Struktur und gut platzierte Suchfunktionen helfen allen Nutzern. Eine barrierefreie Suchfunktion steigert die Effizienz und Nutzerfreundlichkeit, insbesondere für Menschen mit kognitiven Einschränkungen.
 

Wirtschaftliche Vorteile

Ein barrierefreies und benutzerfreundliches Design schafft einen klaren Wettbewerbsvorteil. Es erreicht eine breitere Zielgruppe und minimiert rechtliche Risiken, insbesondere durch das ab Juni 2025 geltende Barrierefreiheitsstärkungsgesetz (BFSG).

Fehlermeldungen und präventive Hinweise verbessern die Nutzererfahrung und reduzieren Frustration. Ein Formular mit klaren Anweisungen und eindeutigen Fehlermeldungen hilft nicht nur Menschen mit kognitiven Einschränkungen, sondern steigert auch die Abschlussrate.

Barrierefreiheitstests bieten wertvolle Erkenntnisse für das UX-/UI-Design. Sie decken Designschwächen auf, die auch andere Nutzer betreffen. Eine inklusive Webseite zieht mehr Besucher an, erfüllt gesetzliche Anforderungen und sorgt für eine längere Verweildauer sowie bessere Conversion-Raten.

Fazit

Die Synergien zwischen Barrierefreiheit und UX-/UI-Design zeigen, dass beide Disziplinen voneinander profitieren. Barrierefreies Design verbessert automatisch die Nutzerfreundlichkeit – und umgekehrt. Gemeinsam führen sie zu funktionalen, inklusiven und wirtschaftlich erfolgreichen Anwendungen.

Während Barrierefreiheit den Fokus auf Inklusion legt, optimiert UX-/UI-Design das allgemeine Nutzererlebnis. Zusammen bilden sie die Grundlage für universelles Design, das sowohl Menschen als auch Unternehmen Vorteile bringt. Barrierefreiheit sollte daher von Anfang an in den Unternehmens- und Designprozess integriert werden.

Das Ziel beider Disziplinen: Barrieren abbauen und eine reibungslose, intuitive Interaktion ermöglichen. Mit der richtigen Herangehensweise entstehen Anwendungen, die nicht nur effizient, sondern auch emotional ansprechend sind.


Quellen:

https://www.stagetext.org/news/research-shows-42-of-people-say-concentration-is-a-reason-to-use-subtitles/
https://www.forbes.com/sites/tjmccue/2019/07/31/verizon-media-says-69-percent-of-consumers-watching-video-with-sound-off/
https://www.kapwing.com/resources/subtitle-statistics/
https://www.w3.org/TR/WCAG21/#contrast-minimum
https://www.barrierefreiheit-dienstekonsolidierung.bund.de/Webs/PB/DE/gesetze-und-richtlinien/wcag/wcag-artikel.html

Blogautor

Darleen Werda
Softwareentwicklerin ARS Computer und Consulting GmbH
Ihr Erfolg ist unser Ziel

Stehen Sie vor komplexen IT-Projekten? Mit unserer Expertise bieten wir Ihnen maßgeschneiderte Lösungen. Erfahren Sie mehr.

Werde Teil unseres Teams

Wir suchen ständig nach neuen Talenten. Für dich haben wir genau die richtige Stelle. Schau dir unsere offenen Positionen an.

Noch Fragen? Wir helfen Ihnen gerne!

Leistung

User Experience und Design

Begeisternde digitale Erlebnisse über alle Kanäle und Touchpoints hinweg

CLOUDPILOTS, Google Workspace, G Suite, Google Cloud, GCP, MeisterTask, MindMeister, Freshworks, Freshdesk, Freshsales, Freshservice, Looker, VMware Engine
News 21.07.20

Neue User Experience in der Google Workspace

Google Workspace-Dienste wie Videokonferenz, Chat, E-Mail und Dateiablage wurden kombiniert, um eine zentrale, übersichtliche Arbeitsplattform zu schaffen.

Blog 22.05.23

Digitale Zukunft: Gute Customer Experience als Erfolgsfaktor

In der heutigen Zeit, in der der Wettbewerb um Kunden immer intensiver wird, ist eine positive Customer Experience von entscheidender Bedeutung für den Erfolg deines Unternehmens. Aber warum ist die Customer Experience so wichtig? In der neuen insights!-Folge erfährst du, was wir unter Customer Experience verstehen und was die 9 wichtigsten Gründe sind, um eine positive Customer Experience zu schaffen.

Referenz

Gut gespurt zum Mobilitätsbroker

Die Entwicklung ihrer neuen Mobilitätsplattform „Switchh“ steuert die Hamburger Hochbahn AG über das Atlassian Projektmanagementtool Jira – eingeführt, administriert und gehostet von der TIMETOACT GROUP.

Blog 09.03.22

Was machen die GAFA-Unternehmen so gut?

Google, Apple, Facebook und Amazon – für manchen Unternehmer sind die Big Four die Existenzgrundlage, für andere der Totengräber. Der zusammengerechnete Umsatz dieservier US-amerikanischen Unternehmen entspreche dem Bruttoinlandsprodukt Indiens. Und ein Ende des Wachstums von Google & Co ist nicht vorhersehbar.

Blog 13.06.24

Barrierefreiheit richtig umsetzen

Erfahren Sie in diesem Beitrag, warum Barrierefreiheit im Web so wichtig ist und wie sie richtig umgesetzt werden kann. Entdecken Sie die Vorteile, Prinzipien und Best Practices für eine inklusive Online-Umgebung.

Kompetenz

Barrierefreiheit als Chance: Ihr Weg zur digitalen Inklusion

Ab dem 28. Juni 2025 wird digitale Barrierefreiheit Pflicht! Mit TIMETOACT, Synaigy & Eye-Able® machen Sie Ihr Unternehmen zukunftssicher und inklusiv.

Blog 02.03.23

Barrierefreiheit durch Gamification im E-Commerce

Heute zu Gast: Jan-Eric Wörheide, Geschäftsführer und Gesellschafter vom Start-up lodomo. Im Interview geht Jan-Eric Wörheide auf seine Geschäftsidee ein. Lodomo wollte während der Corona-Pandemie einen Weg finden, um älteren Menschen trotz fehlender Digitalisierung ein gemeinsames Erlebnis zu ermöglichen. Mithilfe von Visualisierungen und Gamification können digitale Programme und das Internet für Senioren leichter zugänglich gemacht werden.

Blog 17.01.25

Warum Barrierefreiheit auch ohne IT-Abteilung relevant ist

Barrierefreiheit ist nicht nur eine gesetzliche Pflicht, sondern eine Chance, neue Zielgruppen zu erschließen und die Nutzererfahrung zu verbessern – unabhängig von IT-Kompetenz.

Übersicht

Cloud Migration - User Transition

In diesem Training erhalten die Teilnehmer: innen eine umfassende Einführung in die neuesten Funktionen und Tools der Atlassian Cloud, die speziell auf Ihre individuellen Bedürfnisse zugeschnitten sind. Das Training findet in der Cloud-Umgebung des Kunden statt, was praxisnahe und direkt anwendbare Lerninhalte garantiert.

Service

Customer Experience​ & Retention​

Durch gezielte Retention-Strategien, die auf exzellenter Customer Experience aufbauen, langfristige Kundenbeziehungen fördern.

Blog 30.05.22

Brand Experience und Strategie

Als Unternehmen und Marke lässt man ungern Margen bei Händler liegen, das gilt für die analoge und digitale Welt gleichermaßen. Als Marke willst du logischerweise direkt zum Endkunden.

Digital Workplace & Employee Experience
Service

Digital Workplace & Employee Experience

Der Digitale Arbeitsplatz hat vor allem in den vergangenen Monaten zunehmend an Bedeutung gewonnen und ist für viele Unternehmen mittlerweile unerlässlich geworden.

Commerce & Customer Experience, CRM
Service

Commerce & Customer Experience, CRM

Im Handel ist eine positive Kundenerfahrung (CX) von zentraler Bedeutung für den weiteren Erfolg eines Unternehmens.

Event Archive 08.03.24

Service Management Experience 2024

Die Service Management Experience wird in diesem Jahr bereits zum 11. Mal durchgeführt. Bestandskunden der TIMETOACT sind eingeladen, die einen Tag lang Wissenstransfer, Erfahrungsaustausch und Networking betreiben können. Die Vorträge basieren zum großen Teil auf Kundenprojekten und werden von unseren Kunden selbst präsentiert.

Referenz 13.04.23

Modernes User Interface und Zugang mit mobilen Endgeräten

Das User Interface basiert auf Open UI5, einer von SAP zur Verfügung gestellten Open-Source-Bibliothek für die Benutzerschnittstelle. Die Designprinzipien gehorchen SAP Fiori, was für eine einheitliche Benutzerführung verschiedener Software-Anwendungen bei Fraport sorgt.

Referenz

Integrated Project and User Portal (IPUP)

Transparente und flexible Verwaltung von Projekten und Usern in großen Umgebungen mit Jira Service Management: catworkx hat für einen Großkunden aus der Automobilbranche ein Tool entwickelt, mit dem Projekte nebst Zuordnung beteiligter Benutzer weitgehend automatisiert eingerichtet werden.

Blog 30.03.23

Verbesserung der Customer Experience durch digitale Empathie

Im Gespräch widmen sich Katja Moritz und ich dem Phänomen der digitalen Körpersprache in der Online-Welt. Der technologische Fortschritt hat es inzwischen so weit gebracht, dass der Kunde im wahrsten Sinne des Wortes gläsern ist. Was in der Offline-Welt die Mimik ist, ist im Netz der Mausklick an der entsprechenden Stelle. Wie Shop-Betreiber die Wünsche und Bedürfnisse ihrer Kunden entschlüsseln, darüber gibt die Kölner User Epxerience Managerin heute Auskunft.

Lösung

Product Experience Management mit dem PIM von prodexa

Das PIM-System von prodexa bietet ausgereifte Standard-Lösungen für Product Information Management , Omni-Channel, Cross Media Publishing und E-Commerce.

Event Archive

Build Total Experience mit HCL DX

Freuen Sie sich auf Use Cases mit HCL Digital Experience u.a. von N-ERGIE und EDEKA. Kommen Sie am 17.10.2023 um 10:00 Uhr nach Nürnberg.

Bleiben Sie mit dem TIMETOACT GROUP Newsletter auf dem Laufenden!