{"id":19570,"date":"2018-07-10T17:16:14","date_gmt":"2018-07-10T15:16:14","guid":{"rendered":"https:\/\/www.maildesigner365.com\/?p=19570"},"modified":"2018-07-24T11:51:54","modified_gmt":"2018-07-24T09:51:54","slug":"diese-extremen-e-mail-fails-solltet-ihr-dringend-vermeiden","status":"publish","type":"post","link":"https:\/\/www.maildesigner365.com\/de\/diese-extremen-e-mail-fails-solltet-ihr-dringend-vermeiden\/","title":{"rendered":"Diese extremen E-Mail-Fails solltet ihr dringend vermeiden!"},"content":{"rendered":"[vc_row type=\"in_container\" full_screen_row_position=\"middle\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" width=\"1\/1\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\"][vc_column_text]Als E-Mail-Geeks wisst ihr mit Sicherheit schon, dass ein E-Mail-Design, welches komplett aus Bildern besteht, nicht die beste L\u00f6sung ist. Warum aber machen trotzdem so viele Unternehmen (und zwar kleine, wie auch gro\u00dfe) diesen Fehler und leisten sich au\u00dferdem noch viele andere Design-Fails? Um uns das Problem genauer anzuschauen, haben wir nach ein paar Design-Fehlern gesucht, die ihr wirklich vermeiden solltet!<\/p>\n

Mobilopti-was?<\/h2>\n

Heutzutage ist doch klar, dass digitale Inhalte (Webseiten, E-Mails, usw.) immer mobiloptimiert sein sollten, oder? Anscheinend ist das aber doch nicht jedem so klar. Erstaunlich viele Unternehmen vergessen immer noch, ihre Designs responsive zu machen, was dann unsch\u00f6n wird, wenn Kunden die Mail oder Webseite auf dem Handy oder iPad \u00f6ffnen wollen. Studien zeigen, dass 75% der Konsumenten ihre Mails meistens auf dem Smartphone lesen.<\/a>\u00a0Darum ist es inzwischen wichtiger denn je, Designs mobil-freundlich zu gestalten. Habt ihr alle eure Brillen parat? Hier sind ein paar schmerzhafte Beispiele von mobilen Katastrophen...[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" width=\"1\/3\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\"][vc_column_text]\"\"[\/vc_column_text][\/vc_column][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" width=\"1\/3\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\"][vc_column_text]\"\"[\/vc_column_text][\/vc_column][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" width=\"1\/3\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\"][vc_column_text]\"\"[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" width=\"1\/1\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\"][vc_column_text]Nat\u00fcrlich gibt es f\u00fcr solche mobilen Problemchen aber auch eine ganze einfache L\u00f6sung! Ihr wollt diesen Fehler dringend vermeiden, ohne fortgeschrittene HTML-Kenntnisse haben zu m\u00fcssen? Mail Designer 365<\/a> erstellt automatisch eine mobil-optimierte Version von jedem Design. In der mobilen Ansicht k\u00f6nnt ihr den Newsletter-Inhalt au\u00dferdem gezielt f\u00fcr mobile Ger\u00e4te anpassen und gestalten. So bietet ihr mit einspaltigen Layouts, k\u00fcrzeren Textstellen und mobilfreundlichen Schriften euren Lesern ein perfektes mobiles Newsletter-Erlebnis \u2013 ganz ohne Brille![\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\"\"[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" width=\"1\/1\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\"][vc_column_text]\n

Sagt ein Bild wirklich mehr als tausend Worte?<\/h2>\n

Nicht, wenn der E-Mail-Client eures Kunden die Bilder nicht automatisch anzeigt... Es kann verlockend sein, E-Mails zu gestalten, die zum Gro\u00dfteil aus Bildelementen bestehen. Cool aussehen tun sie sowieso und so hat man manchmal auch noch mehr kreative Freiheit. ABER optimal ist das leider ganz und gar nicht...<\/p>\n

Es ist viel wahrscheinlicher, dass bildlastige Mails im Spam-Ordner landen werden<\/strong><\/p>\n

Spam-Filter werden immer strenger und die meisten Filter sind so programmiert, dass sie bildlastige E-Mails abfangen. Der Grund daf\u00fcr ist wom\u00f6glich, dass bildbasierte Newsletter oft f\u00fcr Spam gehalten werden, da man von Profi-Designern eine solche Herangehensweise nicht erwartet, sondern eher von \"unseri\u00f6sen\" Firmen. Sobald eure Mail im Spam-Ordner landet, bedeutet das nichts Gutes f\u00fcr eure E-Mail-Kampagne, da euer Inhalt so nat\u00fcrlich gar nicht erst von den Kunden gesehen wird. Dieses Design von Mara Hoffman sieht zwar ganz cool aus, ist aber leider trotzdem im Spam-Ordner gelandet und war deswegen ein Fail.[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" width=\"1\/1\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\"][vc_column_text]\"\"[\/vc_column_text][vc_column_text]\"\"[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" width=\"1\/1\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\"][vc_column_text]Bilder laden sehr langsam<\/strong><\/p>\n

Klar, dass Bilder sehr viel langsamer laden, als Text \u2013 besonders, wenn die Qualit\u00e4t sehr hoch und damit die Dateigr\u00f6\u00dfe gro\u00df ist. Aus diesem Grund empfehlen wir f\u00fcr E-Mails immer eine gute Mischung aus Text und Bild, damit die Mail nicht Ewigkeiten l\u00e4dt. Da sehr viele Leute ihre Mails unterwegs lesen, ist es sehr problematisch, wenn der ganze Inhalt nur aus Bildern besteht, weil dies zum Beispiel mit einer 3G-Verbindung einfach nicht laden wird \u2013 und der Leser deshalb vielleicht sogar euren Newsletter direkt l\u00f6scht. Das Endergebnis von bildlastigen Newslettern, die unterwegs nicht richtig laden, sieht dann meistens so aus:[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" width=\"1\/1\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\"][vc_column_text]\"\"<\/p>\n

Nicht so toll f\u00fcr die Klickraten, oder?<\/p>\n

Wenn ihr einen \u00e4hnlichen Effekt erzielen wollt, wie in dem oben gezeigten Beispiel von Mara Hoffmann, euer Mailing aber trotzdem schnell laden soll, k\u00f6nnt ihr es mal mit einem Foto-Hintergrund probieren. So k\u00f6nnt ihr ein buntes, cooles Design gestalten und gleichzeitig noch Real-Text verwenden.<\/p>\n

\"\"<\/p>\n

Es sind \u00fcbrigens auch nicht nur die kleinen und mittelgro\u00dfen Unternehmen, die h\u00e4ufig bildbasierte Mails verschicken. Schaut euch mal dieses Beispiel von Google an...<\/p>\n

\"\"<\/p>\n

HTML Horror-Geschichten<\/h2>\n

Viele E-Mail-Fails entstehen einfach aufgrund von schlechtem HTML oder Coding-Fehlern. HTML ist ziemlich kompliziert. Selbst, wenn ihr nur einen \"kleinen\" Fehler macht, kann das massive Auswirkungen auf euer Design haben. Um Geld und Zeit zu sparen, probieren viele Unternehmen DIY-Coding-Methoden aus, die aber meistens schiefgehen. Dieses verwirrende Beispiel von West Elm zeigt euch, warum sich eine WYSIWYG-Oberfl\u00e4che immer lohnt!<\/p>\n

\"\"<\/p>\n

Zielgruppen-Selektion \u2013 wichtiger, als man denkt<\/h2>\n

Auch die Zielgruppen-Einteilung f\u00fchrt oft zu Problemen in der E-Mail-Marketing-Welt. Man muss sich nur einmal verklicken, um die ganze Kampagne an die falsche Zielgruppe zu schicken. Und das kann dann schnell zu peinlichen Situationen f\u00fchren. In diesem Beispiel verlost PopSugar einen Urlaub nach Sri Lanka an seine Kunden. Klingt sch\u00f6n, oder? Einmal drauf geklickt, sieht der Kunde jedoch, dass das f\u00fcr ihn leider aufgrund von L\u00e4nder-Einschr\u00e4nkungen nichts wird. Erspart euren Kunden solche Entt\u00e4uschungen und \u00c4rger und achtet genau darauf, dass ihr eure Zielgruppen richtig und clever definiert.<\/p>\n

\"\"<\/p>\n

\"\"<\/p>\n

Noch ein unangenehmes Beispiel von Amazon. Was als harmlose Transactional-Mail begonnen hat, wurde komischerweise ganz schnell zu einem PR-Alptraum. Statt dieses Mailing an werdende (oder frischgebackene) Eltern zu schicken, hat Amazon es aus Versehen an Kunden geschickt, die gar kein Baby erwarten... peinlich! Ab jetzt werdet ihr bestimmt beim Dr\u00fccken des Versandknopfs noch besser aufpassen!<\/p>\n

\"\"<\/p>\n

Call-To-Action-Katastrophen<\/h2>\n

Jeder E-Mail-Marketer wei\u00df, dass die CTA das Herz des E-Mails ist. Wenn hier was schiefgeht, ist es relativ unwahrscheinlich, dass die Performance der Mail gut sein wird. Trotzdem gibt es auch hier vieles, das man falsch machen kann. Generell soll die CTA nat\u00fcrlich prominent und schnell zu finden sein. In diesem Design von Macy's gibt es aber so viele unterschiedliche CTAs, dass man gar nicht mehr wei\u00df, wo man \u00fcberhaupt hinklicken soll.<\/p>\n

\"\"<\/p>\n

Das genaue Gegenteil macht Tom Ford mit dieser Mail. Hier kann der Leser gar nicht erkennen, wo die CTAs \u00fcberhaupt sein sollen, weil sie so versteckt sind. Bei so einer Mail sind leider kaum Klicks zu erwarten.<\/p>\n

\"\"<\/p>\n

Wir hoffen, ihr findet diese Newsletter-Fails zumindest am\u00fcsierend, wenn nicht sogar hilfreich! Wenn ihr zuf\u00e4llig weitere Design-Fails gefunden habt, w\u00fcrden wir die gerne mal sehen! Twittert uns<\/a> oder schickt uns eine Mail!<\/p>\n

 <\/p>\n

Bleibt kreativ!<\/p>\n

Euer mail Designer 365 Team[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=\"in_container\" full_screen_row_position=\"middle\" bg_color=\"#6a8dea\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" overlay_strength=\"0.3\"][vc_column column_padding=\"no-extra-padding\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" width=\"1\/1\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\"][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n

Mail Designer 365 kostenlos testen<\/h2>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n
Mit Mail Designer 365 gestaltest du m\u00fchelos stylische, professionelle HTML-Mails auf deinem Mac \u2013 ohne eine Zeile Code. Jetzt kostenlos ausprobieren und zum Designer werden!\n<\/div>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][vc_column_text]\n
\n

 <\/p>\n

\"Try<\/a><\/div>\n<\/div>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"

[vc_row type=”in_container” full_screen_row_position=”middle” scene_position=”center” text_color=”dark” text_align=”left” overlay_strength=”0.3″][vc_column column_padding=”no-extra-padding” column_padding_position=”all” background_color_opacity=”1″ background_hover_color_opacity=”1″ column_shadow=”none” width=”1\/1″ tablet_text_alignment=”default” phone_text_alignment=”default” column_border_width=”none” column_border_style=”solid”][vc_column_text]Als E-Mail-Geeks wisst ihr mit Sicherheit schon, dass ein E-Mail-Design, welches komplett aus Bildern…<\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2908,3552],"tags":[],"class_list":["post-19570","post","type-post","status-publish","format-standard","category-newsletter-academy-2-de","category-newsletter-academy-mail-designer-pro-de"],"_links":{"self":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/posts\/19570","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/comments?post=19570"}],"version-history":[{"count":0,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/posts\/19570\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/media?parent=19570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/categories?post=19570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/tags?post=19570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}