Freigeben über

Entwerfen inklusiver Software für Windows

  • Artikel

Erfahren Sie mehr über das aufkommende inklusive Design mit Windows-Apps für Windows. Entwerfen und erstellen Sie inklusive Software mit Fokus auf Barrierefreiheit.

Bei Microsoft entwickeln wir unsere Designprinzipien und -praktiken weiter. Diese informieren, wie unsere Erfahrungen aussehen, verhalten, funktionieren und verhalten. Wir erhöhen unsere Perspektive.

Diese neue Designphilosophie wird als inklusives Design bezeichnet. Die Idee besteht darin, Software von Anfang an mit allen zu entwerfen. Dies ist im Gegensatz zur Anzeige der Barrierefreiheit als Technologie, die Sie am Ende des Entwicklungsprozesses anblitzen, um eine kleine Gruppe von Benutzern zu befriedigen.

"Wir definieren Eine Behinderung als ein Missverhältnis zwischen den Bedürfnissen der Person und der angebotenen Dienstleistung, des Produkts oder der Umgebung. Jeder kann eine Behinderung erleben. Es ist eine gemeinsame menschliche Eigenschaft, ausgeschlossen zu werden." - aus dem Inklusiven Video

Mithilfe des inklusiven Designs werden bessere Produkte für alle erstellt. Es geht darum, die gesamte Palette der menschlichen Vielfalt zu berücksichtigen. Betrachten Sie die Bordsteinausschnitte, die Sie jetzt auf den meisten Straßenwegen finden. Sie waren eindeutig darauf ausgelegt, von Menschen im Rollstuhl genutzt zu werden. Aber jetzt nutzt fast jeder sie, darunter Menschen mit Babyspazierern, Radfahrern, Skatern. Selbst Fußgänger werden oft Bordsteinschnitte verwenden, da sie dort sind und eine bessere Erfahrung bieten. Die Fernsteuerung des Fernsehens könnte als Hilfstechnologie (AT) für jemanden mit körperlichen Einschränkungen betrachtet werden. Und doch ist es heute fast unmöglich, ein Fernsehen ohne einen zu kaufen. Bevor Kinder lernen, ihre Schuhe zu binden, können sie Rutschschuhe oder einfaches Anziehen von Schuhen tragen. Schuhe, die leicht aufgezogen und abgenommen werden, werden oft in Kulturen bevorzugt, in denen Schuhe entfernt werden, bevor sie in ein Zuhause gelangen. Sie sind auch für Menschen mit Bewegungsprobleme wie Arthritis oder sogar einem vorübergehend gebrochenen Handgelenk besser.

Inklusive Designprinzipien

Die folgenden vier Prinzipien leiten die Umstellung von Microsoft auf inklusives Design:

Denken Sie universal: Wir konzentrieren uns auf das, was Menschen vereint – menschliche Motivationen, Beziehungen und Fähigkeiten. Dies treibt uns dazu, die breiteren sozialen Auswirkungen unserer Arbeit zu berücksichtigen. Das Ergebnis ist eine Erfahrung, die eine Vielzahl von Möglichkeiten für alle Menschen hat, teilzunehmen.

Machen Sie es persönlich: Als Nächstes fordern wir uns an, emotionale Verbindungen zu schaffen. Mensch-zu-Mensch-Interaktionen können eine bessere Interaktion zwischen Mensch und Technik inspirieren. Die einzigartigen Umstände einer Person können ein Design für jeden verbessern. Das Ergebnis ist eine Erfahrung, die so aussieht, als ob sie für eine Person erstellt wurde.

Halten Sie es einfach: Wir beginnen mit der Einfachheit als ultimativer Entzeichner. Wenn wir die Unübersichtlichkeit reduzieren, wissen die Leute, was als Nächstes zu tun ist. Sie sind inspiriert, sich vorwärts in Räume zu bewegen, die sauber, hell und offen sind. Das Ergebnis ist eine ehrliche und zeitlose Erfahrung.

Freude schaffen: Schöne Erlebnisse wecken Wunder und Entdeckung. Manchmal ist es magisch. Manchmal ist es ein Detail, das genau richtig ist. Wir entwerfen diese Momente so, dass sie sich wie eine willkommene Veränderung im Tempo fühlen. Das Ergebnis ist eine Erfahrung, die Dynamik und Fluss hat.

