{"id":2492,"date":"2017-11-15T12:17:46","date_gmt":"2017-11-15T12:17:46","guid":{"rendered":"https:\/\/webmaster2go.com\/?p=2492"},"modified":"2017-11-15T12:17:46","modified_gmt":"2017-11-15T12:17:46","slug":"gutes-user-interface","status":"publish","type":"post","link":"https:\/\/kokoen.net\/blog\/gutes-user-interface\/","title":{"rendered":"Was macht ein gutes User Interface aus?"},"content":{"rendered":"<p>User Interface: Was ist das eigentlich? Das User Interface (UI) ist die Benutzeroberfl\u00e4che, die die Person vor dem PC, Laptop, mobilen Endger\u00e4ten oder sogar an Haushaltsgegenst\u00e4nden wie der Waschmaschine sieht und \u00fcber die Interaktionen stattfinden. Es ist sozusagen die Schnittstelle zwischen Nutzern und der Software bzw. Hardware. Umso wichtiger ist es, dass das, was man sieht, so benutzerfreundlich wie m\u00f6glich gestaltet ist. Denn nur, wenn eine Website einfach zu bedienen und \u00fcbersichtlich strukturiert ist, wird sie besser im Internet gefunden, was letztendlich zu einer Steigerung der Conversion Rate f\u00fchrt. Ein gutes User Interface ist also nicht vorteilhaft f\u00fcr die gesch\u00e4ftliche Seite eines Unternehmens, sondern auch f\u00fcr die Menschen, die dessen Webseite besuchen.<\/p>\n<p>&nbsp;<\/p>\n<h2>So funktioniert\u2019s mit dem guten UI<\/h2>\n<p>Welche Optimierungsma\u00dfnahmen kann man jetzt also durchf\u00fchren, um die virtuelle Oberfl\u00e4che eines Unternehmens in neuem Glanz erstrahlen zu lassen? Dazu muss man zun\u00e4chst wissen, dass Nutzer derart durch die Webseiten geleitet werden sollte, dass alle Interaktionen auf intuitive Weise geschehen k\u00f6nnen. Sie sollten also logisch aufgebaut sein und eine nat\u00fcrliche und nachvollziehbare Struktur besitzen. Folgende Tipps und Tricks sollte man daher bei Gestaltung oder Optimierung einer Seite ber\u00fccksichtigen:<\/p>\n<p>&nbsp;<\/p>\n<h2>Keep it simple<\/h2>\n<p>Auch wenn Werbung m\u00f6glichst bunt und auff\u00e4llig gestaltet sein sollte, um aufzufallen, gilt hier die Devise: Weniger ist mehr. Eine \u00fcbersichtliche und gut strukturierte Website f\u00fchrt viel \u00f6fter zum Ergebnis einer Conversion als eine mit langen Texten, bunten Animationen und unz\u00e4hligen Buttons ausgestattete Seite. Daher sollte man auf folgende Punkte achten:<\/p>\n<ul>\n<li>kurze, aussagekr\u00e4ftige S\u00e4tze<\/li>\n<li>klare Strukturen und Kategorien, nicht so viele voneinander abgetrennte Boxen und K\u00e4stchen<\/li>\n<li>nicht zu viele Links, die die Besucher von der Seite leiten k\u00f6nnten; lieber am Ende des Textes ein \u201cCall-to-Action\u201d-Button<\/li>\n<li>gro\u00dfe Eingabefelder, in die der Besucher problemlos klicken kann<\/li>\n<li>zusammengeh\u00f6rige Schaltfl\u00e4chen b\u00fcndeln und nicht an mehreren Stellen verteilen, doppelte Elemente herausnehmen<\/li>\n<li>einen Text gut visuell strukturieren<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Das richtige Design<\/h2>\n<p>Sich auf ein Design der Website festzulegen, muss gut \u00fcberlegt sein, spiegelt der Webauftritt doch das Unternehmen wider. Authentizit\u00e4t, klare Informationen \u00fcber die Dienstleistungen oder Produkte und die Wirkung auf Kunden sind dabei wichtige Faktoren.<\/p>\n<p>&nbsp;<\/p>\n<h2>Kontinuit\u00e4t zeigen<\/h2>\n<ul>\n<li>konventionelle Strukturen w\u00e4hlen, kein experimenteller Aufbau<\/li>\n<li>einen Wiedererkennungswert schaffen<\/li>\n<li>Icons k\u00f6nnen unter Umst\u00e4nden auf mehrere Weisen interpretiert werden. Daher eindeutige, evtl beschriftete Icons<\/li>\n<li>Vertrauen zum Nutzer aufbauen, anstatt mit der T\u00fcr ins Haus zu fallen<\/li>\n<li>ein responsives Layout, das auch auf mobilen Ger\u00e4ten klar erkennbar und einfach bedienbar ist<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>User Interface f\u00fcr den Webshop<\/h2>\n<p>Der Webshop ist das Aush\u00e4ngeschild eines Unternehmens f\u00fcr den Online-Vertrieb seiner Produkte. Er sollte daher im besonderen Ma\u00dfe klar strukturiert sein und den Webseitenbesucher von den Produkten \u00fcberzeugen.<\/p>\n<ul>\n<li>Ein spezielles Produkt besonders empfehlen, statt einer gleichwertigen Auswahl<\/li>\n<li>geringe Verf\u00fcgbarkeit eines Produktes oder das Ende eines Angebotes, z. B. durch einen Countdown anzeigen<\/li>\n<li>Authentische Bewertungen und Kommentare sollten zu sehen sein, nicht nur 5*-Bewertungen<\/li>\n<li>Klarstellen, welche Vorteile der potenzielle K\u00e4ufer von den jeweiligen Eigenschaften der Produkte hat<\/li>\n<li>Weniger Auswahl, anstatt zu viele verschiedene Optionen anbieten<\/li>\n<li>klar strukturierte und selbsterkl\u00e4rende Formularfelder, um Unsicherheiten beim K\u00e4ufer zu vermeiden<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Bedeutung des User Interface f\u00fcr die Suchmaschinenoptimierung<\/h2>\n<p>Ein gutes User Interface stimmt in vielen Punkten mit den <a href=\"https:\/\/kokoen.net\/seo-online-marketing\/\">Ma\u00dfnahmen zur Suchmaschinenoptimierung<\/a> \u00fcberein. Daher sind Aspekte wie eine gute Navigation oder eine \u00fcbersichtliche Seitenhierarchie in erster Linie von Vorteil, um im <a href=\"http:\/\/besser-gefunden-werden.eu\">Internet besser gefunden zu werden<\/a>. In einem zweiten Schritt geht es dann darum, Nutzer auf der Seite zu halten und im besten Falle zu (wiederkehrenden) Kunden zu konvertieren. Der Nutzer muss sich gut auf der Website zurechtfinden. Um eine effektive und nachvollziehbare Benutzerfreundlichkeit dauerhaft zu gew\u00e4hrleisten, sollte eine Website regelm\u00e4\u00dfig auf ein gutes UI \u00fcberpr\u00fcft und ggf. \u00fcberarbeitet werden. Dabei kann man sich auch an der R\u00fcckmeldung von Kunden orientieren.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>User Interface: Was ist das eigentlich? Das User Interface (UI) ist die Benutzeroberfl\u00e4che, die die Person vor dem PC, Laptop, mobilen Endger\u00e4ten oder sogar an Haushaltsgegenst\u00e4nden wie der Waschmaschine sieht und \u00fcber die Interaktionen stattfinden. Es ist sozusagen die Schnittstelle zwischen Nutzern und der Software bzw. Hardware. Umso wichtiger ist es, dass das, was man [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":2709,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":0},"categories":[56,57],"tags":[],"acf":[],"jetpack_featured_media_url":"https:\/\/kokoen.net\/wp-content\/uploads\/2017\/11\/W2G-Blogformat2-4.png","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/posts\/2492"}],"collection":[{"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/comments?post=2492"}],"version-history":[{"count":0,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/posts\/2492\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/media\/2709"}],"wp:attachment":[{"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/media?parent=2492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/categories?post=2492"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kokoen.net\/wp-json\/wp\/v2\/tags?post=2492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}