Carlos Neves

In der riesigen digitalen Welt, in der wir leben, werden wir von einer Vielzahl von Websites und Anwendungen beeinflusst, von denen jede ihre eigene Schnittstelle und Benutzererfahrung hat. Es ist jedoch unmöglich, einen auffälligen Unterschied zwischen den digitalen Produkten, die uns fesseln, und denen, denen wir gleichgültig gegenüberstehen, nicht zu bemerken: die Umsetzung eines visuellen und verhaltensbezogenen Ökosystems, das als Design System (DS) bezeichnet wird.

Was ist eigentlich ein Design System und warum spielt es eine so entscheidende Rolle bei der Entwicklung wirklich wirkungsvoller digitaler Produkte?

Das DS ist nicht nur eine Reihe von Designrichtlinien oder Bibliotheken mit visuellen Komponenten, sondern das Rückgrat jeder erfolgreichen digitalen Erfahrung.

Stellen Sie sich das Design System als den Architekten einer gut gestalteten Stadt vor, in der jede Straße, jeder Platz und jedes Gebäude perfekt zusammenpasst, um ein harmonisches Erlebnis zu schaffen. Auf die gleiche Weise ist ein Design System die Grundlage, auf der jedes Element des Layouts aufgebaut ist, um sicherzustellen, dass jede Interaktion nutzbar und zugänglich ist.

Die Benutzer erwarten eine nützliche, wertvolle und ansprechende Erfahrung. Ohne ein Design System können die Elemente der Benutzeroberfläche jedoch in Stil, Verhalten und sogar in der Terminologie stark voneinander abweichen, was die Benutzer verwirrt und frustriert. Das Design System legt klare Richtlinien fest, die das Erscheinungsbild und das Verhalten aller Komponenten bestimmen: Konsistenz und Kohäsion, Zeit- und Arbeitsersparnis, Skalierbarkeit und Zusammenarbeit.

UX-Konsistenz ist nicht nur eine ästhetische Frage, sondern spielt auch eine entscheidende Rolle bei der Benutzerfreundlichkeit und Zugänglichkeit. Nutzer, die mit der Schnittstelle vertraut sind, werden eine wertvollere Erfahrung machen, während die Anwendung der erforderlichen Zugänglichkeitsstandards sicherstellt, dass das Produkt von allen genutzt werden kann, unabhängig von ihren Fähigkeiten oder Einschränkungen.

Das Design System spielt eine wichtige Rolle bei der Zusammenarbeit zwischen den an einem Projekt beteiligten Teams. Es fördert die effektive Kommunikation und Zusammenarbeit, reduziert den Zeitaufwand für Nacharbeiten und sorgt für eine konsistente UX-Umsetzung.

Darüber hinaus ist die einfache Anpassung oder Änderung von Komponenten ein wichtiges Merkmal. Wenn beispielsweise die Farbpalette oder die Typografie aktualisiert wird, können diese Änderungen einfach auf alle relevanten DS-Komponenten angewendet werden. Kleinere Anpassungen oder Änderungen, wie z. B. die Farbe einer Schaltfläche oder der Abstand zwischen Elementen, können sofort für alle Layouts im Projekt vorgenommen werden.

Diese Flexibilität und Konsistenz erleichtert nicht nur die Pflege und Weiterentwicklung des Produkts, sondern stärkt auch die Zusammenarbeit und Abstimmung zwischen den Teams.

Für kleinere Projekte und/oder begrenzte Ressourcen bieten UI-Kits eine einfachere Alternative. Ein UI-Kit ist eine Sammlung von vorgefertigten Elementen wie Schaltflächen, Symbolen und anderen gängigen Komponenten, die leicht mit einem Projekt verknüpft werden können, um den Design- und Implementierungsprozess zu beschleunigen.

Obwohl die UI Kits weniger umfangreich und flexibel sind als der vollständige DS, bieten sie dennoch erhebliche Vorteile für kleinere Teams und Projekte.

