{"id":1581,"date":"2022-05-07T10:00:03","date_gmt":"2022-05-07T08:00:03","guid":{"rendered":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/?p=1581"},"modified":"2024-10-08T19:25:05","modified_gmt":"2024-10-08T17:25:05","slug":"was-ist-gute-website-usability","status":"publish","type":"post","link":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/webdesign\/was-ist-gute-website-usability\/","title":{"rendered":"Was ist gute Website-Usability?"},"content":{"rendered":"<p>Wir kl\u00e4ren \u00fcber die Grundlagen auf, worauf man achten sollte, sowie welche <strong>h\u00e4ufigen Usability-Fehler<\/strong> gemacht werden und wie man diese vermeidet.<!--more--><\/p>\n<div class=\"inhaltsverzeichnis-top\"><\/div>\n<div class=\"cta-kontakt hinweis-fuer-links-etc inhaltsverzeichnis closed\" style=\"margin-bottom: 3rem;\">\n<h4>Schnelleinstieg:<\/h4>\n<ul style=\"margin-bottom: 2rem;\">\n<li><a href=\"#abschnitt-1\">Was versteht man unter Usability?<\/a><\/li>\n<li><a href=\"#abschnitt-2\">Was sind die 5 Grundprinzipien guter Website-Usability?<\/a><\/li>\n<li><a href=\"#abschnitt-3\">Was ist der Unterschied zwischen Website-Usability und User-Experience (UX)?<\/a><\/li>\n<li><a href=\"#abschnitt-4\">Typische und h\u00e4ufige Usability-Fehler<\/a><\/li>\n<li><a href=\"#abschnitt-5\">Website-Checkliste f\u00fcr gute Usability<\/a><\/li>\n<li><a href=\"#abschnitt-6\">Was ist der Nutzen einer guten Usability?<\/a><\/li>\n<li><a href=\"#abschnitt-7\">Wie kann ich die Usability testen?<\/a><\/li>\n<li><a href=\"#abschnitt-8\">Fazit<\/a><\/li>\n<li><a href=\"#abschnitt-9\">FAQ zu Website-Usability<\/a><\/li>\n<\/ul>\n<\/div>\n<h2 class=\"blogdetailseite\" style=\"margin-top: 0;\"><em>Usability und User Experience: Was macht eine gute und benutzerfreundliche Website aus?<\/em><\/h2>\n<p><em>Folgende wichtige Aspekte, die sich dabei unter anderem zum Thema Website-Usability ergeben:<\/em><\/p>\n<div class=\"cta-kontakt hinweis-fuer-links-etc\" style=\"margin-top: -2rem; margin-bottom: 3rem;\">\n<h4>Grundlegende Fragen:<\/h4>\n<ul style=\"margin-bottom: 0; padding-left: 0;\">\n<li>Was zeichnet gute Web-Usability aus?<\/li>\n<li>Wodurch wird eine Webseite wirklich benutzerfreundlich?<\/li>\n<li>Wie kann Usability im Rahmen des <a href=\"https:\/\/www.der-informationsdesigner.de\/leistungen\/webdesign-allgaeu\/\">Webdesigns<\/a> umgesetzt werden?<\/li>\n<\/ul>\n<\/div>\n<p>Diese und \u00e4hnliche Fragen besch\u00e4ftigen Webseitenbetreiber und Webdesigner bereits seit sehr vielen Jahren. Grund daf\u00fcr ist, dass die <strong>Benutzerfreundlichkeit eines Web-Auftritts<\/strong> einer der <strong>wichtigsten Aspekte<\/strong> jeder Website ist.<\/p>\n<p>In diesem Artikel werden wir die <strong>Grundlagen der Web-Usability<\/strong> er\u00f6rtern und Ihnen einen konkreten Leitfaden an die Hand geben, mit dem Sie Ihren Online-Auftritt qualitativ benutzerfreundlich gestalten k\u00f6nnen.<\/p>\n<p>Dabei gehen wir auch auf einige h\u00e4ufige Fehler in diesem Prozess ein und zeigen Ihnen, wie Sie selbst die Benutzbarkeit Ihrer Webseite testen k\u00f6nnen.<\/p>\n<div id=\"abschnitt-1\" class=\"ankerbereich\">\n<h2 class=\"blogdetailseite\">Was versteht man unter Usability?<\/h2>\n<\/div>\n<p>Zu Beginn stellt sich erstmal die Frage, <strong>was Usability \u00fcberhaupt ist<\/strong> bzw. was darunter zu verstehen ist.<\/p>\n<figure class=\"bild\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2022\/05\/wichtige-aspekt-der-usability-der-informationsdesigner.png\"><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2022\/05\/wichtige-aspekt-der-usability-der-informationsdesigner.png\" alt=\"Wichtige Aspekte \/ Bestandteile der Usability | Der Informationsdesigner\" \/><\/a><\/figure>\n<p>W\u00e4hrend Usability \u00fcbersetzt <em>\u201eBenutzbarkeit\u201c<\/em> oder auch <em>\u201eBenutzerfreundlichkeit\u201c<\/em> bedeutet, spricht man im Zusammenhang mit IT-Systemen ebenfalls von Gebrauchstauglichkeit. Dies ist auch offiziell in der Normenreihe <a href=\"https:\/\/www.din.de\/de\/meta\/suche\/62730!search?query=Mensch-System-Interaktion\" target=\"_blank\" rel=\"noopener\">DIN EN ISO 9241<\/a> festgehalten, die neben den <a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/allgemein\/die-7-interaktionsprinzipien-fuer-eine-bessere-usability\/\">7 Interaktionsprinzipien<\/a> ebenfalls von den<strong> drei folgenden Leitgedanken<\/strong> handelt.<\/p>\n<div class=\"cta-kontakt hinweis-fuer-links-etc\" style=\"margin-bottom: 3rem;\">\n<h4>Leitgedanken:<\/h4>\n<ul style=\"margin-bottom: 0; padding-left: 0;\">\n<li>Effektivit\u00e4t<\/li>\n<li>Effizienz<\/li>\n<li>Zufriedenstellung<\/li>\n<\/ul>\n<\/div>\n<p>Es geht bei Usability im Kontext von IT-Systemen also darum, den <strong>Nutzer effektiv und effizient zufriedenzustellen<\/strong>. Dieses Ziel haben alle webbasierten IT-Systeme gemein, sowohl Online-Tools wie <a href=\"https:\/\/www.efficiencycrafter.de\/tools\/meistertask\" target=\"_blank\" rel=\"noopener\">Meistertask<\/a> als auch gro\u00dfe Web-Portale wie <a href=\"https:\/\/www.airbnb.de\/\" target=\"_blank\" rel=\"noopener\">Airbnb<\/a>.<\/p>\n<p>Was sich dahinter verbirgt, werden wir im weiteren Verlauf des Artikels noch genauer er\u00f6rtern, indem wir auf die f\u00fcnf Grundprinzipien der Web-Usability eingehen.<\/p>\n<p><strong>Was versteht man also unter Usability im Online-Kontext?<\/strong><\/p>\n<p>Im Zentrum steht das Ziel, dem Seitenbesucher die <strong>richtigen Inhalte auf \u00fcbersichtliche und verst\u00e4ndliche Weise zug\u00e4nglich zu machen<\/strong> und das mit Seriosit\u00e4t und Glaubw\u00fcrdigkeit. Dadurch wird das Interesse des Nutzers effizient, effektiv und zufriedenstellend bedient.<\/p>\n<figure class=\"bild\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2022\/05\/usability-userexperience-webdesign-agentur-allgaeu-der-informationsdesigner.jpg\"><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2022\/05\/usability-userexperience-webdesign-agentur-allgaeu-der-informationsdesigner.jpg\" alt=\"Was versteht man unter Usability? | Der Informationsdesigner\" \/><\/a><\/figure>\n<div id=\"abschnitt-2\" style=\"padding-top: 30px; margin-top: -30px;\">\n<h3>Was sind die 5 Grundprinzipien guter Website-Usability?<\/h3>\n<\/div>\n<p>Nachdem wir nun ein grundlegendes Verst\u00e4ndnis davon haben, was Web-Usability ist, wollen wir uns die<strong> f\u00fcnf Grundprinzipien einer guten Website-Usability<\/strong> ansehen.<\/p>\n<p>Diese Grunds\u00e4tze sind ausschlaggebend f\u00fcr alle Ma\u00dfnahmen, die Sie ergreifen k\u00f6nnen, um auch Ihren Web-Auftritt zu verbessern.<\/p>\n<h4>1. Zug\u00e4nglichkeit<\/h4>\n<p>Das erste Grundprinzip der Web-Usability beschreibt die Intention, dem Seitenbesucher <strong>alle Informationen und Funktionen der Webseite m\u00f6glichst einfach zug\u00e4nglich<\/strong> zu machen. Es soll dem Nutzer also leicht gemacht werden, den Bedarf, aufgrund dessen er die Webseite besucht, zu stillen.<\/p>\n<p>Dazu geh\u00f6ren neben dem allgemeinen Nutzer auch Menschen mit Behinderungen, die unterst\u00fctzende Technologien wie Bildschirmleseger\u00e4te verwenden. Au\u00dferdem sollte die Website auch auf mobilen Ger\u00e4ten wie Smartphones und Tablets schnell laden und gut lesbar sein. Der Gro\u00dfteil der Menschen, die heutzutage online aktiv sind, tun dies mobil von ihrem Smartphone oder Tablet aus.<\/p>\n<p>Umso wichtiger ist es, dass die angebotenen Informationen und Funktionen einer Webseite auch problemlos und einfach \u00fcber diese Ger\u00e4te zug\u00e4nglich sind. Wenn das nicht der Fall ist, wird der Nutzer schnell frustriert sein und die Seite wieder verlassen.<\/p>\n<h4>2. \u00dcbersichtlichkeit<\/h4>\n<p>Das zweite Prinzip der Web-Benutzbarkeit ist die \u00dcbersichtlichkeit. Diese beschreibt das Ziel, dass die <strong>Website so gestaltet sein sollte, dass sich der Nutzer leicht zurechtfindet<\/strong>. Das bedeutet, dass sowohl strukturell als auch optisch ein \u00fcbersichtliches Erscheinungsbild geschaffen werden sollte, das zielf\u00fchrend ist und nicht verirrt.<\/p>\n<p>Dabei ist auch zwischen allgemein aufwendigem Design und zielf\u00fchrendem Design zu unterscheiden. Ein besonders ausgefallenes Erscheinungsbild einer Webseite kann (trotz seiner spannenden Optik) den Seitenbesucher auch eher verwirren und ablenken, statt seinen eigentlichen Bedarf zufriedenzustellen.<\/p>\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\">\n<li><em>Ebenfalls interessant:<\/em>\u00a0<a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/webdesign\/chunking-optimale-verarbeitung-von-inhalten-im-webdesign\/\">Chunking: optimale Verarbeitung von Inhalten im Webdesign<\/a><\/li>\n<\/ul>\n<h4>3. Verst\u00e4ndnis<\/h4>\n<p>Der dritte Grundsatz der Web-Benutzbarkeit ist das Verst\u00e4ndnis. Sobald eine Person eine Webseite zum ersten Mal besucht, findet bewusst oder unbewusst ein Lernprozess statt, der zu einem Verst\u00e4ndnis bzgl. Aufbau und Inhalt f\u00fchren soll.<\/p>\n<p>Nach dem Grundprinzip des Verst\u00e4ndnisses gilt es, die Dauer dieses Prozesses m\u00f6glichst kurzzuhalten. Der <strong>Nutzer soll schnellstm\u00f6glich verstehen<\/strong>, was er sieht und wie er sich auf der Webseite zurechtfindet. Ziel ist es, dass direkt ein klares Verst\u00e4ndnis davon vorhanden ist, dass, ob er an die richtige Anlaufstelle gelangt ist und wie er sich dort zurechtfindet. Eine <strong>gut strukturierte Navigation <\/strong>und<strong> passend gesetzte Verlinkungen<\/strong> sind hier klassische Beispiele f\u00fcr das angemessene Aufgreifen dieses dritten Grundprinzips.<\/p>\n<h4>4. Glaubw\u00fcrdigkeit<\/h4>\n<p>Neben den bereits erl\u00e4uterten Grundprinzipien der Benutzerfreundlichkeit ist auch die Glaubw\u00fcrdigkeit des Web-Auftritts entscheidend. Dieses vierte Prinzip beschreibt das Ziel, dass der Nutzer ein <strong>Vertrauen in die Inhalte, die Webseite selbst und die Personen<\/strong> dahinter entwickelt.<\/p>\n<p>Das ist daher wichtig, da auch die besten Inhalte und Funktionen einer Webseite nichts n\u00fctzen, wenn der Nutzer diesen kein Vertrauen schenkt. Authentizit\u00e4t und Transparenz spielen dabei ebenfalls eine ma\u00dfgebliche Rolle. Der Betreiber der Webseite sollte klar ersichtlich sein und sein Auftritt authentisch.<\/p>\n<h4>5. Relevanz<\/h4>\n<p>Das f\u00fcnfte und letzte Prinzip der Web-Usability ist die Relevanz. Der Inhalt, die Funktionen und das Design einer Website sollten immer <strong>an die Zielgruppe angepasst sein<\/strong>. Das bedeutet, dass das Angebot <strong>auf die spezifischen Bed\u00fcrfnisse des Nutzers zugeschnitten<\/strong> sein muss. Ist das nicht der Fall, wird er die Seite schnell wieder verlassen, weil er nicht findet, was er sucht, oder weil sein Bed\u00fcrfnis inhaltlich nicht angemessen angesprochen wurde.<\/p>\n<p>Dabei wird der Webseitenbetreiber vor die Herausforderung gestellt, dass er definieren muss, was seine Zielgruppen sind und herausfinden muss, welche Personen die Webseite \u00fcberhaupt besuchen. Die Intention dieser Personen sind dann ausschlaggebend daf\u00fcr, welche Inhalte pr\u00e4sentiert werden sollten, um den Bedarf entsprechen zufriedenzustellen.<\/p>\n<p style=\"padding-bottom: 0; margin-bottom: -1rem;\"><iframe loading=\"lazy\" style=\"min-height: 462px;\" title=\"Was ist Website-Usability?\" src=\"https:\/\/www.youtube.com\/embed\/E2J1aP9KvYE\" width=\"100%\" height=\"150\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p class=\"wp-caption-text\" style=\"padding-bottom: 0;\">Eine gute Zusammenfassung was Web-Usability ist und worauf man achten sollte, findet man in diesem informativen Video von Ryte<\/p>\n<div id=\"abschnitt-3\" class=\"ankerbereich\">\n<h3>Was ist der Unterschied zwischen Website-Usability und User-Experience (UX)?<\/h3>\n<\/div>\n<p>Im Zusammenhang mit Usability f\u00e4llt auch immer wieder der Begriff der User-Experience, der mit UX abgek\u00fcrzt wird. Diese beiden Begriffe werden nicht selten als Synonyme f\u00fcreinander verwendet, <strong>bezeichnen aber im Grunde NICHT dasselbe<\/strong>.<\/p>\n<p>Es gibt einen entscheidenden Unterschied den beiden Begrifflichkeiten, der bereits klar wird, wenn man die Begriffe ins Deutsche \u00fcbersetzt. W\u00f6rtlich wird Usability mit <strong>Benutzbarkeit<\/strong> oder <strong>Gebrauchstauglichkeit<\/strong> \u00fcbersetzt, w\u00e4hrend User Experience mit <strong>Benutzererfahrung<\/strong> \u00fcbersetzt wird.<\/p>\n<p>Die Website-Usability beschreibt also, wie einfach es f\u00fcr die Nutzer ist, sich auf einer Website zurechtzufinden und ihre Funktionen zu nutzen. Im Gegensatz dazu liegt der Schwerpunkt der User Experience auf das <strong>vollst\u00e4ndige Erlebnis auf der Webseite<\/strong>. Dazu geh\u00f6ren auch die Emotionen, die ein Nutzer bei der Interaktion mit einer Website empfindet. Dadurch ergibt sich beispielsweise auch, dass Usability deutlich leichter gemessen werden kann, als User Experience.<\/p>\n<p>Letztlich ist Web-Usability Teil der Erfahrung, die ein Besucher auf einer Webseite macht und somit Teil der <strong>gesamten User Experience<\/strong>. W\u00e4hrend Web-Usability also unter Einbeziehung der zuvor vorgestellten Grundprinzipien versucht, die Verwendung der Webseite m\u00f6glichst effizient, effektiv und zufriedenstellend zu gestalten, behandelt User Experience einen gesamtheitlichen und tiefergehenden Ansatz.<\/p>\n<figure class=\"bild\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2022\/05\/was-ist-user-experience-der-informationsdesigner.png\"><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2022\/05\/was-ist-user-experience-der-informationsdesigner.png\" alt=\"Was versteht man unter User Experience? | Der Informationsdesigner\" \/><\/a><\/figure>\n<div id=\"abschnitt-4\" class=\"ankerbereich\">\n<h3>Typische und h\u00e4ufige Usability-Fehler<\/h3>\n<\/div>\n<p>Wenn ein qualitatives Ergebnis der Web-Usability erreicht werden soll, m\u00fcssen einige klassische Fehler vermieden werden.<\/p>\n<figure class=\"bild\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2022\/05\/haeufige-usability-fehler-webdesign-agentur-allgaeu-der-informationsdesigner.jpg\"><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2022\/05\/haeufige-usability-fehler-webdesign-agentur-allgaeu-der-informationsdesigner.jpg\" alt=\"H\u00e4ufigste Usability-Fehler bei Websites | Der Informationsdesigner\" \/><\/a><\/figure>\n<p><em>In diesem Abschnitt werden wir einige der h\u00e4ufigsten Fehler aufzeigen:<\/em><\/p>\n<h4>Von sich selbst ausgehen<\/h4>\n<p>Bei der Gestaltung einer Website ist ein h\u00e4ufiger Fehler, dass diese aus Sicht des Betreibers oder des Webdesigners erstellt wird.<\/p>\n<p>Dabei wird vernachl\u00e4ssigt, dass die Sichtweise, von der hier ausgegangen wird, <strong>nicht zwangsl\u00e4ufig<\/strong> mit der neuer Nutzer \u00fcbereinstimmt. Im Gegenteil, ein Besucher, der zum ersten Mal auf eine Webseite kommt, besitzt eine g\u00e4nzlich andere Perspektive als der Betreiber und Entwickler der Seite.<\/p>\n<p>Diese Perspektive muss bei der Gestaltung der Website ber\u00fccksichtigt werden, ja sogar im Mittelpunkt stehen. Es gilt, sich in die Position des Nutzers zu versetzen und neutrale Personen bei der Konzipierung und dem Design der Webseite einzubeziehen.<\/p>\n<p>Nur so kann eine ansprechende und zielf\u00fchrende Web-Usability f\u00fcr die Personen erreicht werden, deren Bed\u00fcrfnisse man tats\u00e4chlich ansprechen m\u00f6chte.<\/p>\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\">\n<li><em>Ebenfalls interessant:<\/em>\u00a0<a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/webdesign\/was-ist-webdesign\/\">Was ist Webdesign?<\/a> | <a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/webdesign\/was-ist-gutes-webdesign\/\">Was ist gutes Webdesign?<\/a><\/li>\n<\/ul>\n<h4>Nicht schl\u00fcssige Navigation<\/h4>\n<p>Grunds\u00e4tzlich sollte eine Website so gestaltet sein, dass sich der Nutzer so einfach und intuitiv wie m\u00f6glich auf ihr zurechtfindet. <strong>Die Navigation spielt dabei die wohl wichtigste Rolle.<\/strong><\/p>\n<p>Eine gute Navigation muss intuitiv verst\u00e4ndlich sein. Ziel ist es, mit so wenigen Klicks wie m\u00f6glich, zu den wichtigsten Inhalten der Webseite zu gelangen und auf diese zuzugreifen. Sie sollten sich also auch hier in die Position eines neuen Seitenbesuchers versetzen.<\/p>\n<h4>Fehlende Suchfunktion<\/h4>\n<p>Eine Suchfunktion bietet die M\u00f6glichkeit, alle Inhalte einer Webseite dynamisch zu durchsuchen und so passende Ergebnisse zu finden.<\/p>\n<p>Damit stellt die Suchfunktion eine willkommene Alternative zur manuellen Suche und Navigation hin zu den gesuchten Inhalten dar. Suchfunktionen geh\u00f6ren heute zum Standard auf Websites und sollten daher auf keinen Fall fehlen. Weiterhin muss diese gut platziert und auffindbar sein.<\/p>\n<p>Die <strong>Suchergebnisse sollten au\u00dferdem so spezifisch wie m\u00f6glich sein<\/strong>, damit der Nutzer sich nicht durch zu viele nutzlose Informationen w\u00fchlen muss, um das zu finden, was er sucht. Eine fehlende Suchfunktion geh\u00f6rt auf jeden Fall zu den h\u00e4ufigsten Fehlern.<\/p>\n<h4>Die Website ist nicht optimiert f\u00fcr unterschiedliche Ger\u00e4te<\/h4>\n<p>Inzwischen reicht es nicht mehr aus, dass eine Website f\u00fcr Desktop-Computer optimiert ist. Mit der st\u00e4ndig wachsenden Zahl mobiler Ger\u00e4te wie Smartphones und Tablets ist es unerl\u00e4sslich geworden, Websites zu entwickeln, die auch auf diesen Ger\u00e4ten problemlos genutzt werden k\u00f6nnen.<\/p>\n<p>Das erfordert <a href=\"https:\/\/www.der-informationsdesigner.de\/leistungen\/responsive-webdesign-allgaeu\/\"><strong>responsives Webdesign<\/strong><\/a>, was bedeutet, dass sich die Website automatisch an das jeweils verwendete Ger\u00e4t anpasst. Auch heute noch gibt es viele Webseiten, bei denen dieser Usability-Fehler zu finden ist.<\/p>\n<h4>Ladezeiten sind zu lang<\/h4>\n<p>Ein weiterer h\u00e4ufiger Fehler, der im Zusammenhang mit Web-Usability gemacht wird, ist, die Ladezeit der Webseite nicht ausreichend zu ber\u00fccksichtigen und zu optimieren. In unserer schnelllebigen Welt wird Zeit immer kostbarer. Deshalb sind die Nutzer immer weniger bereit, lange auf das Laden einer Website zu warten.<\/p>\n<p>Es gibt verschiedene Gr\u00fcnde, warum die Ladezeiten zu lange dauern k\u00f6nnen. Oft liegt es einfach an zu gro\u00dfen Medien. Aber auch zu lange Server-Antwortzeiten und weitere potenzielle Problemquellen k\u00f6nnen hier Grund f\u00fcr lange Ladezeiten sein.<\/p>\n<h4>Texte sind schlecht lesbar oder unverst\u00e4ndlich<\/h4>\n<p>Neben dem Design sind auch die <strong>Texte auf der Website entscheidend<\/strong> f\u00fcr eine gute Web-Usability. <span style=\"font-weight: 400;\">Die Texte sollten selbstverst\u00e4ndlich frei von Fehlern sein, weshalb eine <\/span><a href=\"http:\/\/quillbot.com\/de\/rechtschreibprufung\" target=\"_blank\" rel=\"noopener\"><b>Rechtschreibpr\u00fcfung <\/b><\/a><span style=\"font-weight: 400;\">dringend zu empfehlen ist. Dar\u00fcber hinaus muss der Inhalt<\/span> klar und pr\u00e4gnant sein. Das hat zwei Vorteile. Zum einen k\u00f6nnen die Nutzer schnell finden, was sie suchen. Zum anderen werden lange Texte von den Besuchern einer Website oft einfach gar nicht gelesen.<\/p>\n<p>Eine <strong>fehlende Strukturierung der Texte<\/strong> in thematische Abschnitte und eine nicht-ansprechende Formulierung geh\u00f6ren daher ebenfalls zu den h\u00e4ufigsten Fehlern im Zusammenhang mit der Web-Usability.<\/p>\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\">\n<li><em>Ebenfalls interessant:<\/em>\u00a0<a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/suchmaschinenoptimierung\/wie-erstelle-ich-guten-seo-text\/\">Wie erstelle ich guten SEO-Text?<\/a><\/li>\n<\/ul>\n<h4>Verzicht auf Tests<\/h4>\n<p>Um eine gute Benutzerfreundlichkeit zu erreichen, ist es wichtig, in <strong>regelm\u00e4\u00dfigen Abst\u00e4nden Nutzertests<\/strong> durchzuf\u00fchren. Bei diesen sogenannten Usability-Tests werden Zielgruppen gebeten, die Website unter realistischen Bedingungen zu testen und Feedback zu geben. Dieses Feedback wird dann genutzt, um notwendige Anpassungen vorzunehmen.<\/p>\n<p>Es gibt verschiedene Ans\u00e4tze und Methoden, einen solchen Test durchzuf\u00fchren. Einige davon stellen wir im weiteren Verlauf dieses Artikels noch vor. In der Praxis wird dieser Prozess jedoch oft vernachl\u00e4ssigt. Das f\u00fchrt dazu, dass viele Websites die Bed\u00fcrfnisse ihrer Nutzer nicht so gut erf\u00fcllen, wie sie es k\u00f6nnten oder sollten.<\/p>\n<h4>Zu viel Werbung<\/h4>\n<p>Werbung ist f\u00fcr viele Betreiber von Websites eine wichtige Einnahmequelle. <strong>Zu viel Werbung irritiert<\/strong> jedoch die Besucher und schadet dem Versuch, f\u00fcr sie die richtigen Inhalte auffindbar zu machen.<\/p>\n<p>Auch auf das Image des Seitenbetreibers kann zu viel Werbung einen negativen Effekt haben. Daher gilt es, diesen Fehler unbedingt zu vermeiden und Werbung bedacht zu platzieren.<\/p>\n<div id=\"abschnitt-5\" class=\"ankerbereich\">\n<h3>Website-Checkliste f\u00fcr gute Usability<\/h3>\n<\/div>\n<p><em>Nachfolgend finden Sie eine <strong>kurze Checkliste<\/strong>, die Ihnen dabei helfen kann, Ihre Webseite auf ihre Usability zu pr\u00fcfen und bei Bedarf zu optimieren:<\/em><\/p>\n<table style=\"margin-bottom: 4rem; margin-top: -2rem;\">\n<tbody>\n<tr>\n<th>Frage<\/th>\n<th>L\u00f6sung<\/th>\n<\/tr>\n<tr>\n<td width=\"40%\"><strong>Sind die verwendeten Elemente konsistent?<\/strong><\/td>\n<td width=\"60%\">Verwenden Sie ein einheitliches Design-Konzept f\u00fcr Elemente auf Ihrer Webseite. Buttons, Links und andere Elemente sollten konsistent wirken. Dabei sollte vor allem auf die Farbgebung, Schriftgr\u00f6\u00dfen und Medienplatzierung geachtet werden.<\/td>\n<\/tr>\n<tr>\n<td width=\"40%\"><strong>Sind alle Texte gut lesbar?<\/strong><\/td>\n<td width=\"60%\">Pr\u00fcfen Sie, dass Ihre Texte zweckm\u00e4\u00dfig und zugleich leicht lesbar sind. Sind sie ansprechend? Sind alle n\u00f6tigen Informationen vorhanden? Gibt es Textteile, die \u00fcberfl\u00fcssig oder irref\u00fchrend sind?<\/td>\n<\/tr>\n<tr>\n<td width=\"40%\"><strong>Sind die Inhalte auf der Website klar strukturiert?<\/strong><\/td>\n<td width=\"60%\">Die Inhalte auf Ihrer Website sollten klar strukturiert sein. Das erleichtert den Nutzern die Orientierung und wirkt sich auch positiv auf die Suchmaschinenoptimierung Ihrer Seite aus.<\/td>\n<\/tr>\n<tr>\n<td width=\"40%\"><strong>Funktioniert die Darstellung der Website auf unterschiedlichen Ger\u00e4ten?<\/strong><\/td>\n<td width=\"60%\">Achten Sie darauf, dass die Ihre Website auch f\u00fcr mobile Ger\u00e4te optimiert ist.<\/td>\n<\/tr>\n<tr>\n<td width=\"40%\"><strong>Ist die Navigation verst\u00e4ndlich und schl\u00fcssig strukturiert?<\/strong><\/td>\n<td width=\"60%\">Die Navigation auf Ihrer Website sollte verst\u00e4ndlich und logisch sein. Die Nutzer sollten sich problemlos auf der Seite zurechtfinden k\u00f6nnen und die wichtigsten Inhalte \u00fcber die Navigation erreichen k\u00f6nnen.<\/td>\n<\/tr>\n<tr>\n<td width=\"40%\"><strong>Verstehen Nutzer m\u00f6glichst schnell, was sie auf der Website erwartet?<\/strong><\/td>\n<td width=\"60%\">Ist es den Seitenbesuchern m\u00f6glich, in wenigen Sekunden zu verstehen, worum es auf der Webseite geht? Der sogenannte &#8222;above the fold&#8220;-Content ist in diesem Zusammenhang besonders wichtig. Das ist der Bereich einer Website, der ohne Scrollen zu sehen ist. In diesem Bereich sollte f\u00fcr den Nutzer bereits ersichtlich sein, was ihn auf der Seite erwartet.<\/td>\n<\/tr>\n<tr>\n<td width=\"40%\"><strong>Sind die Ladezeiten akzeptabel?<\/strong><\/td>\n<td width=\"60%\">Sorgen Sie daf\u00fcr, dass die Ladezeiten der Website so niedrig wie m\u00f6glich sind. Das wirkt sich positiv auf das Nutzererlebnis aus und hat auch Auswirkungen auf die Suchmaschinenoptimierung.<\/td>\n<\/tr>\n<tr>\n<td width=\"40%\"><strong>Funktionieren alle Links?<\/strong><\/td>\n<td width=\"60%\">\u00dcberpr\u00fcfen Sie, ob alle Links auf Ihrer Website funktionieren. Dazu geh\u00f6ren nicht nur externe, sondern auch interne Links.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div id=\"abschnitt-6\" class=\"ankerbereich\">\n<h3>Was ist der Nutzen einer guten Usability?<\/h3>\n<\/div>\n<p><em>Eine gute Web-Usability hat viele Vorteile, hier haben wir einige davon f\u00fcr Sie aufgef\u00fchrt:<\/em><\/p>\n<h4>Verl\u00e4ngerung der Verweildauer<\/h4>\n<p>Wenn sich die Nutzer auf einer Website leicht zurechtfinden, bleiben sie l\u00e4nger auf der Seite. Das wirkt sich positiv auf das Image aus und gibt au\u00dferdem mehr M\u00f6glichkeiten, Produkte oder Dienstleistungen zu pr\u00e4sentieren.<\/p>\n<h4>Reduktion der Anzahl an Supportanfragen<\/h4>\n<p>Wenn die Nutzer einer Website das Gesuchte schnell und ohne Probleme finden k\u00f6nnen, verringert dies ggf. die Anzahl der Supportanfragen, da sich Nutzer selbst helfen k\u00f6nnen und weniger Verst\u00e4ndnisprobleme auftreten.<\/p>\n<h4>Verringerung der Absprungraten<\/h4>\n<p>Wenn eine Website einfach zu bedienen ist, wirkt sich das auch positiv auf die sogenannte &#8222;Absprungrate&#8220; aus. Damit ist der Prozentsatz der Nutzer gemeint, die eine Website verlassen, ohne mit ihr zu interagieren. Ist die Absprungrate niedrig, deutet das darauf hin, dass die Nutzer die Inhalte interessant finden und deshalb eher auf der Seite bleiben.<\/p>\n<h4>Verbesserung der Konversionsrate<\/h4>\n<p>Eine gute Web-Benutzerfreundlichkeit wirkt sich auch positiv auf die Konversionsrate aus. Wenn sich die Nutzer schnell und problemlos auf einer Website zurechtfinden, steigt die Wahrscheinlichkeit, dass sie etwa einen Kauf t\u00e4tigen oder einen Vertrag abschlie\u00dfen.<\/p>\n<h4>Erh\u00f6hung des erzielten Umsatzes<\/h4>\n<p>Als Folge der erh\u00f6hten Konversionsrate und der anderen erw\u00e4hnten Vorteile kann durch eine qualitative Web-Usability letztlich auch die Anzahl der generierten Verk\u00e4ufe erh\u00f6ht werden, was entsprechend zu einer Erh\u00f6hung des Umsatzes f\u00fchrt. Wenn die Nutzer eine positive Erfahrung auf einer Website machen, ist die Wahrscheinlichkeit zudem gr\u00f6\u00dfer, dass sie wiederkommen und einen weiteren Kauf t\u00e4tigen.<\/p>\n<h4>Erh\u00f6hung der Kundenzufriedenheit<\/h4>\n<p>Eine gute Benutzerfreundlichkeit hat auch einen direkten Einfluss auf die Kundenzufriedenheit. Zufriedene Kunden sind eher bereit, eine Website weiterzuempfehlen und das gute Image zu st\u00e4rken.<\/p>\n<div id=\"abschnitt-7\" class=\"ankerbereich\">\n<ul class=\"cta-kontakt hinweis-fuer-links-etc\">\n<li><em>Ebenfalls interessant:<\/em>\u00a0<a href=\" https:\/\/www.der-informationsdesigner.de\/agentur-blog\/allgemein\/psychologie-im-e-commerce-tipps-fuer-erfolgreichen-onlineshop\/\">Psychologie im E-Commerce: Tipps f\u00fcr einen erfolgreichen Online-Shop<\/a><\/li>\n<\/ul>\n<h3>Wie kann ich die Usability testen?<\/h3>\n<\/div>\n<p>Eine gute Benutzerfreundlichkeit einer Website ist der Schl\u00fcssel zu einem positiven Nutzererlebnis. Aber wie kann man diese testen?<\/p>\n<p><em>Es gibt verschiedene Methoden dazu. Auf einige dieser Methoden gehen wir in diesem Abschnitt ein:<\/em><\/p>\n<h4>System Usability Scale (SUS)<\/h4>\n<p>Die System Usability Scale (abgek\u00fcrzt SUS) ist eine Methode zum Testen der Usability, die auf einem <strong>Fragebogen mit zehn Fragen<\/strong> basiert. Diese Fragen verwenden eine mehrstufige Antwort-Skala, eine Likert-Skala.<\/p>\n<p>Die SUS-Methode wurde 1996 von John Brooke entwickelt und hat heute noch Bestand.<\/p>\n<h4>Card Sorting<\/h4>\n<p>Das Card Sorting ist eine Methode, die dazu verwendet wird,<strong> logische Navigationsstrukturen<\/strong> zu entwickeln und zu testen. Nach Vorgaben werden f\u00fcr dieses Verfahren <strong>mindestens 15 repr\u00e4sentative Testpersonen<\/strong> ben\u00f6tigt.<\/p>\n<p>Diesen Testpersonen werden nun Karten gegeben, wobei eine Karte einem Men\u00fcpunkt entspricht. Die Personen haben jetzt die Aufgabe, aus diesen Karten die auszuw\u00e4hlen, die sie f\u00fcr die besten Obermen\u00fcpunkte halten. Auf diese Weise kann unter Einbeziehung repr\u00e4sentativer Meinungen eine bestm\u00f6gliche Men\u00fcstruktur entwickelt werden.<\/p>\n<figure class=\"bild\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2022\/05\/was-ist-gute-usability-card-sorting-webdesign-agentur-allgaeu-der-informationsdesigner.png\"><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2022\/05\/was-ist-gute-usability-card-sorting-webdesign-agentur-allgaeu-der-informationsdesigner.png\" alt=\"Was ist gute Website-Usability - Usability-Methode Card-Sorting | Der Informationsdesigner\" \/><\/a><\/figure>\n<h4>Fokusgruppen-Methode<\/h4>\n<p>Bei der Fokusgruppen-Methode wird eine <strong>moderierte Gruppendiskussion<\/strong> durchgef\u00fchrt, in der ein Austausch zu Eindr\u00fccken und Meinungen sowie Ideen stattfindet.<\/p>\n<p>Diese Methode soll bewirken, dass relativ spontane Reaktionen der Teilnehmenden hervorgerufen werden, von denen dann m\u00f6gliche \u00c4nderungen abgeleitet werden k\u00f6nnen.<\/p>\n<h4>Eye-Tracking<\/h4>\n<p>Mit der Eye-Tracking-Methode misst man die <strong>Augenbewegungen<\/strong> von Usern bzw. Probanden w\u00e4hrend sie ein Produkt, eine Software oder eine Website nutzen. Dabei wird durch Blickerfassung in Zusammenhang mit bestimmten Aufgaben oder Anwendungsszenarien die User Experience (UX) sowie die Usability untersucht.<\/p>\n<p>Durch die <strong>Auswertung der gewonnenen Daten<\/strong> k\u00f6nnen dabei viel hilfreiche Erkenntnisse gewonnen werden, beispielsweise ob der User einen bestimmten Button erkennt, welche Elemente der Proband zuerst betrachtet aber auch welche Elemente die meiste Aufmerksamkeit w\u00e4hrend der Sitzung erhalten.<\/p>\n<figure class=\"bild\"><a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2022\/05\/was-ist-gute-usability-eyetracking-webdesign-agentur-allgaeu-der-informationsdesigner.png\"><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-content\/uploads\/2022\/05\/was-ist-gute-usability-eyetracking-webdesign-agentur-allgaeu-der-informationsdesigner.png\" alt=\"Was ist gute Website-Usability - Usability-Methode Eye-Tracking | Der Informationsdesigner\" \/><\/a><\/figure>\n<div id=\"abschnitt-8\" class=\"ankerbereich\">\n<h3>Fazit<\/h3>\n<\/div>\n<p>Von <strong>Verbesserung der Kundenzufriedenheit<\/strong> bis hin zur <strong>Steigerung des Umsatzes<\/strong> &#8211; eine <strong>gute Web-Usability hat positive Auswirkungen<\/strong> auf fast jeden Aspekt der Online-Pr\u00e4senz eines Unternehmens oder einer Person.<\/p>\n<p>Deshalb ist es umso wichtiger, dass das Design der Webseite nutzerzentriert umgesetzt wird und damit Navigationspfade, Erscheinungsbild und Strukturierung aus Sicht des Nutzers betrachtet werden.<\/p>\n<p>In diesem Artikel sind wir auf die verschiedenen <strong>Grundprinzipien der Web-Usability<\/strong> eingegangen und haben Ihnen Tipps dazu gegeben, wie sich diese Prinzipien in konkreten Ma\u00dfnahmen manifestieren. Wir hoffen, dass dieser Artikel, der zusammen mit den Experten von <a href=\"https:\/\/www.efficiencycrafter.de\/\" target=\"_blank\" rel=\"noopener\">EfficiencyCrafter.de<\/a> entwickelt wurde, Ihnen geholfen hat, zu verstehen, was gute Web-Usability ist und welchen Einfluss sie auf den Erfolg einer Webseite hat.<\/p>\n<div id=\"abschnitt-9\" class=\"ankerbereich\">\n<h3>FAQ zum Thema Website-Usablity<\/h3>\n<\/div>\n<div id=\"accordions-1604\" class=\"accordions-1604 accordions\">\r\n                <div id=\"accordions-lazy-1604\" class=\"accordions-lazy\">\n                    <\/div>\n        <script>\n            jQuery(window).load(function() {\n                jQuery('#accordions-lazy-1604').fadeOut();\n                jQuery('#accordions-1604 .items').fadeIn();\n            });\n        <\/script><style type='text\/css'>\n        @media only screen and (min-width: 1024px) {\n            #accordions-1604 {\n                width: 100%;\n                            }\n        }\n\n        @media only screen and (min-width: 768px) and (max-width: 1023px) {\n            #accordions-1604 {\n                width: 100%;\n                            }\n        }\n\n        @media only screen and (min-width: 0px) and (max-width: 767px) {\n            #accordions-1604 {\n                width: 100%;\n                            }\n        }\n\n        #accordions-1604 .items {\n            display: none;\n        }\n\n        #accordions-1604 .accordions-lazy {\n            text-align: center;\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n        }\n\n        #accordions-1604 {\n            text-align: left;\n            background: #ffffff url() repeat scroll 0 0;\n            padding: 0px;\n            position: relative;\n        }\n\n        #accordions-1604 .accordions-head {\n            background: #eeeeee none repeat scroll 0 0;\n            margin: 0px;\n            padding: 2rem;            outline: none;\n        }\n\n        #accordions-1604 .accordions-head-title {\n            font-family: Lato;\n            color: #222222;\n            font-size: 2rem;\n                    }\n\n        #accordions-1604 .accordions-head-title-toggle {\n            color: #222222;\n            font-size: 2rem;\n                    }\n\n        #accordions-1604 .accordions-head:hover .accordions-head-title {\n            color: #222222;\n                    }\n\n        #accordions-1604 .ui-state-active {\n            background: #50bac2;\n            border: none;\n        }\n\n        #accordions-1604 .accordion-content {\n            font-family: Lato;\n            background: #ffffff none repeat scroll 0 0;\n            color: #666666;\n            font-size: 2rem;\n            margin: 0px;\n            padding: 2rem;\n            border: none;\n        }\n\n        #accordions-1604 .accordion-icons {\n            color: #222222;\n            font-size: 2rem;\n            padding: 0px;\n            margin: 0px;\n                    }\n\n        #accordions-1604 .accordions-head:hover .accordion-icons span {\n            color: #222222;\n                    }\n\n            <\/style>\n<div class=\"items\">\n                        <div post_id=\"1604\" itemcount=\"0\" header_id=\"header-1651827154855\" id=\"header-1651827154855\" style=\"\" class=\"accordions-head head1651827154855 border-none\" toggle-text=\"\" main-text=\"Was ist der Unterschied zwischen Usability und User Experience (UX)?\">\n                                            <span id=\"header-text-1651827154855\" class=\"accordions-head-title\">Was ist der Unterschied zwischen Usability und User Experience (UX)?<\/span>\n                        <span id=\"accordion-icons-1651827154855\" class=\"accordion-icons\">\n                            <span class=\"accordion-icon-active accordion-plus\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n                            <span class=\"accordion-icon-inactive accordion-minus\"><i class=\"fas fa-chevron-up\"><\/i><\/span>\n                        <\/span>\n                                    <\/div>\n                <div class=\"accordion-content content1651827154855 \">\n                    <p><strong>Usability<\/strong> m\u00f6chte durch den Ansatz der <strong>benutzerzentrierten Gestaltung<\/strong> Probleme wie Frustration oder \u00c4rger bei der Nutzung von interaktiven Produkten vermeiden. Dies wird dadurch erreicht, dass der Nutzer dabei unterst\u00fctzt wird, sein(e) Ziel(e) m\u00f6glichst <strong>effektiv<\/strong>, <strong>effizient<\/strong> und <strong>zufriedenstellend<\/strong> zu erreichen. Gute Usability f\u00e4llt in der Regel dem User nicht gro\u00df auf, negative jedoch meist sofort.<\/p>\n<p>Die <strong>User Experience (UX)<\/strong> dagegen beinhaltet zwar ebenfalls das Thema Usability, geht aber dar\u00fcber hinaus. Sie m\u00f6chte dem Nutzer <strong>Spa\u00df<\/strong> und eine m\u00f6glichst <strong>positive Erfahrung<\/strong> z. B. beim Besuch einer Website, allgemein bei der Nutzung von Consumer-Produkten, aber auch im Arbeitskontext vermitteln.<\/p>\n                <\/div>\n                        <div post_id=\"1604\" itemcount=\"1\" header_id=\"header-1651487603129\" id=\"header-1651487603129\" style=\"\" class=\"accordions-head head1651487603129 border-none\" toggle-text=\"\" main-text=\"Warum ist User Experience Design (UX-Design) wichtig?\">\n                                            <span id=\"header-text-1651487603129\" class=\"accordions-head-title\">Warum ist User Experience Design (UX-Design) wichtig?<\/span>\n                        <span id=\"accordion-icons-1651487603129\" class=\"accordion-icons\">\n                            <span class=\"accordion-icon-active accordion-plus\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n                            <span class=\"accordion-icon-inactive accordion-minus\"><i class=\"fas fa-chevron-up\"><\/i><\/span>\n                        <\/span>\n                                    <\/div>\n                <div class=\"accordion-content content1651487603129 \">\n                    <p><strong>User Experience Design<\/strong> beschreibt den Vorgang, das Nutzererlebnis auf der Webseite <strong>optimal zu gestalten<\/strong>, wobei die Usability einen wichtigen Teil dessen darstellt. Dieser Vorgang ist wichtig, da es nicht nur die Zufriedenheit des Nutzers bestimmt, sondern auch einen <strong>positiven Einfluss<\/strong> auf die Wirtschaftlichkeit der Seite und ihres Betreibers hat.<\/p>\n                <\/div>\n                        <div post_id=\"1604\" itemcount=\"2\" header_id=\"header-1651487630874\" id=\"header-1651487630874\" style=\"\" class=\"accordions-head head1651487630874 border-none\" toggle-text=\"\" main-text=\"Was macht eine Website benutzerfreundlich?\">\n                                            <span id=\"header-text-1651487630874\" class=\"accordions-head-title\">Was macht eine Website benutzerfreundlich?<\/span>\n                        <span id=\"accordion-icons-1651487630874\" class=\"accordion-icons\">\n                            <span class=\"accordion-icon-active accordion-plus\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n                            <span class=\"accordion-icon-inactive accordion-minus\"><i class=\"fas fa-chevron-up\"><\/i><\/span>\n                        <\/span>\n                                    <\/div>\n                <div class=\"accordion-content content1651487630874 \">\n                    <p>Es gibt verschiedene Faktoren, die eine Website nutzerfreundlich machen. Neben einer <strong>nutzerorientierten Konzeption<\/strong>, einer klaren und <strong>konsistenten Navigation<\/strong> und <strong>verst\u00e4ndlichen Inhalten<\/strong> spielen auch die <strong>Ladezeit<\/strong> und die <strong>Responsiveness<\/strong> eine wichtige Rolle.<\/p>\n                <\/div>\n                        <div post_id=\"1604\" itemcount=\"3\" header_id=\"header-1651487657005\" id=\"header-1651487657005\" style=\"\" class=\"accordions-head head1651487657005 border-none\" toggle-text=\"\" main-text=\"Was ist Barrierefreiheit?\">\n                                            <span id=\"header-text-1651487657005\" class=\"accordions-head-title\">Was ist Barrierefreiheit?<\/span>\n                        <span id=\"accordion-icons-1651487657005\" class=\"accordion-icons\">\n                            <span class=\"accordion-icon-active accordion-plus\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n                            <span class=\"accordion-icon-inactive accordion-minus\"><i class=\"fas fa-chevron-up\"><\/i><\/span>\n                        <\/span>\n                                    <\/div>\n                <div class=\"accordion-content content1651487657005 \">\n                    <p>Der Begriff der <strong>Barrierefreiheit<\/strong> beschreibt den Grad, in dem eine Website von <strong>m\u00f6glichst vielen Menschen<\/strong> genutzt werden kann. Dazu geh\u00f6ren auch <strong>Personen mit Behinderung<\/strong>. Screenreader k\u00f6nnen hier beispielsweise eingesetzt werden, um die Seite auch f\u00fcr Sehbehinderte zug\u00e4nglich zu machen.<\/p>\n                <\/div>\n            <\/div>\n    <script>\n        jQuery(document).ready(function($) {\n            accordions_active_index_1604 = [];\n                })\n    <\/script><script type=\"application\/ld+json\">\n        {\n            \"@context\": \"https:\/\/schema.org\",\n            \"@type\": \"FAQPage\",\n            \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"Was ist der Unterschied zwischen Usability und User Experience (UX)?\",\n    \"acceptedAnswer\":{\n    \"@type\": \"Answer\",\n    \"text\": \"Usability m\u00f6chte durch den Ansatz der benutzerzentrierten Gestaltung Probleme wie Frustration oder \u00c4rger bei der Nutzung von interaktiven Produkten vermeiden. Dies wird dadurch erreicht, dass der Nutzer dabei unterst\u00fctzt wird, sein(e) Ziel(e) m\u00f6glichst effektiv, effizient und zufriedenstellend zu erreichen. Gute Usability f\u00e4llt in der Regel dem User nicht gro\u00df auf, negative jedoch meist sofort.\r\n\r\nDie User Experience (UX) dagegen beinhaltet zwar ebenfalls das Thema Usability, geht aber dar\u00fcber hinaus. Sie m\u00f6chte dem Nutzer Spa\u00df und eine m\u00f6glichst positive Erfahrung z. B. beim Besuch einer Website, allgemein bei der Nutzung von Consumer-Produkten, aber auch im Arbeitskontext vermitteln.\"\n    }\n    },{\n    \"@type\": \"Question\",\n    \"name\": \"Warum ist User Experience Design (UX-Design) wichtig?\",\n    \"acceptedAnswer\":{\n    \"@type\": \"Answer\",\n    \"text\": \"User Experience Design beschreibt den Vorgang, das Nutzererlebnis auf der Webseite optimal zu gestalten, wobei die Usability einen wichtigen Teil dessen darstellt. Dieser Vorgang ist wichtig, da es nicht nur die Zufriedenheit des Nutzers bestimmt, sondern auch einen positiven Einfluss auf die Wirtschaftlichkeit der Seite und ihres Betreibers hat.\"\n    }\n    },{\n    \"@type\": \"Question\",\n    \"name\": \"Was macht eine Website benutzerfreundlich?\",\n    \"acceptedAnswer\":{\n    \"@type\": \"Answer\",\n    \"text\": \"Es gibt verschiedene Faktoren, die eine Website nutzerfreundlich machen. Neben einer nutzerorientierten Konzeption, einer klaren und konsistenten Navigation und verst\u00e4ndlichen Inhalten spielen auch die Ladezeit und die Responsiveness eine wichtige Rolle.\"\n    }\n    },{\n    \"@type\": \"Question\",\n    \"name\": \"Was ist Barrierefreiheit?\",\n    \"acceptedAnswer\":{\n    \"@type\": \"Answer\",\n    \"text\": \"Der Begriff der Barrierefreiheit beschreibt den Grad, in dem eine Website von m\u00f6glichst vielen Menschen genutzt werden kann. Dazu geh\u00f6ren auch Personen mit Behinderung. Screenreader k\u00f6nnen hier beispielsweise eingesetzt werden, um die Seite auch f\u00fcr Sehbehinderte zug\u00e4nglich zu machen.\"\n    }\n    }]\n        }\n    <\/script>    <script>\n        jQuery(document).ready(function($) {\n            accordion_1604 = $(\"#accordions-1604 .items\").accordion({\n                event: \"click\",\n                collapsible: true,\n                heightStyle: \"content\",\n                animate: (\"swing\", 400),\n                navigation: true,\n                active: 999,\n                            });\n        })\n    <\/script>\n                <\/div>\n<p class=\"cta-kontakt\"><strong>Sie ben\u00f6tigen Unterst\u00fctzung bei der Umsetzung Ihres Webdesign-Projekts?<\/strong> Wir als Webdesign-Agentur aus dem Allg\u00e4u sind Ihr Partner in Websites mit einem ansprechenden und zielf\u00fchrenden Webdesign.<\/p>\n<p><a class=\"cta-kontakt-button\" title=\"Kontaktaufnahme - Der Informationsdesigner | Agentur f\u00fcr professionelles Webdesign im Allg\u00e4u\" href=\"https:\/\/www.der-informationsdesigner.de\/kontakt\/index.php\">Kontaktieren Sie uns<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wir kl\u00e4ren \u00fcber die Grundlagen auf, worauf man achten sollte, sowie welche h\u00e4ufigen Usability-Fehler gemacht werden und wie man diese vermeidet.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,3],"tags":[32,9,41,50],"class_list":["post-1581","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-webdesign","tag-psychologie","tag-responsive-webdesign","tag-usability","tag-ux"],"modified_by":"thomas.soyter","_links":{"self":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts\/1581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/comments?post=1581"}],"version-history":[{"count":130,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts\/1581\/revisions"}],"predecessor-version":[{"id":3149,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts\/1581\/revisions\/3149"}],"wp:attachment":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/media?parent=1581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/categories?post=1581"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/tags?post=1581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}