Online-Shops, Bankanwendungen, Hotelreservierungen oder freiberufliche Jobs, immer mehr die Aufgaben, die über das Internet erledigt werden und das haben in einigen Fällen die herkömmlichen Medien ersetzt.
diese Das schnelle Wachstum des digitalen Betriebs hat es uns leichter gemacht in vielerlei Hinsicht Leben. Dies spart uns Zeit, da Transaktionen schneller sind und keine Notwendigkeit besteht, zu einer physischen Einrichtung zu reisen, und natürlich Es wurden neue Medien erstellt, die vorher nicht existierten und das nutzen heute die meisten Menschen wie soziale Netzwerke, Streaming-Filme und Serien auf Plattformen wie Netflix oder Online-Zahlungssysteme wie Paypal.
Mit diesem Aufstieg der digitalen Welt ist es wesentlich investieren Sie in die Entwicklung zugänglicher und gut gestalteter Schnittstellen Für die Benutzer. Das können wir jedoch nicht vergessen Es gibt Benutzer, die unter Behinderungen leiden physisch oder psychisch, die ihre Erfahrung und ihre Fähigkeit, Computer und Handys zu benutzen, erheblich einschränken.
Obwohl es einige Behinderungen gibt, z. B. Rollstuhlfahrer, die die Internetnutzung nicht beeinträchtigen, gibt es andere, z. B. Sehstörungen oder Blindheit, Probleme mit der motorischen Koordination, Taubheit oder Autismus. Sie können Ihre Fähigkeit, im Internet zu navigieren, ernsthaft beeinträchtigen. Für diese Fälle wurden bereits einige erstellt Dispositivos wie Bildschirmleser, die Benutzer unterstützen und unterstützen in Gebieten, in denen sie Behinderungen haben.
Dies ist jedoch nur der erste Teil der Problemlösung. Wenn wir an diese Benutzer denken, müssen wir Entwerfen von Webseitenschnittstellen das erleichtert deine Erfahrung und Ihren Bedürfnissen entsprechen. Beim Entwerfen gibt es einige Prinzipien, die wir anwenden können.
Inhalt und Quellen
Beginnend mit den grundlegendsten müssen Sie Prioritäten bei der Gestaltung von Inhalten setzen. Die Kopfzeile und die Menüleiste müssen visuell leicht zu finden sein und das erste sein, was der Benutzer sieht. Die Elemente auf der Startseite, die Bilder und die relevanten Informationen werden als zweite gefunden.
Auf vielen Seiten erscheinen Anzeigen oder Werbebanner. Wenn dies an sich für alle Benutzer ärgerlich ist, ist es für Benutzer mit Sehbehinderungen ein Problem, da es viel Verwirrung stiftet und das Lesen des Webdiagramms beeinträchtigt. Deshalb ist es wichtig, dass Sie eine erstellen allgemeine redaktionelle Gestaltung der Seite, die ist logisch organisiert und verständlich, und die Elemente sind entsprechend dimensioniert, sodass sich Benutzer auch bei anderen Ablenkungen auf den wichtigen Inhalt konzentrieren können.
Die von Ihnen verwendeten Schriftarten vorzugsweise müssen sie sein groß und leserlich. Der Typ Ohne Serife und fett Sie erleichtern Menschen mit Legasthenie das Lesen erheblich. Andere empfohlene Schriftarten sind: Arial, Times New Roman, Helvetica, Tahoma, Calibri und Verdana.
Und natürlich sollten Sie immer darauf achten, dass es eine klare Unterscheidung zwischen gibt der Text und der Hintergrund. Verwenden Sie keine ähnlichen Farben, sondern wählen Sie lieber kontrastierende Farben.
Die Verwendung von Sans Serif Bold-Schriftarten ermöglicht eine bessere Visualisierung des Texts.
Alternativer Text
El Alternativer Text oder das Alt-Tag sind die Beschreibungen, die auf den Bildern platziert werden auf den Webseiten. Obwohl dieser Text für Benutzer nicht zum Lesen verfügbar ist, a gut geschriebene Beschreibung ist ein Tool, das uns hilft, eine bessere SEO-Positionierung zu erreichen.
Die Nützlichkeit des Alt-Tags hängt jedoch nicht nur davon ab. Für diejenigen Benutzer, die Bildschirmleseprogramme verwenden Für Sehbehinderungen gelten die Beschreibungen der Bilder die einzige Referenz, die sie wissen müssen, wie das Aussehen ist von dem, was auf der Seite angezeigt wird. Wenn wir also zum Beispiel ein Foto von einigen Sukkulenten platzieren wollen, Ein guter alternativer Text wäre: Drei Sukkulenten in rosa Töpfen. Ein sehr kurzer Text wie: Topfpflanzen, Es ist keine Beschreibung relevanter Details und daher nutzlos.
Drei Sukkulenten in rosa Töpfen. Alternatives Textbeispiel.
Anpassungsfähigkeit
Bei der Gestaltung müssen wir auch alle berücksichtigen die Präsentationen, in denen unsere Oberfläche gezeigt wird, entweder in Web- oder Mobile-Version. Die Erfahrung wird immer unterschiedlich sein, je nachdem, auf welchem Medium wir sie betrachten.
Wenn wir das Handy benutzen, Wir können verschiedenen Umgebungen ausgesetzt sein das erschwert das Lesen Von Inhalt des Bildschirms. Wenn wir zum Beispiel im Freien sind, lässt die Helligkeit der Sonne den Bildschirm sehr dunkel erscheinen, und das Rauschen ermöglicht es uns nicht, den Ton gut zu hören. Aus diesem Grund ist es wichtig, über diese Details gut nachzudenken, damit die mobile Version große Buchstaben und dunkle Farben enthält und die Videos Untertitel haben sollten, falls sie schwer zu hören sind.
Passen Sie das Schnittstellendesign so an, dass es sowohl auf Mobiltelefonen als auch auf Computern lesbar ist.
Konsistenz im Design
Redaktionellen Gestaltung Was machen wir mit unserer Website? muss unabhängig vom Abschnitt gleich sein wo bist du. Im Bereich "Startseite" sollten dieselben Symbole in der Menüleiste angezeigt werden wie im Abschnitt "Kontakte". Wir dürfen den Stil nicht ändern noch die Position der Tasten im Web.
Es ist für uns auch nicht bequem, Videos zu platzieren, die automatisch abgespielt werden beim Öffnen der Seite. Für Benutzer, die Bildschirmleseprogramme verwenden, ist es schwierig zu wissen, wie sie angehalten werden können.
Die Menüleiste auf der Starbucks-Seite ist in allen Abschnitten gleich.
Tastaturnavigation
Schließlich haben einige Benutzer mit motorischen Koordinationsproblemen Schwierigkeiten, eine Computermaus zu greifen oder das Touchpad eines Laptops zu verwenden, und verlassen sich ausschließlich auf die Tastatur. Sicher sein zu dass Ihre Website in gewisser Weise gestaltet ist das kann komplett sein Funktioniert nur mit den Tastaturtasten.