Für kleinere Projekte und/oder begrenzte Ressourcen bieten UI-Kits eine einfachere Alternative. Ein UI-Kit ist eine Sammlung von vorgefertigten Elementen wie Schaltflächen, Symbolen und anderen gängigen Komponenten, die leicht mit einem Projekt verknüpft werden können, um den Design- und Implementierungsprozess zu beschleunigen.

Obwohl die UI Kits weniger umfangreich und flexibel sind als der vollständige DS, bieten sie dennoch erhebliche Vorteile für kleinere Teams und Projekte.

Zeit während die das UI-Kit ist gültig

Jetzt haben Sie eine gute Vorstellung davon, was ein Design System ist und wie es Ihrem Unternehmen nützen kann:

• Ein einziges Source-Repository für UX und Front-End, das eine bessere Kontrolle über mehrere Versionen und die Skalierung des Produkts ermöglicht
• Ein gut geplantes Design System hilft, häufige Probleme bei der Projektentwicklung zu lösen. Andererseits können die Produktteams neue Projekte schneller und einfacher starten.
• Das Design System trägt dazu bei, ein ansprechendes und effektives Benutzererlebnis zu schaffen.

Die Pflege des Design Systems ist von entscheidender Bedeutung, um seine Langlebigkeit und Wirksamkeit zu gewährleisten. Bei Xpand IT folgen wir einem flexiblen Prozess zur Pflege dieser Ökosysteme, der mit regelmäßigen Audits beginnt, um die Ausrichtung des DS an der Entwicklung der Marke zu bewerten. Wir führen gründliche Analysen durch, um sicherzustellen, dass die visuellen Elemente über alle Plattformen und Touchpoints hinweg konsistent und kohärent bleiben.

Darüber hinaus bieten wir fortlaufende Unterstützung bei der Bewältigung neuer Designherausforderungen oder -chancen, wie z. B. bei einem kompletten Rebranding.

Die UX-Abteilung von Xpand IT verfügt über umfangreiche Erfahrungen bei der Entwicklung von Design Systemen in Projekten unterschiedlicher Komplexität, in verschiedenen Branchen, nicht nur in großen Unternehmen, sondern auch in KMU.

Wenn Sie bereits über die Einführung eines Design Systems in Ihrem Unternehmen nachgedacht haben, aber bei der Festlegung des Ausgangspunkts auf Schwierigkeiten stoßen, können wir Ihnen helfen. Sagen Sie uns, was Sie brauchen, und sprechen Sie direkt mit einem Experten.

Barrierefreiheit ist ein Recht für alle. Genau nach diesem Grundsatz müssen alle Mitgliedsstaaten der Europäischen Union ab Juni 2025 den European Accessibility Act (ERA) einhalten. In diesem Artikel erläutern wir alles, was Ihr Unternehmen wissen muss, um die Anforderungen bis zu diesem Datum zu erfüllen.

Jeder vierte Europäer leidet an einer chronischen oder spezifischen gesundheitlichen Einschränkung, sei es körperlicher (z. B. Blindheit) oder kognitiver Art (z. B. Farbenblindheit, Legasthenie). Auf diese Weise wird der EAA das Leben von 101 Millionen Menschen erleichtern. Die Leitlinien, mit denen die Anforderungen an die Barrierefreiheit in der gesamten Europäischen Union vereinheitlicht werden sollen, werden den Zugang zu öffentlichen Verkehrsmitteln, Bankdienstleistungen, Computern, Telefonen, Fernsehgeräten, E-Books, Online-Shops und vielem mehr erleichtern. Für Menschen mit Behinderungen ist Barrierefreiheit eine Voraussetzung für die gleichberechtigte Teilhabe an der Gesellschaft.

Ausgehend von vier Stufen der Barrierefreiheit – wahrnehmbar, bedienbar, verständlich, robust – wurden 13 W.C.A.G.-Richtlinien (Web Content Accessibility Guidelines) und daraus testbare Erfolgskriterien entwickelt.

