Share
Beginnen wir mit ein paar Fragen.
Ein Style Guide ist ein Designdokument, mit dem Sie eine Reihe von Standards festlegen können, wenn Sie Sicherheiten oder Benutzeroberflächen für ein Unternehmen zusammenstellen, im Wesentlichen alle für das Unternehmen produzierten Produkte oder Artefakte.
Für einen Entwickler kann ein Style Guide erstellt werden, damit er weiß, was genau erstellt werden soll, oder einen Designer, der Designaspekte und das Gesamtbild versteht. Es kann auch breiter im gesamten Unternehmen eingesetzt werden, um bei der Erstellung neuer Dokumente Orientierung und Klarheit zu geben.
Zugänglichkeit gewährleistet, dass Ihre Entwürfe einem gemeinsamen Standard folgen und für eine Vielzahl von Menschen zugänglich sind, beispielsweise für Personen mit körperlichen oder kognitiven Behinderungen.
Ein Style Guide ist eine großartige Möglichkeit, die Konsistenz Ihrer Designs durchzusetzen. Es stellt sicher, dass Sie eine solide Basis haben, mit der Sie arbeiten können. Wenn wir über Style-Guides sprechen, denken wir normalerweise über Logo-Integrität, Typografie und Farbe nach. Aber wie sieht es mit der Zugänglichkeit aus? Berücksichtigen Sie die folgenden Fälle für die Verwendung eines Style Guide für Eingabehilfen:
Ein Style Guide gibt die Richtung vor. Anstatt zum Beispiel beim Erstellen eines Formulars ein pixelgenaues Mockup zusammenzustellen, kann es vorkommen, dass ein Entwickler es vorziehen würde, auf ein Handbuch zur Barrierefreiheit zu verweisen, um zu entscheiden, wie das Formular erstellt wird. Beim Festlegen von Richtlinien zur Barrierefreiheit können Sie Anweisungen dazu geben, welche Arten von Formularsteuerelementen wann verwendet werden.
SEO ist ein weiterer Grund, warum Designer auf die Zugänglichkeit achten müssen. Wenn Sie beispielsweise Text in ein Bild einfügen, können Bildschirmlesegeräte nicht darauf zugreifen und Google bestraft Ihre Website mit unzureichend gekennzeichneten Inhalten. Ihre Website zugänglich zu machen, hat den positiven Effekt, dass Sie SEO unterstützen.
Zugänglichkeit ist ein großer Teil von UX. Schließlich wird nicht jeder ein Produkt auf dieselbe Weise erleben. Kontrastfarben können einen Benutzer durch einen beabsichtigten Fluss leiten, aber jemand, der nicht in der Lage ist, diese Kontrastfarben zu unterscheiden, kann die Erfahrung als nicht intuitiv empfinden. Es ist empfehlenswert, Usability-Hindernisse zu antizipieren und diese in einem Style Guide für Barrierefreiheit zu planen.
Übergabe ist ein perfektes Beispiel dafür, wann Sie nach einem Access-Style-Guide suchen. Möglicherweise arbeiten Sie auf Vertragsbasis und versuchen, die Dinge für den nächsten Auftragnehmer oder die nächste Agentur zu bündeln, die die Stelle übernimmt, an der Sie aufgehört haben. Geben Sie der nächsten Reihe von Arbeitnehmern Einblick in Ihr Denken aus Sicht der Zugänglichkeit.
Formulare haben eine Reihe von Heuristiken oder Daumenregeln, die mit der Zugänglichkeit verbunden sind. Wie eine Form aufgebaut ist, ist sehr wichtig. Wann war das letzte Mal, dass Sie eine Element mit einem ? Markup-Details wie diese sind für assistive Technologien sehr hilfreich.
Visuell können Sie die Nähe der Beschriftungen berücksichtigen, um Eingaben zu bilden. Ein anderes Beispiel ist vielleicht die Ausrichtung und wie sie auf mobilen Geräten gerendert werden.
Touch-Zielgröße ist sehr wichtig. Auf mobilen Geräten und Tablet-Geräten sollte der Benutzer über den optimalen Platz für die Auswahl eines Schaltflächenelements verfügen. Wenn es zu klein ist, denken sie wahrscheinlich, dass das System hinterherhinkt oder dass der Link nicht funktioniert! Im Idealfall möchten Sie, dass ein Ziel etwa 44 Punkte hoch und breit ist, damit es mit einem Finger genau getroffen werden kann.
Gibt es genug Farbkontrast auf Elementen auf Ihrer Seite? Ist Text gegen bestimmte Fotos lesbar? Dies ist wichtig zu berücksichtigen, da viele Menschen an Sehstörungen leiden oder in gewisser Weise farbblind sind.
Ein kleiner Text ist ein weiteres allgemeines Thema, insbesondere für ältere Bürger. Entwickler müssen UIs für Flexibilität anpassen, damit Benutzer, die Probleme beim Lesen von Text haben, die Ansicht vergrößern und verkleinern können. Wenn Sie für eine App entwerfen, möchten Sie ein Layout erstellen, das zum Bildschirm des Geräts passt. Benutzer sollten alle Steuerelemente vermeiden, bei denen der Benutzer horizontal zoomen oder scrollen muss.
Außerdem sollte die Textgröße mindestens 11 Punkte betragen, damit sie lesbar ist. Im Idealfall soll der Durchschnittsbenutzer das Ein- und Auszoomen zum Lesen des Inhalts vermeiden.
Unter anmutiger Verschlechterung versteht man, wie effektiv Ihr Produkt funktioniert, wenn jemand eine langsamere Verbindung, eine andere Bildschirmgröße, eine andere Auflösung oder einen anderen Browser hat oder sogar Einschränkungen für den Browser hat. Wenn Sie sich mit diesen Einschränkungen und Einschränkungen vertraut machen, kann Ihr Unternehmen feststellen, ob die Zielgruppen mit diesen auferlegten Einschränkungen weiterhin auf Ihre Inhalte zugreifen können. Die meisten Fehler sind keine schockierenden Überraschungen. Es sind vorhersehbare Ereignisse, für die Sie planen können, anstatt sie als seltene, unvorhersehbare Unfälle wegzuwünschen.
Wenn Sie eine Usability-Bewertung durchführen, können Sie das, was Sie beobachtet haben, verwenden. Probleme mit der Zugänglichkeit in Ihrem gesamten System können dazu beitragen, die Regeln für die Zugänglichkeit in Ihrem Style Guide zu beschreiben. Wenn Sie beispielsweise Testmetriken wie kritische Fehler verwendet haben und feststellen, dass diese auf Farbkontrast, Touch-Sizing-Probleme oder andere Probleme mit der Zugänglichkeit zurückzuführen sind, nehmen Sie dies in Ihren Style-Guide für Barrierefreiheit auf. Sehr relevante Beispiele verleihen Ihrem Dokument mit größerer Wahrscheinlichkeit Glaubwürdigkeit und ziehen bei den Stakeholdern zu.
Styleguides sind alltäglich. Eingabehilfen für Zugänglichkeit sind nicht so häufig, sollten jedoch nicht übersehen werden. In einigen Fällen können sie sogar kritisch sein. Sie sind jedoch auch von Vorteil, wenn Sie über die allgemeine Benutzererfahrung nachdenken. Farbkontrast, Berührungszielgröße und Formularelemente können Probleme verursachen, wenn sie nicht korrekt ausgeführt werden.
Accentsconagua