Inklusive Designbenutzer

Es gibt im Wesentlichen zwei Arten von Benutzern von Hilfstechnologien (AT):

  1. Diejenigen, die es benötigen, aufgrund von Behinderungen oder Beeinträchtigungen, altersbedingten Bedingungen oder vorübergehenden Bedingungen (z. B. eingeschränkte Mobilität von einem gebrochenen Glied)
  2. Diejenigen, die es nicht bevorzugt verwenden, für ein komfortableres oder bequemeres Computererlebnis

Die meisten Computerbenutzer (54 Prozent) sind sich einer Form der Hilfstechnologie bewusst, und 44 Prozent der Computerbenutzer verwenden eine Form davon, aber viele von ihnen verwenden AT nicht, die ihnen zugute kommen würden (Forrester 2004).

Eine 2003-2004 von Microsoft in Auftrag gegebene Studie von Forrester Research stellte fest, dass mehr als die Hälfte – 57 Prozent – der Computerbenutzer im USA zwischen 18 und 64 Jahren von Hilfstechnologien profitieren könnte. Die meisten dieser Benutzer haben sich nicht als Behinderung oder Behinderung identifiziert, sondern bestimmte aufgabenbezogene Schwierigkeiten oder Beeinträchtigungen bei der Verwendung eines Computers ausgedrückt. Forrester (2003) fand auch die folgende Anzahl von Benutzern mit diesen spezifischen Schwierigkeiten: Einer in vier hat eine visuelle Schwierigkeit. Eins in vier Erlebten Schmerzen in den Handgelenken oder Händen. Eins in fünf Erfahrungen mit Hörschwierigkeiten.

Neben dauerhaften Behinderungen kann der Schweregrad und die Art der Schwierigkeiten, die ein einzelnes Erlebnis während des gesamten Lebens hat, variieren. Es gibt nicht so etwas wie ein normaler Mensch. Unsere Fähigkeiten ändern sich immer. Margaret Meade sagte: "Wir sind alle einzigartig. Alle einzigartig zu sein, macht uns alle gleich."

Microsoft widmet sich der Durchführung von Informatik- und Softwaretechnikforschung mit Zielen, um die Computererfahrung zu verbessern und neuartige Computertechnologien zu erfinden. Weitere Informationen finden Sie unter "Aktuelle Microsoft Research and Development Projects ", die darauf abzielen, den Computer barrierefreier zu machen und leichter zu erkennen, zu hören und mit ihnen zu interagieren.

Praktische Entwurfsschritte

Wenn Sie alle dabei sind, ist dieser Abschnitt für Sie vorgesehen. Es beschreibt die praktischen Entwurfsschritte, die Sie bei der Implementierung des inklusiven Designs für Ihre App berücksichtigen sollten.

Beschreiben der Zielgruppe

Definieren Sie die potenziellen Benutzer Ihrer App. Denken Sie alle ihre unterschiedlichen Fähigkeiten und Merkmale durch. Beispielsweise Alter, Geschlecht, Sprache, Gehörlose oder schwerhörige Benutzer, Sehbehinderungen, kognitive Fähigkeiten, Lernstil, Mobilitätseinschränkungen usw. Erfüllt Ihr Design ihre individuellen Anforderungen?

Sprechen Sie mit tatsächlichen Menschen mit spezifischen Bedürfnissen

Treffen Sie sich mit potenziellen Benutzern, die unterschiedliche Merkmale haben. Stellen Sie sicher, dass Sie beim Entwerfen Ihrer App alle ihre Anforderungen berücksichtigen. Beispielsweise hat Microsoft festgestellt, dass gehörlose Benutzer Popupbenachrichtigungen auf ihren Xbox-Konsolen deaktiviert haben. Wenn wir die tatsächlich tauben Benutzer dazu gefragt haben, haben wir erfahren, dass Popupbenachrichtigungen einen Abschnitt der Untertitelung verschleiern. Die Korrektur war das Anzeigen des Popups, das auf dem Bildschirm etwas höher ist. Dies war eine einfache Lösung, die nicht notwendigerweise aus den Telemetriedaten ersichtlich war, die das Verhalten zunächst offenbarten.

Kluges Auswählen eines Entwicklungsframeworks