Diese Kriterien sind in 3 Stufen unterteilt und prüfen den Grad der digitalen Zugänglichkeit:

Jeder Nutzer digitaler Produkte kann zu irgendeinem Zeitpunkt seines Lebens eine Behinderung oder Einschränkung seiner Seh-, Hör-, kognitiven, körperlichen oder motorischen Fähigkeiten erfahren.

In Deutschland gibt es:

• 145.000 blinde Menschen;
• 3 Millionen Deutsche sind farbenblind;
• Zwischen 4 und 8 Millionen Menschen haben Legasthenie.

(Bildquelle: Destatis)

Die Bewertung der Kriterien für die Barrierefreiheit sollte von Anfang an in ein Projekt integriert werden und nicht erst zu einem späteren Zeitpunkt erfolgen.

Durch die proaktive Berücksichtigung der Barrierefreiheit in allen Prozessen, Abläufen und Layouts eines Projekts stellen wir sicher, dass die von uns entwickelten digitalen Erlebnisse nicht nur inklusiv, sondern auch wertvoll und für alle zugänglich sind.

Wir entwickeln Checklisten und Bewertungsinstrumente, die die Einhaltung der Barrierefreiheitskriterien der Stufe AA – dem Standard – während des gesamten Lebenszyklus eines Projekts gewährleisten.

Müssen Sie prüfen, ob Ihre Website, Anwendung, Plattform oder ein anderes digitales Angebot die Kriterien der EUA erfüllt? In diesem Fall wird ein Team zusammengestellt, das eine automatisierte und manuelle Bewertung vornimmt und verschiedene Tests durchführt, um die wichtigsten Barrieren für die Barrierefreiheit zu ermitteln:

Wir verwenden automatisierte Tools, um die Konformität zu validieren und häufige Probleme zu identifizieren, wie z. B. fehlende Alternativtexte für Bilder, unzureichender Kontrast oder falsche Semantik im Code. Diese Tests sollten jedoch nicht als die einzige Lösung für die Ermittlung von Verbesserungsbedarf und die Optimierung der Benutzererfahrung betrachtet werden.

Diese Art von Tests, die von Experten für Barrierefreiheit durchgeführt werden, gewährleisten eine gründliche Analyse aller Abläufe eines digitalen Produkts und stellen sicher, dass die Funktionen verständlich und zugänglich sind.

Menschen mit Behinderungen können auf ein digitales Produkt mit verschiedenen assistierenden Technologien zugreifen. Dazu gehören Bildschirmleser, Tastaturnavigation, Zeiger, Einstellung von Farbkontrasten oder Schriftgrößen, Audiobeschreibungen von Multimediainhalten, Braille-Tastaturen und viele andere Alternativen. Diese Arten der Interaktion können und sollten von Menschen mit echten Bedürfnissen getestet werden.

Wenn es jemals wichtig war, sicherzustellen, dass Ihre digitalen Inhalte für alle zugänglich, kompatibel und nutzbar sind, dann jetzt. Um die Einhaltung der gesetzlichen Kriterien zu gewährleisten, müssen Sie jetzt mit den Vorbereitungen beginnen. Auch wenn der Weg dorthin schwierig sein mag, können Sie mit der richtigen Anleitung und fachkundiger Unterstützung integrativere und wirkungsvollere digitale Erlebnisse schaffen. Kontaktieren Sie uns, um ein Barrierefreiheits-Audit anzufordern und einen umfassenden Überblick über die Konformität Ihres digitalen Produkts zu erhalten.

Die WHO (Weltgesundheitsorganisation) hat nachgewiesen, dass mehr als 70 % der digitalen Produkte und Dienstleistungen nicht für Menschen mit Seh- oder kognitiven Behinderungen geeignet sind, und die Unternehmen müssen dafür sensibilisiert werden, wie wichtig die Anpassung ihrer digitalen Kanäle ist.

