{"id":89058,"date":"2023-07-03T11:49:03","date_gmt":"2023-07-03T09:49:03","guid":{"rendered":"https:\/\/www.amberscript.com\/?p=89058"},"modified":"2023-07-03T11:49:26","modified_gmt":"2023-07-03T09:49:26","slug":"wie-benutzerfreundlichkeit-und-barrierefreiheit-zusammenhangen","status":"publish","type":"post","link":"https:\/\/www.amberscript.com\/de\/blog\/wie-benutzerfreundlichkeit-und-barrierefreiheit-zusammenhangen\/","title":{"rendered":"Was ist Benutzerfreundlichkeit und wie h\u00e4ngt sie mit der Barrierefreiheit im Internet zusammen?"},"content":{"rendered":"\n<p>Gebrauchstauglichkeit (oder Usability) und Zug\u00e4nglichkeit sind beide Facetten der nutzerzentrierten UX. Sehen Sie, wie Ihre Anwendung Ihnen helfen wird, eine nutzerzentrierte Website zu erstellen.<\/p>\n\n\n\n<p>Web-Nutzbarkeit und Barrierefreiheit sind beides Elemente einer guten UX und \u00fcberschneiden sich in einigen Aspekten, da beide darauf abzielen, den Inhalt einer Webseite f\u00fcr jeden verst\u00e4ndlich und zug\u00e4nglich zu machen.<\/p>\n\n\n\n<p>Es gibt ein paar Unterschiede im Umfang dieser Themen im Design, aber wenn Sie Ihre Website mit Blick auf den Benutzer strukturieren, k\u00f6nnen Sie diese beiden Standards erfolgreich erf\u00fcllen.<\/p>\n\n\n\n<p>Die User Experience Honeycomb von Peter Morville veranschaulicht die Elemente, die bei der Erstellung einer Website ber\u00fccksichtigt werden sollten &#8211; wie Sie in der Abbildung sehen k\u00f6nnen, sind &#8222;zug\u00e4nglich&#8220; und &#8222;nutzbar&#8220; beides wesentliche Bestandteile eines Designs, das eine hervorragende Benutzererfahrung bietet.<\/p>\n\n\n\n<p>Was ist Benutzerfreundlichkeit bzw. <a href=\"https:\/\/www.interaction-design.org\/literature\/topics\/usability\" target=\"_blank\" rel=\"noopener\">Benutzerfreundlichkeit im Webdesign<\/a>?<\/p>\n\n\n\n<p>In der Welt des Webdesigns bezieht sich die Benutzerfreundlichkeit (auch Usability genannt) darauf, wie leicht die auf einer Webseite bereitgestellten Informationen von den Lesern verdaut werden k\u00f6nnen.<\/p>\n\n\n<div class=\"image-block-wrapper\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1280\" height=\"720\" src=\"https:\/\/www.amberscript.com\/wp-content\/uploads\/2023\/07\/Usability-Model-1280x720.png\" alt=\"\" class=\"wp-image-89041\" srcset=\"https:\/\/www.amberscript.com\/wp-content\/uploads\/2023\/07\/Usability-Model-1280x720.png 1280w, https:\/\/www.amberscript.com\/wp-content\/uploads\/2023\/07\/Usability-Model-640x360.png 640w, https:\/\/www.amberscript.com\/wp-content\/uploads\/2023\/07\/Usability-Model-768x432.png 768w, https:\/\/www.amberscript.com\/wp-content\/uploads\/2023\/07\/Usability-Model-1536x864.png 1536w, https:\/\/www.amberscript.com\/wp-content\/uploads\/2023\/07\/Usability-Model.png 1920w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Was ist Benutzerfreundlichkeit bzw. Benutzerfreundlichkeit im Webdesign?<\/strong><\/h2>\n\n\n\n<p>Um eine gute Benutzerfreundlichkeit einer Website zu erreichen, sollte die Entwicklung und Gestaltung aus der Kundenperspektive erfolgen. Versetzen Sie sich in die Lage Ihrer Kunden und stellen Sie zun\u00e4chst grundlegende Fragen:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Kann ich auf der Website finden, was ich brauche?<\/li>\n\n\n\n<li>Verstehe ich, was verkauft wird?<\/li>\n\n\n\n<li>Gelingt es mir, das zu tun, weswegen ich hergekommen bin?<\/li>\n<\/ul>\n\n\n\n<p>Die Formel f\u00fcr die Benutzerfreundlichkeit hat einige Bestandteile: Effektivit\u00e4t, Effizienz, Engagement, Fehlertoleranz und leichte Erlernbarkeit.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wichtige Faktoren zur F\u00f6rderung der Benutzerfreundlichkeit<\/strong><\/h2>\n\n\n\n<p>Hier sind einige Faktoren, die die Benutzerfreundlichkeit ausmachen und beeinflussen:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1) Zug\u00e4nglichkeit<\/strong><\/h3>\n\n\n\n<p>Wie bereits erw\u00e4hnt, sind diese beiden Aspekte untrennbar miteinander verbunden. Eine zug\u00e4ngliche Website ist eine Website, die von jedermann leicht genutzt werden kann.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2) Reaktionsf\u00e4higkeit<\/strong><\/h3>\n\n\n\n<p>Dies bezieht sich auf die F\u00e4higkeit Ihrer Website, auf verschiedenen Ger\u00e4ten zu funktionieren.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3) Suchmaschinenoptimierung (SEO<\/strong>)<\/h3>\n\n\n\n<p>Die Architektur Ihrer Website macht sie f\u00fcr Suchmaschinen crawlbar und durchsuchbar, so dass der Inhalt f\u00fcr die Nutzer zug\u00e4nglich ist.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4) Inhalt und Botschaft<\/strong><\/h3>\n\n\n\n<p>Klare und effektive Kommunikation, die den Besucher zu seinem Ziel f\u00fchrt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5) Layout und Navigation<\/strong><\/h3>\n\n\n\n<p>Es sollte einfach und intuitiv sein, auf Ihrer Website zu navigieren und die Informationen zu finden, nach denen die Nutzer suchen. Men\u00fcs, Struktur, etc. Schauen Sie sich gute Beispiele wie Apple an: einfaches Design, das den Fokus des Benutzers dort h\u00e4lt, wo er sein soll.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6) Website-Geschwindigkeit und Fehler<\/strong><\/h3>\n\n\n\n<p>Ihre Website kann noch so sch\u00f6n sein, aber wenn sie zu lange zum Laden braucht, werden die Nutzer sie nicht besuchen. Sie sollten auch in der Lage sein, die gew\u00fcnschten Aktionen schnell auszuf\u00fchren. \u00dcberwachen Sie Fehler und stellen Sie sicher, dass die Nutzer sich davon erholen k\u00f6nnen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong><strong>Digitale Zug\u00e4nglichkeit: ein integratives Nutzererlebnis bieten<\/strong><\/strong><\/h2>\n\n\n\n<p>Den Nutzer in den Mittelpunkt der Gestaltung Ihrer Website zu stellen bedeutet, die Bed\u00fcrfnisse aller Nutzer zu ber\u00fccksichtigen. Das ist nur m\u00f6glich, wenn man bedenkt, dass 10-15 % der Weltbev\u00f6lkerung eine Art von Behinderung haben.<\/p>\n\n\n\n<p>F\u00fcr diese Gruppe kann der Besuch einer Website, die nicht angepasst ist, \u00e4u\u00dferst frustrierend sein. Digitale Zug\u00e4nglichkeit ist nicht nur sch\u00f6n, sondern in Europa, wie auch in anderen Regionen, ist es f\u00fcr \u00f6ffentliche Einrichtungen Pflicht, zug\u00e4ngliche Inhalte anzubieten.<\/p>\n\n\n\n<p>Es gibt ein breites Spektrum von Behinderungen, die f\u00fcr die Nutzer ein Hindernis darstellen k\u00f6nnen, darunter visuelle, auditive und kognitive (z. B. Legasthenie). Wenn Sie die Richtlinien f\u00fcr die Zug\u00e4nglichkeit von Web-Inhalten befolgen, werden Ihre Inhalte auch integrativer und beg\u00fcnstigen eine noch breitere Gruppe, wie z. B. Menschen mit geringer Lese- und Schreibkompetenz oder Menschen mit Schlafst\u00f6rungen.<\/p>\n\n\n\n<p>Amberscript kann Ihnen dabei helfen, die <a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/\" target=\"_blank\" rel=\"noopener\">WAGC 2.1 Digital Accessibility Standards<\/a> f\u00fcr Geh\u00f6rlose und Schwerh\u00f6rige zu erf\u00fcllen.<\/p>\n\n\n\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wie man anf\u00e4ngt<\/strong><\/h2>\n\n\n\n<p>Wenn Sie bereits eine Website haben, k\u00f6nnen Sie deren Benutzerfreundlichkeit und Zug\u00e4nglichkeit durch einige Tests \u00fcberpr\u00fcfen.<\/p>\n\n\n\n<p>Bei den Tests zur Benutzerfreundlichkeit geht es darum, Probleme im Benutzerfluss zu identifizieren, Fehler zu finden und M\u00f6glichkeiten zur Verbesserung der allgemeinen Benutzerfreundlichkeit zu erkennen. Sie k\u00f6nnen Tools wie <a href=\"https:\/\/www.optimizely.com\/de\/\" target=\"_blank\" rel=\"noopener\">Optimizely<\/a>, <a href=\"https:\/\/www.userzoom.com\/de\/\" target=\"_blank\" rel=\"noopener\">UserZoom<\/a> und <a href=\"https:\/\/www.usertesting.com\/de?gh_jid=4622708003\" target=\"_blank\" rel=\"noopener\">UserTesting<\/a> verwenden, um neue Erkenntnisse zu gewinnen und Ihre Hypothese zu \u00fcberpr\u00fcfen.<\/p>\n\n\n\n<p>F\u00fcr die <a href=\"https:\/\/www.amberscript.com\/de\/unternehmen-anwendungsfall\/digitale-barrierefreiheit\/\">digitale Zug\u00e4nglichkeit <\/a>gibt es spezielle Tests und Tools, die angewendet werden k\u00f6nnen. Wenn Sie eine Website f\u00fcr eine \u00f6ffentliche Einrichtung in Europa oder eine andere Organisation verwalten, die gesetzlich verpflichtet ist, die Zug\u00e4nglichkeitsstandards zu erf\u00fcllen, sollten Sie sich mit allen Anforderungen der <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/quickref\/#time-based-media\" target=\"_blank\" rel=\"noopener\">WGAC 2.1<\/a> befassen (Weitere Informationen finden Sie auf unserer Seite zur digitalen Zug\u00e4nglichkeit und in unserem ebook).<\/p>\n\n\n\n<p>Wenn Sie nicht dazu verpflichtet sind, Ihre Website aber dennoch barrierefrei gestalten m\u00f6chten, k\u00f6nnen Sie sich an bew\u00e4hrte Verfahren halten, wie z. B. <a href=\"https:\/\/www.amberscript.com\/de\/blog\/untertitel-einfuegen\/\">das Hinzuf\u00fcgen von Untertiteln und Transkripten zu Audio- und Videoinhalten<\/a>, die Verwendung eines geeigneten Kontrastverh\u00e4ltnisses und die Bereitstellung einer Audioversion f\u00fcr schriftliche Inhalte.<\/p>\n\n\n\n<p>Es gibt eine Reihe von Tools, mit denen Sie testen k\u00f6nnen, wie zug\u00e4nglich Ihre Website ist. Eine umfangreiche Liste von Testtools finden Sie <a href=\"https:\/\/www.w3.org\/WAI\/ER\/tools\/\" target=\"_blank\" rel=\"noopener\">hier<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong><strong>Wenn Sie eine Website erstellen<\/strong><\/strong><\/h3>\n\n\n\n<p>Wenn Sie eine neue Website entwerfen, achten Sie darauf, dass Sie die Elemente der User Experience Honeycomb ber\u00fccksichtigen.<\/p>\n\n\n\n<p>Erstellen Sie eine Website, die:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>1) Benutzerfreundlich <\/strong><\/h4>\n\n\n\n<p>Denken Sie daran, dass die wichtigsten Merkmale Effektivit\u00e4t, Effizienz, Engagement, Fehlertoleranz und leichte Erlernbarkeit sind.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2) <strong>N\u00fctzlich<\/strong><\/h4>\n\n\n\n<p>Ihr Produkt erf\u00fcllt einen Bedarf, sonst w\u00fcrden Sie es nicht verkaufen. Machen Sie deutlich, wie n\u00fctzlich es ist, indem Sie wertvolle und klare Informationen liefern.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>3) Begehrenswert<\/strong><\/h4>\n\n\n\n<p>Denken Sie daran, dass der Schwerpunkt auf dem Produkt liegen sollte, das Sie bewerben, und nicht nur auf der Website. Sie wollen kein Design haben, das die Aufmerksamkeit von Ihrem Produkt ablenkt. Nehmen Sie dazu wieder das Beispiel von Apple &#8211; ein minimalistisches Design, das das Produkt in den Mittelpunkt stellt.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>4) Auffindbar<\/strong><\/h4>\n\n\n\n<p>Das gilt f\u00fcr eine SEO-freundliche Architektur, die den Nutzern hilft, sie zu finden, aber auch f\u00fcr Breadcrumbs, Men\u00fcs und Funktionen, die die Navigation innerhalb Ihrer Website erleichtern.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">5) <strong>Barrierefrei<\/strong><\/h4>\n\n\n\n<p>Beziehen Sie Nutzer mit Behinderungen in Ihre Marketing-Personas ein, um sicherzustellen, dass Sie ein gr\u00f6\u00dferes Publikum erreichen. <a href=\"https:\/\/www.w3.org\/WAI\/WCAG21\/quickref\/\" target=\"_blank\" rel=\"noopener\">Ber\u00fccksichtigen Sie die WCAG 2.1-Richtlinien, um eine nutzerorientierte Website zu erstellen.<\/a><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>6) Glaubw\u00fcrdig <\/strong><\/h4>\n\n\n\n<p>Stellen Sie sicher, dass Sie Platz f\u00fcr Abzeichen, Testimonials und Bewertungen schaffen, die Ihren Nutzern zeigen, dass sie Ihnen vertrauen k\u00f6nnen.<\/p>\n\n\n\n<p>Denken Sie daran, dass Benutzerfreundlichkeit ein fortlaufender Prozess ist. Das Verhalten der Nutzer ist nicht immer intuitiv, also testen Sie, iterieren Sie, testen Sie erneut und verbessern Sie die Nutzererfahrung auf Ihrer Website kontinuierlich.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gebrauchstauglichkeit (oder Usability) und Zug\u00e4nglichkeit sind beide Facetten der nutzerzentrierten UX. Sehen Sie, wie Ihre Anwendung Ihnen helfen wird, eine nutzerzentrierte Website zu erstellen. Web-Nutzbarkeit und Barrierefreiheit sind beides Elemente einer guten UX und \u00fcberschneiden sich in einigen Aspekten, da beide darauf abzielen, den Inhalt einer Webseite f\u00fcr jeden verst\u00e4ndlich und zug\u00e4nglich zu machen. Es [&hellip;]<\/p>\n","protected":false},"author":70,"featured_media":85403,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[144],"tags":[173],"class_list":["post-89058","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","tag-digitale-barrierefreiheit"],"acf":{"text":"","link":"","questions":""},"_links":{"self":[{"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/posts\/89058","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/comments?post=89058"}],"version-history":[{"count":0,"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/posts\/89058\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/media\/85403"}],"wp:attachment":[{"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/media?parent=89058"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/categories?post=89058"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.amberscript.com\/de\/wp-json\/wp\/v2\/tags?post=89058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}