Rheinwerk Computing < openbook >

 
Inhaltsverzeichnis
Vorwort
1 Prinzipien des modernen Webdesigns
2 Projektmanagement
3 Konzeption und Strategie
4 Responsive Webdesign
5 Informationsarchitektur
6 Gestaltungsgrundlagen
7 Screendesign
8 Layout und Raster
9 Farbe im Webdesign
10 Typografie
11 Bilder und Grafiken
12 Navigations- und Interaktionsdesign
13 Webdesign-Stile und -Trends
14 Animationen
15 Website-Typen
16 Tipps, Tricks und Tools
Stichwortverzeichnis

Download:
- Beispieldateien, ca. 3.64 MB

Buch bestellen
Ihre Meinung?

Spacer
<< zurück
Webdesign von Martin Hahn
Das Handbuch zur Webgestaltung
Buch: Webdesign

Webdesign
Pfeil 15 Website-Typen
Pfeil 15.1 Corporate Website
Pfeil 15.1.1 Die Corporate Website als Türöffner
Pfeil 15.1.2 Analyse einer Corporate Website
Pfeil 15.1.3 Das Website-Branding
Pfeil 15.2 Portfolio
Pfeil 15.2.1 Der Ausdruck von Persönlichkeit
Pfeil 15.2.2 Präsentation der eigenen Arbeit
Pfeil 15.3 Shop
Pfeil 15.3.1 Vertrauen schaffen
Pfeil 15.3.2 Konkurrenz und Shop-Vielfalt
Pfeil 15.4 Blog
Pfeil 15.4.1 Das Corporate Blog
Pfeil 15.4.2 Das Infoblog
Pfeil 15.4.3 Aufbau eines Blogs
Pfeil 15.5 Landing Page
Pfeil 15.5.1 Aufbau einer Landing Page
Pfeil 15.6 Microsite
Pfeil 15.7 Web-Apps
Pfeil 15.8 Newsletter
 
Zum Seitenanfang

15.8    Newsletter Zur vorigen ÜberschriftZur nächsten Überschrift

E-Mail-Newsletter haben nicht den besten Ruf, zu sehr erinnern sie an Spam-Mails. Zu Unrecht. E-Mail-Newsletter von Unternehmen können für beide Seiten, Versender und Empfänger, Vorteile haben. Newsletter sind eine Push-Technologie, der Empfänger bekommt diese nur, wenn er vorher explizit zugestimmt bzw. diese mithilfe des sogenannten Double Opt-In (siehe nebenstehenden Kasten) bestellt hat. Mit anderen Worten: Der Empfänger möchte diese auch bekommen – im Gegensatz zu vielen anderen Werbemaßnahmen, die dem Empfänger aufgedrückt werden, wie z. B. Werbebanner (die sogenannte Pull-Technologie). Er bekommt also Informationen, die er möchte und die ihm weiterhelfen kann, bzw. besondere Angebote geliefert.

Zweimal bestätigen: der Double Opt-In

Der Begriff kommt aus dem Englischen (to opt (for something) = sich für etwas entscheiden). Der Eintrag in eine Newsletter-Abonnentenliste durch ein Formular muss noch in einem zweiten Schritt (double) bestätigt werden. Er erfolgt meistens durch eine E-Mail-Nachricht, die einen Link enthält, der aufgerufen werden muss. So wird Missbrauch verhindert, und rechtlich ist der Newsletter-Anbieter dann auf der sicheren Seite.

Der Absender hat die Möglichkeit, mit Newslettern viel für die Kundenbindung zu tun und Interessierte von sich zu überzeugen – mit Angeboten und hilfreichen Informationen. Je nachdem, ob und welche Newsletter-Software dahintersteckt, kann der Versender die Adressaten persönlich ansprechen und individuelle Angebote bzw. Inhalte ausliefern. Dazu lässt sich genau ablesen, ob, wann und mit welchem Browser der Newsletter angeschaut wurde.

Gut gestaltete Newsletter sind keine Textwüsten mehr, sondern sehen eher aus wie kleine Webseiten.