Wenn wir uns mit einem Thema von solcher Tragweite befassen, müssen wir uns vor Augen halten, dass es Grundprinzipien für eine integrative Gesellschaft gibt: Chancengleichheit, Autonomie und Respekt.

Die Frage ist jedoch: Wie können wir diese Grundsätze in Unternehmen mit digitaler Präsenz umsetzen? Einer der ersten Schritte besteht darin, bewährte Verfahren und Kriterien einzuführen, um digitale Produkte für alle zugänglich zu machen.

Bedenken Sie: Etwa 16 % der Weltbevölkerung lebt mit einer Art von Behinderung. Von visuellen bis hin zu motorischen Einschränkungen ist die Nutzerbasis mit einzigartigen Bedürfnissen sehr vielfältig. Die Berücksichtigung von Zugänglichkeitskriterien bei digitalen Lösungen ist daher nicht nur eine Pflicht einer modernen Gesellschaft, sondern ein strategisches Gebot auf dem Weg zu mehr Inklusion.

Es war daher unerlässlich, eine Reihe von Kriterien zu entwickeln, die diesen Menschen das Leben erleichtern und allen ohne Ausnahmen die gleichen Chancen und Gerechtigkeit bieten.

Das W3C (World Wide Web Consortium) hat die WCAG (Web Content Accessibility Guidelines) entwickelt, um den Bedürfnissen von Menschen mit Einschränkungen Rechnung zu tragen.

Diese Richtlinien wurden anhand von 4 Prinzipien – wahrnehmbar, bedienbar, verständlich und robust – organisiert, um die Grundlage für 13 Richtlinien und daraus abgeleitete testbare Erfolgskriterien in Übereinstimmung mit den WCAG zu bilden.Diese Kriterien sind in drei Stufen unterteilt, die den Grad der digitalen Zugänglichkeit bewerten:

– Stufe A – eine grundlegende Norm mit minimalen Implementierungen;
– Stufe AA – weltweite Standardzugänglichkeit, die Stufe A und Stufe AA kombiniert; und
– Stufe AAA – die höchste Anzahl an zugänglichen Implementierungen/Merkmalen.

1,3 Milliarden Menschen leben mit einer Art von Behinderung und haben täglich mit Schwierigkeiten beim Zugang zur digitalen Welt zu kämpfen.

Investitionen in die Barrierefreiheit sind mehr als nur ein Mehrwert für das Unternehmen, sie stellen die Inklusion in den Vordergrund und übernehmen soziale Verantwortung, mit dem zusätzlichen Vorteil, dass die Unternehmen in der Lage sind, auf die spezifischen Bedürfnisse eines Marktsegments einzugehen, das bisher ignoriert wurde.

Diese Investition wirkt sich nicht nur auf den Ruf der Marke aus, sondern auch auf die Differenzierung auf dem Markt, indem sie sich als Maßstab für die Konkurrenz positioniert.

Bei Xpand IT bieten wir eine ganzheitliche Betrachtung der Auswirkungen von Barrierefreiheit auf Unternehmen mit einer digitalen Präsenz.

Wir konzentrieren uns auf die Gestaltung von Erlebnissen auf der AA-Stufe, die es Unternehmen ermöglichen, ihren Bekanntheitsgrad zu steigern und das Vertrauensverhältnis zu ihren Kunden zu stärken.

Die Umsetzung guter Zugänglichkeitspraktiken in digitalen Produkten kommt nicht nur Menschen mit Behinderungen zugute: Sie erhöht die Qualität digitaler Erlebnisse für alle.

Funktionen wie alternativer Text in Bildern, Videountertitelung und eine hierarchische Inhaltsstruktur sind nicht nur Werkzeuge für diese speziellen Nutzer, sondern bereichern das Gesamterlebnis.

