{"id":60134,"date":"2018-01-03T15:22:52","date_gmt":"2018-01-03T13:22:52","guid":{"rendered":"https:\/\/www.brandwatch.com\/de\/?p=60134"},"modified":"2018-06-25T14:31:14","modified_gmt":"2018-06-25T12:31:14","slug":"so-kann-besseres-design-die-konversionsrate-der-website-ankurbeln","status":"publish","type":"post","link":"https:\/\/www.brandwatch.com\/de\/blog\/so-kann-besseres-design-die-konversionsrate-der-website-ankurbeln\/","title":{"rendered":"So kann besseres Design die Konversionsrate der Website ankurbeln"},"content":{"rendered":"<p>Verbraucher k\u00f6nnen sehr kritisch sein, wenn es um das Webdesign geht. Tats\u00e4chlich f\u00e4llen sie innerhalb <a href=\"http:\/\/time.com\/12933\/what-you-think-you-know-about-the-web-is-wrong\/\" rel=\"noopener\" target=\"_blank\">weniger Sekunden<\/a> ein Urteil \u00fcber Ihre Webseite und entscheiden, ob sie bleiben oder nicht. F\u00fcr ein E-Commerce-Unternehmen sind diese Sekunden entscheidend.<\/p>\n<p>Sie haben viel Zeit in den Entstehungsprozess Ihrer Produkte und Dienstleistungen investiert.<\/p>\n<p>Stellen Sie sicher, dass Sie die gleichen Bem\u00fchungen in Ihre Webseite stecken und sie so entwerfen, dass diese zu Abverk\u00e4ufen f\u00fchrt. Letztendlich ist es egal, wie toll Ihr Produkt oder Ihre Dienstleistung ist. Wenn Ihre Seite schwach aufgebaut ist, werden sich die Besucher nicht lange genug auf der Seite aufhalten, damit es zum Kauf kommt.<\/p>\n<p>Im Folgenden stelle ich einige Schl\u00fcsselpunkte vor, die im Hinterkopf behalten werden sollten.<\/p>\n<hr \/>\n<h2>Themen der echten Welt in die Online-Welt \u00fcbertragen<\/h2>\n<p>Als Onlineh\u00e4ndler ist die Webseite Ihr Fundament. Designen Sie es also mit der gleichen Sorgfalt und Genauigkeit, die Sie anwenden w\u00fcrden, wenn es aus Ziegeln und M\u00f6rtel gebaut werden w\u00fcrde.<\/p>\n<p>Beachten Sie die Farbgestaltung, das Layout und das \u00fcbergreifende Thema, um einen sch\u00f6nen und einheitlichen Look zu kreieren, der Kunden anlockt.<\/p>\n<p>Die Wahl der Farben ist wichtig, wenn Sie die Webseite Ihrer Marke gestalten.<\/p>\n<p>Tats\u00e4chlich verbirgt sich eine <a href=\"https:\/\/blog.kissmetrics.com\/psychology-of-color-and-conversions\/\" rel=\"noopener\" target=\"_blank\">versteckte Psychologie<\/a> hinter den Farben, die K\u00e4ufe und Conversions beeinflussen k\u00f6nnen. Einige Farben ziehen das Publikum eher an als andere.<\/p>\n<p>Farben spielen au\u00dferdem eine wichtige Rolle bei der Marken-Assoziierung und \u2013Identit\u00e4t, wie beispielsweise das bekannte Coca-Cola-Rot und Tiffany-Blau.<\/p>\n<p>Ihr Layout sollte sich auch in Ihrem Markenlogo widerspiegeln. Alles dreht sich um den ersten Eindruck.<br \/>\nEin schwach entworfenes Logo kann Ihren Markenruf sch\u00e4digen und dazu reicht nur ein Blick.<\/p>\n<p>Werfen wir einen Blick auf die Webseite des Schlafmaskenherstellers <a href=\"https:\/\/www.nodpod.com\/\" rel=\"noopener\" target=\"_blank\">NodPod<\/a>. Sie benutzen das selbe helle Blau auf ihrer Homepage wie in ihrem Logo und schaffen so ein geschlossenes Bild. Das verschafft der Webseite und Navigation einen sch\u00f6nen, einheitlichen Verlauf.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-60136 size-full\" src=\"https:\/\/www.brandwatch.com\/de\/wp-content\/uploads\/2018\/01\/nodpod.png\" alt=\"\" width=\"886\" height=\"549\" \/><\/p>\n<p>Sie m\u00fcssen ein Motiv finden, mit dem die Kunden Sie schnell in Verbindung bringen k\u00f6nnen und es sich gerne ansehen. Ein Motiv, mit dem Ihr Marketing hervorsticht und einen Wiedererkennungswert schafft.<\/p>\n<p>H\u00e4ndler, die Produkte anbieten, die sich einfacher in physischen Gesch\u00e4ften verkaufen lassen, wissen wovon ich spreche.<\/p>\n<p><a href=\"https:\/\/www.firmoo.com\/\" rel=\"noopener\" target=\"_blank\">Firmoo<\/a>, ein Onlineh\u00e4ndler f\u00fcr Brillen und Kontaktlinsen, zeigt beispielsweise in vielen Kategorien und Produktfotos echte Personen, die die Produkte tragen. Das gibt der Webseite eine Atmosph\u00e4re, wie aus einem richtigen Gesch\u00e4ft.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-60137 size-full\" src=\"https:\/\/www.brandwatch.com\/de\/wp-content\/uploads\/2018\/01\/customer-show.png\" alt=\"\" width=\"975\" height=\"272\" \/><\/p>\n<hr \/>\n<h2>Die visuelle Hierarchie beachten<\/h2>\n<p>Laut einer Studie von <a href=\"https:\/\/www.nngroup.com\/articles\/f-shaped-pattern-reading-web-content\/\" rel=\"noopener\" target=\"_blank\">Nielsen Norman Group<\/a> lesen wir Webseiten in einem \u201eF\u201c- oder \u201eZ\u201c-Muster. Wir lesen die ersten oberen Zeilen und \u00fcberfliegen dann die restliche Seite. Nutzen Sie dieses Prinzip zu Ihrem Vorteil und gestalten Sie Ihre Webseite danach.<\/p>\n<p>F\u00fchren Sie Ihre wichtigsten Informationen ganz oben auf und nutzen Sie darunter ins Auge fallende Stichpunkte und folgen dabei dem Muster, mit denen die Augen der Nutzer \u00fcblicherweise die Seite \u00fcberfliegen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-60138 size-full\" src=\"https:\/\/www.brandwatch.com\/de\/wp-content\/uploads\/2018\/01\/heatmap.png\" alt=\"\" width=\"709\" height=\"341\" \/><\/p>\n<p>Nehmen wir die Unternehmenswebseite von <a href=\"https:\/\/www.deathwishcoffee.com\/\" rel=\"noopener\" target=\"_blank\">Death Wish Coffee<\/a> als Beispiel. Deren Homepage folgt dem nat\u00fcrlichen \u201eF\u201c-Muster, indem Sie eine ausgepr\u00e4gte \u00dcberschrift oben und weitere Informationen weiter unten nach dem Lesepfad platzierten.<\/p>\n<p>Die Augen werden als erstes von \u201eBUY THE WORLD\u2019S STRONGEST COFFEE\u201c angezogen, wandern dann zum Produkt und anschlie\u00dfend zum \u201eBUY NOW\u201c-Button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-60139 size-full\" src=\"https:\/\/www.brandwatch.com\/de\/wp-content\/uploads\/2018\/01\/strongest-coffee.png\" alt=\"\" width=\"680\" height=\"775\" \/><\/p>\n<p>Nutzen Sie wissenschaftlich hinterlegte Lesemuster, um Ihre Webseite auf das Leseverhalten Ihrer Zielgruppe zu optimieren. Design- und Informationsflussexperten nennen das <a href=\"https:\/\/conversionxl.com\/blog\/visual-hierarchy\/\" rel=\"noopener\" target=\"_blank\">visuelle Hierarchie<\/a>.<\/p>\n<p>Mit einer durchdachten Struktur der Webseite k\u00f6nnen Sie die Aufmerksamkeit des Nutzers auf Ihr Produkt, Werbeinformationen, Verkaufs-Button und jeden Pfad lenken, der zu einer Aktion f\u00fchrt und den Umsatz und Conversions ansteigen l\u00e4sst.<\/p>\n<p>[bw_also_like id=&#8220;50128&#8243; title=&#8220;Das k\u00f6nnte Ihnen gefallen:&#8220; button_text=&#8220;Blogpost lesen&#8220;]<\/p>\n<hr \/>\n<h2>Beim Design den Verbraucher im Hinterkopf behalten<\/h2>\n<p>Einer der Hauptgr\u00fcnde, warum Verbraucher Ihre Webseite verlassen, ist eine schlechte Navigation.<\/p>\n<p>Wenn Ihr Navigationsmen\u00fc versteckt ist oder an seltsamen Stellen, wird der Verbraucher Probleme dabei haben, Ihre Produkte anzusehen und genau zu wissen, was der n\u00e4chste Schritt ist.<\/p>\n<p>Der beste Platz f\u00fcr Ihr Men\u00fc ist \u00fcblicherweise an der obersten Stelle Ihrer Webseite. Nutzen Sie ein Drop-Down-Men\u00fc, falls Sie viele Kategorien und Untergruppen besitzen, um den Look sauber und einfach zu halten, wie zum Beispiel der M\u00f6belh\u00e4ndler Wayfair:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-60140 size-full\" src=\"https:\/\/www.brandwatch.com\/de\/wp-content\/uploads\/2018\/01\/wayfair.png\" alt=\"\" width=\"974\" height=\"419\" \/><\/p>\n<p><a href=\"http:\/\/www.digital-velocity.co.uk\/blog\/the-impact-of-loading-speed-on-website-performance\/\" rel=\"noopener\" target=\"_blank\">Mehr als die H\u00e4lfte<\/a> Ihrer Kunden wird Ihre Seite verlassen, wenn diese l\u00e4nger als zwei Sekunden ben\u00f6tigt zu laden.<\/p>\n<p>Eine langsam ladende Seite ist au\u00dferdem schlecht f\u00fcr Ihre SEO-Rankings und verschlechtert damit Ihre Online-Sichtbarkeit. Ein Gro\u00dfteil des Problems kann auf die Webhostingplattform zur\u00fcckgef\u00fchrt werden. Es \u00fcberrascht wenig, dass eine langsam ladende Seite m\u00f6gliche Verk\u00e4ufe <a href=\"https:\/\/www.shopify.com\/blog\/7183280-5-deadly-sales-killers-could-be-hacking-and-slashing-away-at-your-profits\" rel=\"noopener\" target=\"_blank\">zunichte macht<\/a>.<\/p>\n<p>Da das Surfen im Internet immer mehr \u00fcber mobile Ger\u00e4te als Desktops durchgef\u00fchrt wird, sieht sich Ihr Kunde Ihre Seite mit hoher Wahrscheinlich \u00fcber ein Smartphone an. Sie m\u00fcssen also sicherstellen, dass Ihre Plattform auch f\u00fcr den kleinen Bildschirm optimiert ist.<\/p>\n<p>Die beste Art und Weise um das durchzuf\u00fchren, ist, das Design in kleinere Sektionen zu unterteilen, wie es <a href=\"https:\/\/www.etsy.com\/\" rel=\"noopener\" target=\"_blank\">Etsy<\/a> auf seiner mobilen Version anwendet:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-60141 size-full\" src=\"https:\/\/www.brandwatch.com\/de\/wp-content\/uploads\/2018\/01\/etsy1.png\" alt=\"\" width=\"945\" height=\"425\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-60142 size-full\" src=\"https:\/\/www.brandwatch.com\/de\/wp-content\/uploads\/2018\/01\/etsy2.png\" alt=\"\" width=\"473\" height=\"840\" \/><\/p>\n<hr \/>\n<h2>Zum Abschluss<\/h2>\n<p>Das Designen einer Webseite \u2013 selbst ein Shop mit Tausenden von Produkten \u2013 ist heutzutage ziemlich einfach dank DIY-Seiten, mit denen Sie vorgefertigte Templates nutzen k\u00f6nnen.<\/p>\n<p>Allerdings ist das Liefern einer au\u00dfergew\u00f6hnlichen UX der harte Teil \u2013 es hebt die tollen von den guten Seiten ab.<\/p>\n<p>Mithilfe dieser einfachen Design-\u00c4nderungen k\u00f6nnen Sie Ihre Seite optimieren und sie so ausrichten, dass sie die h\u00f6chstm\u00f6gliche Zahl an Besuchern in Kunden verwandelt.<\/p>\n<p>[bw_banner_cta button=&#8220;Demo anfordern&#8220; type=2 url=&#8220;https:\/\/www.brandwatch.com\/de\/demo\/&#8220; title=&#8220;Mehr Insights erhalten&#8220; image=&#8220;https:\/\/www.brandwatch.com\/de\/wp-content\/uploads\/2015\/01\/Analytics-Dashboard.png&#8220;]Mit Brandwatch Analytics k\u00f6nnen<br \/>\nSie wertvolle Einblicke aus Social Data gewinnen. Finden Sie heraus, warum wir die Expertenwahl sind.[\/bw_banner_cta]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Verbraucher k\u00f6nnen sehr kritisch sein, wenn es um das Webdesign geht. Tats\u00e4chlich f\u00e4llen sie innerhalb weniger Sekunden ein Urteil \u00fcber Ihre Webseite und entscheiden, ob sie bleiben oder nicht. F\u00fcr ein E-Commerce-Unternehmen sind diese Sekunden entscheidend. Sie haben viel Zeit in den Entstehungsprozess Ihrer Produkte und Dienstleistungen investiert. Stellen Sie sicher, dass Sie die gleichen [&hellip;]<\/p>\n","protected":false},"author":161,"featured_media":60148,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false},"categories":[3455,566],"tags":[2240,318,3340,3339,3338,316,3337],"class_list":["post-60134","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-inspiration","category-updates","tag-conversions","tag-design-2","tag-homepage","tag-webseite","tag-webseitedesign","tag-website","tag-websitedesign"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.brandwatch.com\/de\/wp-json\/wp\/v2\/posts\/60134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.brandwatch.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.brandwatch.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.brandwatch.com\/de\/wp-json\/wp\/v2\/users\/161"}],"replies":[{"embeddable":true,"href":"https:\/\/www.brandwatch.com\/de\/wp-json\/wp\/v2\/comments?post=60134"}],"version-history":[{"count":0,"href":"https:\/\/www.brandwatch.com\/de\/wp-json\/wp\/v2\/posts\/60134\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.brandwatch.com\/de\/wp-json\/wp\/v2\/media\/60148"}],"wp:attachment":[{"href":"https:\/\/www.brandwatch.com\/de\/wp-json\/wp\/v2\/media?parent=60134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.brandwatch.com\/de\/wp-json\/wp\/v2\/categories?post=60134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.brandwatch.com\/de\/wp-json\/wp\/v2\/tags?post=60134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}