Abbildung 15.30    Gut gestaltete Newsletter sind keine Textwüsten mehr, sondern sehen eher aus wie kleine Webseiten.

Dank HTML lassen sich auch Newsletter ordentlich gestalten und die Inhalte individuell anordnen. Die E-Mail-Clients verstehen inzwischen auch schon viele CSS-Eigenschaften, leider aber nicht alle (z. B. Outlook 2007) die für die Platzierung so wichtigen float- und position-Definitionen. So kommt bei Newslettern häufig eine Technik zum Einsatz, die viele schon vergessen oder verdrängt hatten, die Tabellen-Designs. Was bei Webseiten zu Recht verpönt ist, ist bei Newslettern Mittel zum Zweck.

Newsletter-Galerien

Haufenweise E-Mail-Newsletter finden Sie unter anderem bei:

Eine Übersicht darüber, welcher E-Mail-Client welche CSS-Eigenschaften unterstützt, finden Sie bei campaignmonitor.com/css.

Abbildung 15.31    Eine Übersicht darüber, welcher E-Mail-Client welche CSS-Eigenschaften unterstützt, finden Sie bei campaignmonitor.com/css.

Bilder in Newslettern können das HTML-CSS-Design natürlich verschönern, sollten aufgrund der Datenmenge allerdings bewusst und zurückhaltend eingesetzt werden. Manche Clients zeigen Bilder in E-Mails auch nicht gleich an, sondern müssen per Buttonklick explizit nachgeladen werden. Daher sollten Bilder auf jeden Fall einen Alternativtext (also ein alt-Attribut) bekommen. Gestalterisch sind bei Newslettern keine weiteren Grenzen gesetzt. Ähnlich wie bei Webseiten sollten Texte gut lesbar sein, und das Layout sollte auf dem Corporate Design des Unternehmens beruhen. So wird eine Wiedererkennung erreicht und beim Betrachter Vertrauen geweckt.

Lesetipp

Den lesenswerten Blogartikel »HTML E-Mail Newsletter cross-client-konform erstellen« finden Sie bei maddesigns.de/html-newsletter-1030.html.

Bilder, Quellcode und Inhalte sollten möglichst optimiert sein, sodass die Datenmenge möglichst gering ist. Keiner wartet gerne auf lange E-Mail-Downloads, schon gar nicht mobil.

Responsive Mailing

Da die E-Mail-Abfrage inzwischen vermehrt von mobilen Endgeräten wie Smartphones und Tablets erfolgt, sind responsive Mailings immer gefragter. Das Prinzip ist dasselbe wie bei Webseiten. Mit Media Queries lassen sich verschiedene CSS-Eigenschaften an unterschiedliche Darstellungsbreiten knüpfen. Vorlagen für responsive E-Mail-Newsletter gibt es bei:

http://foundation.zurb.com/emails/email-templates.html

 


Ihre Meinung?

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de

<< zurück
 Zum Rheinwerk-Shop
Zum Rheinwerk-Shop: Webdesign Webdesign
Jetzt Buch bestellen

 Buchempfehlungen
Zum Rheinwerk-Shop: HTML5 und CSS3
HTML5 und CSS3


Zum Rheinwerk-Shop: Praxisbuch Usability und UX
Praxisbuch Usability und UX


Zum Rheinwerk-Shop: Responsive Webdesign
Responsive Webdesign


Zum Rheinwerk-Shop: Website-Konzeption und Relaunch
Website-Konzeption und Relaunch


Zum Rheinwerk-Shop: UX Writing und Microcopy
UX Writing und Microcopy


Zum Rheinwerk-Shop: WordPress 5
WordPress 5


Zum Rheinwerk-Shop: Stile & Looks
Stile & Looks


Zum Rheinwerk-Shop: Digitale Illustration
Digitale Illustration


 Lieferung
Versandkostenfrei bestellen in Deutschland, Österreich und in die Schweiz
InfoInfo

 
 


Copyright © Rheinwerk Verlag GmbH 2020
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das <openbook> denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt.
Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

 
[Rheinwerk Computing]

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de

Cookie-Einstellungen ändern