Wenn ein digitales Produkt so konzipiert ist, dass es von jedem verstanden und genutzt werden kann, steigt die Effizienz, die Frustration nimmt ab und die Technologie wird zu einem Verbündeten, der Barrieren beseitigt, anstatt Hindernisse zu schaffen.

Zusammenfassend lässt sich sagen, dass die digitale Barrierefreiheit nicht nur eine technische Anforderung ist, sondern eine Philosophie, die eine integrative digitale Gesellschaft fördert.

Bei Xpand IT legen wir großen Wert auf Inklusion und tragen dazu bei, ein digitales Universum zu schaffen, das die menschliche Vielfalt widerspiegelt und allen Menschen gleiche Chancen und vielfältige Erfahrungen bietet.

Wie oft werden wir mit dem Versprechen eines spektakulären und innovativen digitalen Erlebnisses konfrontiert, nur um dann bei der Umsetzung mit der harten Realität der Unpraktikabilität konfrontiert zu werden?

Das idealisierte Konzept für das Erlebnis geht in der technischen Komplexität unter, was zu einem Endprodukt führt, das aufgrund des Fehlens einer fundierten Analyse keinen Wert und keine Glaubwürdigkeit bietet.

Es ist ein häufiges Dilemma im UX-Universum, das die ursprüngliche Vision überschattet und die Essenz dessen, was ein effektives Erlebnis ausmacht, beeinträchtigt.

In diesem herausfordernden Szenario erweist sich die Strategie als Schlüsselelement, das die Lücke zwischen den Projektteams schließt. Sie ist der Prozess, der eine inspirierende Vision mit einer pragmatischen Umsetzung verbindet und sicherstellt, dass das digitale Erlebnis nicht nur eine Idee ist, sondern etwas Greifbares und Wirkungsvolles.

Das Konzept der Strategie ist in vielen Bereichen des täglichen Lebens zu finden, vom Sport bis hin zu Unternehmensentscheidungen. Im Zusammenhang mit UX ist es das Fundament, auf dem wir einprägsame digitale Erlebnisse aufbauen.

Allgemein gesagt, ist Strategie die Kunst der Planung und Ausrichtung von Maßnahmen zur Erreichung bestimmter Ziele. Ob in der Wirtschaft, bei Produkten oder in jedem anderen Bereich, Strategie ist der Kompass, der die Schritte zum Erfolg leitet.

Bei UX ist dieser Ansatz nicht anders.

Durch die Anwendung von Strategie auf UX versuchen wir, ein tiefes Verständnis für die Überschneidung von Geschäftszielen, Nutzerbedürfnissen und Implementierungskapazitäten zu erlangen. Es ist ein Prozess der sorgfältigen Abstimmung zwischen der makroökonomischen Vision eines Unternehmens und den Grundlagen, die das Nutzererlebnis wertvoll machen.

In der Welt der UX muss die Strategie ein solider Plan sein, der entscheidende Fragen beantwortet:

Dos und Don’ts: Die UX-Strategie soll aufzeigen, welche Maßnahmen zu ergreifen und welche zu vermeiden sind, um die angestrebten Ergebnisse zu erreichen.

Welcher Mehrwert wird geschaffen? Es wird hervorgehoben, was das Produkt oder die Dienstleistung einzigartig macht, und es wird ein klares Nutzenversprechen gegeben, das sich auf die Nutzer auswirkt.

Welche Ressourcen sollen zur Verfügung gestellt werden? Sie gibt vor, worauf sich die Ressourcen des Unternehmens konzentrieren sollen, und stellt sicher, dass die Investitionen zur allgemeinen Vision und zum Ziel beitragen.

Das ultimative Ziel der UX-Strategie ist es, einen Wettbewerbsvorteil zu erlangen.
Sie sollte nicht als isoliertes Konzept verstanden werden, sondern als eine Denkweise, die in jeder Entscheidung, jeder Iteration und jeder Codezeile präsent ist.

Im Zusammenhang mit UX ist der Schwerpunkt der Strategie ein dreifacher:

