{"id":1395,"date":"2022-03-10T12:59:02","date_gmt":"2022-03-10T11:59:02","guid":{"rendered":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/?p=1395"},"modified":"2023-01-30T11:02:49","modified_gmt":"2023-01-30T10:02:49","slug":"die-7-interaktionsprinzipien-fuer-eine-bessere-usability","status":"publish","type":"post","link":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/allgemein\/die-7-interaktionsprinzipien-fuer-eine-bessere-usability\/","title":{"rendered":"Die 7 Interaktionsprinzipien f\u00fcr eine bessere Usability"},"content":{"rendered":"<p><em>Die 7 Interaktionsprinzipien nach DIN EN ISO-Norm 9241-110<\/em> &#8211; f\u00fcr eine Optimierung der Conversions und bessere Usability bei Online-Shops und Websites.<br \/>\n<!--more--><\/p>\n<h2 class=\"blogdetailseite\" style=\"margin-top: 0; margin-bottom: 0;\"><em>Mit sieben einfachen Prinzipien eine gute Usability erreichen<\/em><\/h2>\n<p>Die Entwicklung eines Produkts mit echter Benutzerfreundlichkeit im Hinterkopf ist oft einfacher gesagt als getan. Wenn Sie sich je\u00addoch an die 7 Dialogprinzipien \/ Interaktionsprinzipien halten, die in den ISO-Anforderungen verankert sind, ist das schon die halbe Miete. Diese Dialogkonzepte sind regelm\u00e4\u00dfig anzutreffen und gelten derzeit nicht nur f\u00fcr Software.<\/p>\n<p>Sie sorgen daf\u00fcr, dass Ihr System effektiv, erfolgreich und zufriedenstellend f\u00fcr die Kunden arbeitet. In einem Usability-Test werden Sie regelm\u00e4\u00dfig an den Folgen sehen, dass ein festgestellter Usability-Fehler in der Regel auf einen Versto\u00df gegen diverse Dialogkonzepte zur\u00fcckzuf\u00fchren ist.<\/p>\n<h3>Was ist Usability?<\/h3>\n<p><em>Gem\u00e4\u00df Usability-Norm ISO 9241-110 wird sie wie folgt umrissen: <\/em><\/p>\n<p>Interaktive Systeme, Dienstleistungen oder Produkte werden von bestimmten Kunden in einem \u00e4u\u00dferst expliziten Nutzungskontext verwendet, um bestimmte W\u00fcnsche effektiv, erfolgreich und zufriedenstellend zu erf\u00fcllen.<\/p>\n<p>Werden diese Prinzipien im Webdesign umgesetzt, <strong>tr\u00e4gt die Optimierung erheblich zur \u00dcberzeugungskraft der Website bei<\/strong>. Durch die Ma\u00dfnahmen soll erreicht werden, dass die Seite dem Besucher nicht nur gef\u00e4llt, sondern auch zu einem Erlebnis f\u00fcr ihn wird. Der folgende Teil stellt die einzelnen Prinzipien der \u00dcberzeugung vor und erl\u00e4utert konkrete Beispiele f\u00fcr ihre Umsetzung auf einer Website.<\/p>\n<figure class=\"bild\"><a href=\"https:\/\/www.der-informationsdesigner.de\/bilder\/inhaltsseiten\/screendesign-interfacedesign-allgaeu-kaufbeuren-kempten.jpg\"><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/www.der-informationsdesigner.de\/bilder\/inhaltsseiten\/screendesign-interfacedesign-allgaeu-kaufbeuren-kempten.jpg\" alt=\"Die 7 Interaktionsprinzipien - Bessere Usability f\u00fcr Ihre Website | Webagentur Allg\u00e4u: Der Informationsdesigner\" \/><\/a><\/figure>\n<h3>Aber wie erreiche ich echte Sichtbarkeit?<\/h3>\n<p>Echte Sichtbarkeit zu erreichen, ist oft leichter gesagt als getan. Zum Beispiel haben die meisten Strukturen, Dienstleistungen und Produkte regelm\u00e4\u00dfige K\u00e4ufer und oft auch ein paar Verbrauchergruppen. Doch jeder nutzt oder bedient sein Produkt anders.<\/p>\n<p>Wenn Sie zum Beispiel einen Webshop bzw. Onlineshop nutzen, dann gibt es in der Regel unterschiedliche Vorgehensweisen, um Ihr Produkt auf der entsprechenden Website zu bekommen.<\/p>\n<p><strong>Wahl 1:<\/strong> Das Suchmerkmal. Sobald Sie einen Suchbegriff eingeben, werden Sie mit einer Liste von Ergebnissen konfrontiert. Mit Hilfe dieser Auflistung entscheiden Sie sich f\u00fcr die gew\u00fcnschte Ware. Je genauer Sie Ihr Produkt in der Suchleiste eingrenzen, desto zielf\u00fchrender sind die Ergebnisse.<\/p>\n<p><strong>Wahl 2:<\/strong> Browsing. In diesem Fall bewegt sich der K\u00e4ufer typischerweise von Produktkategorie zu Produktkategorie, bis er das gew\u00fcnschte Produkt gefunden hat.<\/p>\n<h3>Verschiedener Kontext<\/h3>\n<p>Je nach Situation kann derselbe Kunde auch anders vorgehen, wie z. B. in einem sehr gro\u00dfen Supermarkt. Um genau diese Verhaltensweisen zu ber\u00fccksichtigen, ist eine gute und ausgepr\u00e4gte Kundenanforderungsanalyse vor der Ideenphase obligatorisch. Unabh\u00e4ngig davon, welche Richtung der K\u00e4ufer einschl\u00e4gt, sollte das Ziel ohne St\u00f6rungen, sicher und intuitiv zu erreichen sein.<\/p>\n<p>Die Anforderungen der ISO 9241 beinhalten sieben Dialogprinzipien, die helfen, verbraucherfreundliche Dialoge zu f\u00fchren.<\/p>\n<h3>Die 7 Interaktionsprinzipien<\/h3>\n<p><strong>Was sind denn nun die 7 Interaktionsprinzipien auch Dialogprinzipien genannt?<\/strong><\/p>\n<p>Die sieben Interaktionsprinzipien bzw. Dialogprinzipien sind von ihrem einfachen Gedanken her unabh\u00e4ngig von den Anforderungen, die ein Kunde an Ihr spezielles Ger\u00e4t stellen kann. Verstehen Sie diese Konzepte bitte nicht als konkrete Anweisungen, sondern als Hinweise, die es Ihnen erm\u00f6glichen, ein verbraucherfreundliches System zu gestalten.<\/p>\n<p>Wenn Sie jedes Gespr\u00e4ch oder jede Unterseite Ihrer Website, jede Eigenschaft Ihres Systems oder jede Handlungsanweisung nach den meisten dieser Konzepte gestalten, dann haben Sie definitiv eine hervorragende Benutzerfreundlichkeit in Ihrem System geschaffen.<\/p>\n<p>Diese 7 Dialogprinzipien sind nicht so eindeutig wie zum Beispiel Heuristiken (Faustregeln). Dialogkonzepte sind nicht ann\u00e4hernd so gut abgegrenzt und auf Ihr System zugeschnitten wie z. B. Ihr Businessguide. Es sollte jedoch erw\u00e4hnt werden, dass Ihr Leitfaden, zus\u00e4tzlich zu den Praktiken und Heuristiken, vollst\u00e4ndig auf diesen Konzepten beruht oder beruhen muss.<\/p>\n<h4>A &#8211; Aufgabenangemessenheit<\/h4>\n<p>Eine Sprachkommunikation wird als aufgabengerecht angesehen, wenn der K\u00e4ufer bereit ist, seine Aufgabe zu erf\u00fcllen. Dabei gilt die Regel, dass er so viele Schritte und Teilaufgaben wie n\u00f6tig, aber gerade nicht zu viele pro Aufgabe machen sollte. Dieses Gebot der Sprachkommunikation gilt insbesondere f\u00fcr die Effektivit\u00e4t und Effizienz der Usability.<\/p>\n<p>Anhand eines Kontaktformulars l\u00e4sst es sich leicht formulieren. In den meisten F\u00e4llen ist es f\u00fcr den K\u00e4ufer ausreichend, seinen Namen anzugeben, die E-Mail einzugeben und eine Nachricht zu verfassen. Eine Auswahl der Telefonnummer ist oft optional. Allerdings werden Sie auch Kontaktformulare entdecken, die viel komplizierter gestaltet sind und mehr Felder zum Ausf\u00fcllen haben als wirklich notwendig.<\/p>\n<p>Wenn ein Gespr\u00e4ch nicht fortw\u00e4hrend aufgabentauglich ist, dann hat der Verbraucher entweder nicht mehr die Ausdauer, seine Aufgaben und W\u00fcnsche zu erf\u00fcllen, oder er braucht deutlich mehr Mittel als n\u00f6tig. Deshalb ist es entscheidend, dass Sie Ihre Dialoge, Websites und Strukturen m\u00f6glichst aufgabentauglich gestalten.<\/p>\n<h4 style=\"-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;\">S &#8211; Selbstbeschreibungsf\u00e4higkeit<\/h4>\n<p>Eine Sprache ist in dem Ma\u00dfe selbstbeschreibend, dass es f\u00fcr den Menschen st\u00e4ndig ersichtlich ist, dass er sich gerade in einem guten Gespr\u00e4ch befindet, und was er wie bewegen kann. Ein Werkzeug mit einem \u00fcberm\u00e4\u00dfigen Grad an Selbstbeschreibungsf\u00e4higkeit wird meist als intuitiv bezeichnet.<\/p>\n<p>Zum Beispiel sind Links, die farblich gekennzeichnet und unterstrichen sind, leicht als Hyperlinks zu erkennen. Wir neigen dazu, zu erkennen, dass \u201eanklicken\u201c uns zu einer anderen Seite f\u00fchren kann. Wenn wir jedoch einen Hyperlink auf eine ungew\u00f6hnliche oder mehrdeutige Weise sehen, dann ist es f\u00fcr uns sehr schwierig, ihn auf den zweiten Blick zu erfassen.<\/p>\n<h4>S &#8211; Steuerbarkeit<\/h4>\n<p>Eine Sprache ist kontrollierbar, wenn die Person in der Lage ist, den Gespr\u00e4chsfluss zu beginnen und dar\u00fcber hinaus den Verlauf und das Tempo zu beeinflussen, bis das Ziel erreicht ist. Ein wunderbares Beispiel f\u00fcr Kontrollierbarkeit sind gut gestaltete Checkout-Prozesse (z. B. bei der Bestellung in einem Webshop).<\/p>\n<p>Um das Abbruchverhalten zu minimieren, w\u00fcnscht sich der Kunde in der Regel einen hohen Grad an Kontrollierbarkeit. Er m\u00f6chte erkennen, wie viele Schritte er noch gehen muss und wie viele er bereits erledigt hat. Es gibt Tipps, die speziell die Kontrollierbarkeit zum Gegenstand haben, wie die sogenannte 3-Klick-Regel.<\/p>\n<p>Die Steuerbarkeit kann stark auf die Benutzerfreundlichkeit einwirken. Der Benutzer hat st\u00e4ndig das Gef\u00fchl, die Kontrolle \u00fcber das Ger\u00e4t und damit \u00fcber seine Situation zu haben. Besonders bei sensiblen Daten ist dieses Gef\u00fchl \u00e4u\u00dferst wichtig und kann den Benutzer vom Abbruch abhalten.<\/p>\n<h4>F &#8211; Fehlertoleranz<\/h4>\n<p>Eine Sprache ist fehlertolerant, wenn das vermeintliche Ergebnis auch bei keinem oder minimalem Korrekturversuch an der Stelle des Benutzers fertiggestellt werden kann. Es ist nicht immer am wichtigsten, dass wir unsere Seiten und Dialoge so gestalten, dass sie kleine Fehler zulassen. Wir best\u00e4tigen jedoch, dass keine Fehler innerhalb des prim\u00e4ren Bereichs auftreten werden.<\/p>\n<p>Wenn wir zum Beispiel davon ausgehen, dass Zahlen am besten in einem Formular eingegeben werden, dann ist es sinnvoll, nur die Eingabe von Zahlen zu erlauben.<\/p>\n<h4>I &#8211; Individualisierbarkeit<\/h4>\n<p>Eine Sprache ist individualisierbar, wenn die Kunden die Interaktion zwischen Mensch und Ger\u00e4t und die Darstellung von Infos an ihre F\u00e4higkeiten und W\u00fcnsche anpassen k\u00f6nnen. Bei der Benutzerfreundlichkeit geht es bei der Anpassbarkeit in der Regel um die Kontrollierbarkeit und die Angemessenheit f\u00fcr das Unternehmen. Ein Beispiel f\u00fcr Individualisierbarkeit ist ein Experten-Modus und ein Einsteiger-Modus in einer speziellen Software.<\/p>\n<p>Typischerweise gibt es Einstellungen in Webbrowsern, die auf Standardwerte und zus\u00e4tzlich auf \u201emehr Einstellungen\u201c eingestellt werden k\u00f6nnen. Dies existiert zus\u00e4tzlich in laufenden Strukturen wie \u201eWindows\u201c. Ein Anf\u00e4nger, der die falsche Konfiguration einstellt, k\u00f6nnte sein Ger\u00e4t schnell kaputt machen. F\u00fcr einen Spezialisten, der mit diesen Einstellungen arbeitet, sind diese jedoch sehr wichtig f\u00fcr seine T\u00e4tigkeit.<\/p>\n<p>Ein anderes Beispiel ist das Konfigurieren von Dashboards, wie Sie es oft bei Ihrem Smartphone machen. Auf diese Weise kann jeder sein Startdisplay so einstellen, wie er es haben m\u00f6chte. Oft genutzte Apps finden dann einen geeigneten Platz, so dass man schnell darauf zugreifen kann. Weniger h\u00e4ufig genutzte Apps werden in der Regel nach hinten oder auf eine andere Seite verschoben.<\/p>\n<h4>L &#8211; Lernf\u00f6rderlichkeit<\/h4>\n<p>Ein System ist f\u00f6rderlich f\u00fcr das Herausfinden z. B. von Informationen, w\u00e4hrend der K\u00e4ufer die vielen Optionen durch Interaktion erlernt. Es ist sehr wichtig, dass der Verbraucher fortlaufende Kommentare zu seinen Handlungen erh\u00e4lt.<\/p>\n<p>Er muss wissen, ob seine Eingabe richtig und folglich hilfreich ist oder nicht. Um den Lerneffekt zu steigern, kann der Konsument auch die M\u00f6glichkeit nutzen, seine Schritte auszuprobieren, bevor er sich an die \u201eechte\u201c Bedienung des Systems wagt (Stichwort: Onboarding-Prozesse).<\/p>\n<h4>E &#8211; Erwartungskonformit\u00e4t<\/h4>\n<p>Wenn ein Detail erwartungskonform ist, verh\u00e4lt es sich so, wie wir es erwarten. Gew\u00f6hnlich wird das Wort \u201eKonsistenz\u201c als Synonym verwendet. Besonders im Management ist das oft eine der Aussagen, die gemacht werden, w\u00e4hrend ein Faktor nicht immer konform ist.<\/p>\n<p>Es besteht jedoch der Wunsch, die Dinge abzuw\u00e4gen. Erwartungs\u00fcbereinstimmung ist sehr wichtig und n\u00fctzlich. Zum Beispiel sind wir in der Lage, ein STOP-Schild in fast jeder Sprache zu lesen. Dies ist deshalb so, da die Schilder acht Ecken haben und rot sind.<\/p>\n<h3>Fazit<\/h3>\n<p>Die sieben Interaktionsprinzipien k\u00f6nnen Ihnen helfen, Ihr (digitales) Produkt wie einen Online-Shop oder eine Website zu gestalten. Das Ziel ist dabei, die <a href=\"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/allgemein\/was-ist-gute-website-usability\/\">Website-Usability<\/a> zu steigern und zu halten. Es gibt keine direkte Abstufung, ob eines der Prinzipien wichtiger ist als die anderen oder nicht.<\/p>\n<p>Sie m\u00fcssen auf das Layout und auf die Idee Ihres Produkts achten, um sicherzustellen, dass jede dieser Prinzipien in jedem Detail erf\u00fcllt wird. Wenn Sie mit einem Prinzip brechen wollen (Konsistenz ist besonders beliebt), w\u00e4gen Sie ab, ob der Nutzen der Brechung mit einem Prinzip h\u00f6her ist als die Usability-Fehler, die Sie verursachen werden.<\/p>\n<p class=\"cta-kontakt\"><strong>Sie ben\u00f6tigen Unterst\u00fctzung bei der Umsetzung Ihres E-Commerce-Projekts \/ Online-Shops oder Ihrer Website?<\/strong> Wir als Webagentur aus dem Allg\u00e4u sind Ihr Partner in Sachen Konzeption, Erstellung und Umsetzung von Online-Shops mit WooCommerce und WordPress-Websites auch im Hinblick auf eine starke Usability.<\/p>\n<p><a class=\"cta-kontakt-button\" title=\"Kontaktaufnahme - Der Informationsdesigner | Webagentur f\u00fcr die Realisation von WooCommerce und WordPress-L\u00f6sungen\" href=\"https:\/\/www.der-informationsdesigner.de\/kontakt\/index.php\">Kontaktieren Sie uns<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die 7 Interaktionsprinzipien nach DIN EN ISO-Norm 9241-110 &#8211; f\u00fcr eine Optimierung der Conversions und bessere Usability bei Online-Shops und Websites.<\/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":[7,32,41],"class_list":["post-1395","post","type-post","status-publish","format-standard","hentry","category-allgemein","category-webdesign","tag-e-commerce","tag-psychologie","tag-usability"],"modified_by":"thomas.soyter","_links":{"self":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts\/1395","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=1395"}],"version-history":[{"count":12,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts\/1395\/revisions"}],"predecessor-version":[{"id":2585,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/posts\/1395\/revisions\/2585"}],"wp:attachment":[{"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/media?parent=1395"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/categories?post=1395"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.der-informationsdesigner.de\/agentur-blog\/wp-json\/wp\/v2\/tags?post=1395"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}