{"id":5389,"date":"2017-05-25T14:20:20","date_gmt":"2017-05-25T14:20:20","guid":{"rendered":"https:\/\/www.bigbuy.eu\/blog\/wie-man-ein-effektives-e-mail-design-entwickelt\/"},"modified":"2017-06-01T09:21:26","modified_gmt":"2017-06-01T09:21:26","slug":"wie-man-ein-effektives-e-mail-design-entwickelt","status":"publish","type":"post","link":"https:\/\/www.bigbuy.eu\/blog\/de\/wie-man-ein-effektives-e-mail-design-entwickelt\/","title":{"rendered":"Wie man ein effektives E-Mail-Design entwickelt"},"content":{"rendered":"<p><strong>Beim E-Mail-Design gibt es sowohl gute als auch schlechte Praktiken, sowie einige Muster, die immer wieder auftauchen. Einige von diesen wollen wir hier vorstellen.<\/strong><\/p>\n<p><!--more--><\/p>\n<p><span style=\"font-weight: 400;\">E-Mail-Marketing im Allgemeinen ist eine Vertriebs- und Werbestrategie, die E-Mails nutzt, um Werbekampagnen zu starten oder Gesch\u00e4ftskontakte zu kn\u00fcpfen. Dabei k\u00f6nnen viele verschiedene Ziele verfolgt werden: den Wiedererkennungswert eines Produkts zu erh\u00f6hen, ein Produktangebot zu bewerben oder Kunden zu einem Event einzuladen. Doch wie gelingt all dies? Es gibt viele Variablen und \u00dcberlegungen, die es bei der Entwicklung einer <\/span><a href=\"\/?p=5470\"><span style=\"font-weight: 400;\">E-Mail-Marketing-Strategie f\u00fcr effektives E-Commerce<\/span><\/a><span style=\"font-weight: 400;\"> zu ber\u00fccksichtigen gilt, doch heute werden wir uns zun\u00e4chst einem der wichtigsten visuellen \u00a0Elemente einer solchen Strategie widmen: dem Design der E-Mail. Weiter unten pr\u00e4sentieren wir einige Aspekte, die man bei der Entwicklung eines effektiven E-Mail-Designs ber\u00fccksichtigen muss.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3 id=\"wichtigste-ueberlegungen-beim-e-mail-design\"><b>Wichtigste \u00dcberlegungen beim E-Mail-Design<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Das eine, perfekte Design f\u00fcr E-Mails gibt es nicht, doch es gibt einige n\u00fctzliche Tipps, die man beherzigen sollte, wenn man anf\u00e4ngt:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Welches Ziel will ich mit meinem E-Mail-Design erreichen?<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Wie nehmen meine Kunden mein Unternehmen wahr?<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Mit welchen Mitteln \u00f6ffnen sie unsere E-Mail? Diesen letzten Aspekt kann man durch eine Analyse nach Verschicken der E-Mail besser verstehen lernen.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Hat man diese drei Fragen ber\u00fccksichtigt, muss man sich um die technischeren Aspekte beim Design einer E-Mail oder eines Newsletters k\u00fcmmern.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><b>Breite und L\u00e4nge<\/b><span style=\"font-weight: 400;\">: je nachdem, wieviele Informationen Sie in Ihrem Newsletter unterbringen m\u00f6chten, \u00e4ndert sich die L\u00e4nge Ihrer E-Mail. Die Standardbreite ist 600 Pixel. Wenn Sie diese Breite \u00fcberschreiten, riskieren Sie, dass Ihre E-Mail im Posteingang Ihrer Kunden zerschnitten wird.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Anordnung der einzelnen Elemente:<\/b><span style=\"font-weight: 400;\"> Das Layout des Inhalts muss einfach und logisch strukturiert sein. Sie sollten sich die E-Mail als aus Informationskapseln (oder Modulen) bestehend vorstellen, die in Quadrate, Rechtecke und S\u00e4ulen unterteilt werden k\u00f6nnen.<\/span><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-1535 aligncenter\" src=\"https:\/\/www.bigbuy.eu\/blog\/wp-content\/uploads\/2016\/12\/dise\u00f1o-email.jpg\" alt=\"dise\u00f1o-email\" width=\"400\" height=\"505\" srcset=\"https:\/\/www.bigbuy.eu\/blog\/wp-content\/uploads\/2016\/12\/dise\u00f1o-email.jpg 400w, https:\/\/www.bigbuy.eu\/blog\/wp-content\/uploads\/2016\/12\/dise\u00f1o-email-238x300.jpg 238w\" sizes=\"(max-width: 600px) 100vw, 400px\" \/>&nbsp;<\/li>\n<\/ul>\n<ul>\n<li><b>Allgemeine Elemente:<\/b><span style=\"font-weight: 400;\"> die folgenden Elemente sollten in jedem E-Mail-Design vorhanden sein:<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><b>Betreff<\/b><span style=\"font-weight: 400;\">: Ihr Zugangstor zum Kunden. Sie z\u00e4hlt zwar nicht 100%ig zum E-Mail-Design, doch die Betreffzeile ist sehr wichtig, damit die Empf\u00e4nger die E-Mail \u00f6ffnen und das von Ihnen entwickelte Design sehen. <\/span><a href=\"\/?p=5436\"><span style=\"font-weight: 400;\">In diesem Post finden Sie Tipps zur Wahl einer guten Betreffzeile<\/span><\/a><span style=\"font-weight: 400;\"> und k\u00f6nnen die Grundlagen guter Opener erlernen.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Header<\/b><span style=\"font-weight: 400;\">: die Kommunikation muss konsistent sein, der Name und das Logo m\u00fcssen immer erscheinen. Die Kopfzeile kann von einem bestimmten Titel oder Bild nur f\u00fcr diese spezifische E-Mail begleitet werden, doch sie muss immer gleich gestaltet sein.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Schlusszeile\/Footer<\/b><span style=\"font-weight: 400;\">: Geben Sie hier immer Informationen an, auf die Sie aufmerksam machen m\u00f6chten: Adresse, allgemeine E-Mail-Adresse, Telefonnummer, soziale Netzwerke, Links zum Online-Shop und\/oder Blog (falls vorhanden). Das wichtigste Element des Footers f\u00fcr Ihre Kunden ist jedoch die Option, sich vom Newsletter abzumelden. Es mag Ihnen vielleicht nicht gefallen, doch das Gesetz schreibt vor, dass Kunden die M\u00f6glichkeit haben m\u00fcssen, sich von einem Newsletter abzumelden, wenn sie ihn nicht mehr erhalten m\u00f6chten.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>&#8220;Im Browser ansehen&#8221;-Link:<\/b> hierbei handelt es sich um einen einfachen Link, der meistens im oberen Bereich angesiedelt ist und \u00fcber den dieselbe E-Mail in einem eigenen Browserfenster angezeigt wird.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2 id=\"\"><\/h2>\n<h3 id=\"wie-man-effektives-e-mail-design-erreicht\"><b>Wie man effektives E-Mail-Design erreicht<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Hat man sich einmal mit den Grundelementen des E-Mail-Designs vertraut gemacht, h\u00e4ngt der Erfolg davon ab, wie man diese Elemente in seiner E-Mail gestaltet und anordnet, damit sie f\u00fcr den Kunden sowohl attraktiv als auch n\u00fctzlich ist.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Es gibt genauso viele gute Ratschl\u00e4ge wie erfolgreiche E-Mail-Marketing-Kampagnen, doch bestimmte Muster wiederholen sich immer wieder. Einige wollen wir nachfolgend vorstellen:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Verwenden Sie Tabellen, um Inhalte anzuzeigen.<\/strong> Einige E-Mail-Marketing-Management-Programme wie Mailchimp haben diese Funktion bereits integriert. Wenn Sie jedoch selbst E-Mail-Designs entwickeln wollen, lautet die Regel Nr.1, Tabellen zu nutzen, um keine wichtigen Elemente Ihrer E-Mail zu vergessen.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>W\u00e4hlen Sie eine simple Gestaltung:<\/strong> allgemein gesprochen ist eine einfache E-Mail eine erfolgreiche E-Mail. Dies gilt aus vielerlei Gr\u00fcnden: Simple E-Mails passen sich besser an mobile Ger\u00e4te an, als kompliziertere Designs; kein E-Mail-Server wird bei der Anzeige Probleme haben; sie umgehen viele Spam-Filter (da viele Spam-E-Mails knallige und bunte Elemente enthalten) und sie erm\u00f6glichen es Ihren Nutzern, einfach zu verstehen, was Ihre Ziele sind.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Denken Sie gut \u00fcber Ihren &#8220;Call to Action&#8221; (Handlungsaufruf) nach:<\/strong> Nutzer, insbesondere Online-Shopper, lassen sich leicht von direkten Botschaften beeinflussen. Ihr E-Mail-Design ist weniger effektiv, wenn Sie die Mail wie einen Produktkatalog ohne direkte Aufforderungen wie &#8220;Nutzen Sie dieses Angebot, nur 24 Stunden verf\u00fcgbar&#8221; oder &#8220;Schlagen Sie jetzt zu, bevor es ausverkauft ist&#8221; formulieren. Der Call to Action ist eine direkte Botschaft, mit der Sie dem Kunden mitteilen, was Sie von ihm wollen.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Verwenden Sie \u00fcberzeugende Bilder:<\/strong> Es mag offensichtlich klingen, doch in einem Online-Shop hat die Qualit\u00e4t der Bilder ma\u00dfgeblichen Einfluss auf den Umsatz. Denken Sie daran, dass der Kunde sich anhand des Bildes f\u00fcr oder gegen ein Produkt entscheidet, also stellen Sie in Ihren E-Mails sicher, dass die Fotos gut sind. Nat\u00fcrlich sollten Sie es mit der Bildqualit\u00e4t auch nicht \u00fcbertreiben, wenn Sie wollen, dass Ihre E-Mails weiterhin eine vertretbare Gr\u00f6\u00dfe haben. Idealerweise sollten Sie die Dateigr\u00f6\u00dfe (nicht die physische Gr\u00f6\u00dfe) so weit wie m\u00f6glich reduzieren. Wenn Pixel sichtbar werden, sollten Sie aufh\u00f6ren.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h3 id=\"einige-schlechte-praktiken-aus-denen-sie-lernen-koennen\"><b>Einige schlechte Praktiken, aus denen Sie lernen k\u00f6nnen<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Nat\u00fcrlich gibt es beim E-Mail-Design auch zahlreiche schlechte Praktiken. Zu den h\u00e4ufigen Fehlern geh\u00f6ren:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Nicht empfehlenswerte Bilder:<\/strong> Auch wenn sie sehr in Mode sind, k\u00f6nnen wir GIFs noch nicht zu 100% empfehlen, da sie nicht in allen Mail-Programmen funktionieren. Jemand, der Ihre E-Mail \u00fcber Gmail in einem Browser \u00f6ffnet, wird keine Probleme haben, wer sie jedoch in Office \u00fcber den Desktop \u00f6ffnet, sieht nur ein unbewegliches Bild.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Mit den Bildern \u00fcbertreiben:<\/strong> Bilder sind sch\u00f6n und erwecken die Aufmerksamkeit. Wenn man das E-Mail-Design jedoch mit zu vielen Bildern \u00fcberl\u00e4dt, kann es f\u00fcr Ihre Kunden zu langen Ladezeiten beim \u00d6ffnen der E-Mail kommen, weshalb einige wom\u00f6glich beim Warten die Geduld verlieren. Zudem blockieren einige E-Mail-Anbieter Bilder, sodass der Nutzer nur eine leere Seite sieht, wenn er sie sich ansieht (dr\u00fcckt der Nutzer den Button, um Bilder anzuzeigen, der sich direkt daneben findet, werden diese zwar gezeigt, allerdings sollten Sie dies besser nicht dem Zufall \u00fcberlassen).<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Weitere Fehler:<\/strong> In unserem <\/span><a href=\"\/?p=5436\"><span style=\"font-weight: 400;\">Artikel zu h\u00e4ufigen Fehlern beim E-Mail-Marketing<\/span><\/a><span style=\"font-weight: 400;\"> stellen wir Ihnen viele weitere schlechte Praktiken vor. Darin geht es zwar nicht so sehr um E-Mail-Design, dennoch sollten Sie ihn lesen, um eine effektive Strategie zu entwickeln.<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Beim E-Mail-Design gibt es sowohl gute als auch schlechte Praktiken, sowie einige Muster, die immer wieder auftauchen. Einige von diesen wollen wir hier vorstellen.<\/p>\n","protected":false},"author":3,"featured_media":1414,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[585,463],"tags":[],"acf":[],"featured_media_src_url":"https:\/\/www.bigbuy.eu\/blog\/wp-content\/uploads\/2016\/12\/Disen\u0303o-email-efectivo-1024x512.png","_links":{"self":[{"href":"https:\/\/www.bigbuy.eu\/blog\/de\/wp-json\/wp\/v2\/posts\/5389"}],"collection":[{"href":"https:\/\/www.bigbuy.eu\/blog\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bigbuy.eu\/blog\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bigbuy.eu\/blog\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bigbuy.eu\/blog\/de\/wp-json\/wp\/v2\/comments?post=5389"}],"version-history":[{"count":0,"href":"https:\/\/www.bigbuy.eu\/blog\/de\/wp-json\/wp\/v2\/posts\/5389\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bigbuy.eu\/blog\/de\/wp-json\/wp\/v2\/media\/1414"}],"wp:attachment":[{"href":"https:\/\/www.bigbuy.eu\/blog\/de\/wp-json\/wp\/v2\/media?parent=5389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bigbuy.eu\/blog\/de\/wp-json\/wp\/v2\/categories?post=5389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bigbuy.eu\/blog\/de\/wp-json\/wp\/v2\/tags?post=5389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}