In der Entwurfsphase ist das Von Ihnen verwendete Entwicklungsframework (z. B. UWP, Win32, Web) für die Entwicklung Ihres Produkts von entscheidender Bedeutung. Wenn Sie den Luxus haben, Ihr Framework auszuwählen, überlegen Sie, wie viel Aufwand es erfordert, Ihre Steuerelemente innerhalb des Frameworks zu erstellen. Was sind die standardmäßigen oder integrierten Barrierefreiheitseigenschaften, die darin enthalten sind? Welche Steuerelemente müssen Sie anpassen? Bei der Auswahl Ihres Frameworks wählen Sie im Wesentlichen aus, wie viel der Barrierefreiheitssteuerelemente sie "kostenlos" erhalten (d. h. wie viel der Steuerelemente bereits integriert ist) und wie viel zusätzliche Entwicklungskosten aufgrund von Steuerelementanpassungen erfordert.

Verwenden Sie standardmäßige Windows-Steuerelemente, wenn möglich. Diese Steuerelemente sind bereits mit der Technologie aktiviert, die für die Schnittstelle mit Hilfstechnologien erforderlich ist.

Entwerfen einer logischen Hierarchie für Ihre Steuerelemente

Nachdem Sie ihr Framework erstellt haben, entwerfen Sie eine logische Hierarchie, um Ihre Steuerelemente zuzuordnen. Die logische Hierarchie Ihrer App umfasst das Layout und die Aktivierreihenfolge von Steuerelementen. Wenn Hilfstechnologien (AT)-Programme wie Bildschirmsprachausgaben Ihre Benutzeroberfläche lesen, reicht die visuelle Darstellung nicht aus. Sie müssen eine programmgesteuerte Alternative bereitstellen, die für Ihre Benutzer strukturell sinnvoll ist. Eine logische Hierarchie kann Ihnen dabei helfen. Es ist eine Möglichkeit, das Layout Ihrer Benutzeroberfläche zu untersuchen und jedes Element so zu strukturieren, dass Benutzer es verstehen können. Eine logische Hierarchie wird hauptsächlich verwendet:

  1. So stellen Sie den Kontext von Programmen für die logische (Lese)-Reihenfolge der Elemente in der Benutzeroberfläche bereit
  2. So identifizieren Sie klare Grenzen zwischen benutzerdefinierten Steuerelementen und Standardsteuerelementen in der Benutzeroberfläche
  3. So bestimmen Sie, wie Teile der Benutzeroberfläche miteinander interagieren

Eine logische Hierarchie ist eine hervorragende Möglichkeit, um potenzielle Benutzerfreundlichkeitsprobleme zu beheben. Wenn Sie die Benutzeroberfläche nicht auf relativ einfache Weise strukturieren können, haben Sie möglicherweise Probleme mit der Benutzerfreundlichkeit. Eine logische Darstellung eines einfachen Dialogfelds sollte nicht zu Diagrammseiten führen. Bei logischen Hierarchien, die zu tief oder zu breit werden, müssen Sie ihre Benutzeroberfläche möglicherweise neu gestalten. Weitere Informationen finden Sie im E-Book "Engineering Software for Accessibility ".

Entwerfen geeigneter visueller UI-Einstellungen

Stellen Sie beim Entwerfen der visuellen Benutzeroberfläche sicher, dass Ihr Produkt über eine Einstellung mit hohem Kontrast verfügt, die Standardsystemschriftarten und Glättungsoptionen verwendet, auf die Bildschirmeinstellungen für Punkte pro Zoll (DPI) ordnungsgemäß skaliert wird, über Standardtext mit mindestens einem Kontrastverhältnis von 5:1 mit dem Hintergrund verfügt und Farbkombinationen aufweist, die benutzern mit Farbmängeln leicht zu unterscheiden sind.

Einstellung für hohen Kontrast

Eine der integrierten Barrierefreiheitsfeatures in Windows ist der Modus "Hoher Kontrast", der den Farbkontrast von Text und Bildern erhöht. Für einige Personen reduziert das Erhöhen des Kontrasts in Farben die Augenbelastung und erleichtert das Lesen. Wenn Sie die Benutzeroberfläche im Modus mit hohem Kontrast überprüfen, sollten Sie überprüfen, ob Steuerelemente, z. B. Links, konsistent und mit Systemfarben (nicht mit hartcodierten Farben) codiert wurden, um sicherzustellen, dass alle Steuerelemente auf dem Bildschirm angezeigt werden können, die ein Benutzer nicht mit hohem Kontrast sieht.