Geschäftsziele: Abstimmung der Ziele des Unternehmens auf die digitale Erfahrung, die es umsetzen möchte.

Auf die Nutzer eingehen: den Nutzer in den Mittelpunkt des Prozesses stellen, seine Bedürfnisse, Erwartungen und Beschwerden verstehen.

Umsetzungskapazität: Sicherstellung, dass die im Erlebniskonzept ausgedrückten Ideen effektiv in greifbare digitale Produkte umgesetzt werden können.

Bei der Schaffung digitaler Erlebnisse harmonisiert die UX-Strategie die drei oben genannten Dimensionen: Unternehmen, Nutzer und Bereitstellung. Sie vereint diese Dimensionen nicht nur, sondern überschneidet sie und schafft so einen Zusammenhalt mit Klarheit und Objektivität.

Der Raum zwischen diesen drei Dimensionen ist oft ein fruchtbarer Boden für Missverständnisse und falsche Entscheidungen. Die Strategie zielt darauf ab, diese Lücken zu schließen und die Mehrdeutigkeit zu verringern.
Da die Strategie keine Vermutungen zulässt, bietet sie eine solide Grundlage für fundierte Entscheidungen – sie basiert nicht auf Vermutungen oder Intuition, sondern auf gründlicher Analyse und ganzheitlichem Verständnis.

Jeder Schritt im Prozess der Erlebnisgestaltung wird durch die UX-Strategie sorgfältig umrissen. Von der anfänglichen Konzeption bis zur Umsetzung wird jede Entscheidung durch eine klare Begründung gestützt, die durch Daten, Forschung und Abstimmung untermauert wird, um nicht nur ein funktionales Produkt, sondern ein Erlebnis zu bieten, das die Erwartungen erfüllt oder übertrifft.

Die UX-Strategie ist eine Karte, die Projektteams durch ein komplexes Terrain führt. Legen Sie klar fest, was getan werden muss und, was ebenso wichtig ist, was nicht getan werden darf, und konzentrieren Sie sich dabei auf das erwartete Ergebnis.

Wie können wir diesen Prozess im Rahmen eines Unternehmens effektiv umsetzen? Die aus dem Prozess resultierenden Ergebnisse können in Bezug auf den Aufwand variieren, je nach Tiefe und Komplexität der Herausforderungen, denen wir gegenüberstehen. Von einer eintägigen Frist bis hin zu einer kontinuierlichen Präsenz ist der Prozess flexibel und anpassungsfähig, um auf jede Situation zu reagieren.

Die in diesem Zusammenhang skizzierte UX-Strategie ist nicht nur eine Methodik, sondern ein Strukturierungsmittel für alle Elemente eines Projekts.
Durch die Eliminierung von Vermutungen ist jeder Schritt im UX-Prozess ein bewusster Ausdruck der Strategie, bei dem die Teams zusammenarbeiten, um eine kohärente Erzählung zu erstellen.

Der Erfolg eines digitalen Produkts wird nicht nur durch seine technische Funktionalität bestimmt, sondern auch durch das Gesamterlebnis, das es bietet. Die UX-Strategie wird zur treibenden Kraft hinter diesem Erlebnis.

Schließlich ist es wichtig zu erkennen, dass die UX-Strategie kein statisches Gebilde ist, sondern dynamisch und anpassungsfähig ist. Wenn sich die Nutzerbedürfnisse entwickeln und die Geschäftsziele anpassen, dient die Strategie als flexibler Leitfaden, der sicherstellt, dass das digitale Erlebnis mit der Vision des Unternehmens im Einklang steht.

Indem wir eine strategische Denkweise in den UX-Ansatz einbeziehen, schaffen wir nicht einfach nur digitale Produkte: Wir schmieden Erlebnisse, die über die Erwartungen hinausgehen und einen bleibenden Eindruck bei denjenigen hinterlassen, die das digitale Produkt nutzen und fühlen.