Systemschriftarteneinstellungen

Um die Lesbarkeit zu gewährleisten und unerwartete Verzerrungen für den Text zu minimieren, stellen Sie sicher, dass Ihr Produkt immer den Standardsystemschriftarten entspricht und die Antialiasing- und Glättungsoptionen verwendet. Wenn Ihr Produkt benutzerdefinierte Schriftarten verwendet, können Benutzer erhebliche Lesbarkeitsprobleme und Ablenkungen feststellen, wenn sie die Darstellung ihrer Benutzeroberfläche anpassen (z. B. mithilfe einer Sprachausgabe oder mithilfe unterschiedlicher Schriftformate, um Ihre Benutzeroberfläche anzuzeigen).

Hohe DPI-Auflösungen

Für Benutzer mit Sehbehinderungen ist es wichtig, eine skalierbare Benutzeroberfläche zu haben. Benutzeroberflächen, die in hohen Dpi-Auflösungen (Dots per Inch) nicht ordnungsgemäß skaliert werden, können dazu führen, dass wichtige Komponenten überlappen oder ausblenden und auf diese nicht zugegriffen werden kann.

Farbkontrastverhältnis

Der aktualisierte Abschnitt 508 des Americans with Disability Act (ADA) sowie andere Rechtsvorschriften erfordern, dass der Standardfarbkontrast zwischen Text und Hintergrund 5:1 sein muss. Bei großen Texten (Schriftgrad 18 Punkt oder 14 Punkt und fett formatiert) ist der erforderliche Standardkontrast 3:1.

Farbkombinationen

Etwa 7 Prozent der Männer (und weniger als 1 Prozent der Frauen) haben eine Form des Farbmangels. Benutzer mit Farbenblindheit haben Probleme bei der Unterscheidung zwischen bestimmten Farben, daher ist es wichtig, dass Farbe allein nie verwendet wird, um Status oder Bedeutung in einer Anwendung zu vermitteln. Was dekorative Bilder betrifft (z. B. Symbole oder Hintergründe), sollten Farbkombinationen so gewählt werden, dass die Wahrnehmung des Bilds durch farbenblinde Benutzer maximiert wird. Wenn Sie diese Farbempfehlungen von Anfang an entwerfen, führt Ihre App bereits erhebliche Schritte zum Inklusiven durch.

Zusammenfassung – sieben Schritte für inklusives Design

Führen Sie die folgenden sieben Schritte aus, um sicherzustellen, dass Ihre Software inklusive ist.

  1. Entscheiden Sie, ob inklusives Design ein wichtiger Aspekt für Ihre Software ist. Wenn dies der Grund ist, lernen und schätzen Sie, wie es echten Benutzern ermöglicht, zu leben, zu arbeiten und zu spielen, um Ihr Design zu leiten.
  2. Wenn Sie Lösungen für Ihre Anforderungen entwerfen, verwenden Sie die von Ihrem Framework bereitgestellten Steuerelemente (Standardsteuerelemente) so weit wie möglich, und vermeiden Sie unnötigen Aufwand und Kosten für benutzerdefinierte Steuerelemente.
  3. Entwerfen Sie eine logische Hierarchie für Ihr Produkt, und notieren Sie, wo sich die Standardsteuerelemente, alle benutzerdefinierten Steuerelemente und der Tastaturfokus auf der Benutzeroberfläche befinden.
  4. Entwerfen Sie nützliche Systemeinstellungen (z. B. Tastaturnavigation, hoher Kontrast und hohe DPI-Werte) in Ihr Produkt.
  5. Implementieren Sie Ihr Design, indem Sie den Microsoft-Entwicklerhub für Barrierefreiheit und die Barrierefreiheitsspezifikation Ihres Frameworks als Referenzpunkt verwenden.
  6. Testen Sie Ihr Produkt mit Benutzern, die spezielle Anforderungen haben, um sicherzustellen, dass sie die darin implementierten inklusiven Designtechniken nutzen können.
  7. Liefern Sie Ihr fertiges Produkt, und dokumentieren Sie Ihre Implementierung für diejenigen, die nach Ihnen am Projekt arbeiten können.