Spannende Einblicke in das Agenturleben und alles was sich hinter den Kulissen der Bildschirme abspielt, kann man jetzt als Fan auf der NETFORMIC-Facebookseite entdecken!

NETFORMIC ist persönlicher und besser für euch zu erreichen:  brandaktuelle Meldungen, Jobangebote, Begünstigungen und aufschlussreiche Facts aus den Bereichen E-Commerce, E-Business und E-Marketing stehen unseren Fans zur Verfügung.

Tauscht euch mit Freunden und Bekannten über unsere Neuigkeiten aus und diskutiert mit! Für persönliche Fragen und Anregungen haben wir ein Facebook-Team gebildet, das für euch als NETFORMIC-Botschafter im WWW unterwegs ist.

Liebe Kunden, Freunde und Interessenten wir freuen uns auf euren Besuch! Gefällt mir! Euch auch?

… Ich sehe was, was du auch (hoffentlich) siehst! …
… Gesehen? …
… Augen auf! …
… Genau! Unser Blog hat einen neuen Anstrich bekommen!

Doch das war noch nicht alles. Auf diesem Wege möchten wir auch unsere neue Webseite begrüßen: www.netformic.de !

In unseren Köpfen geboren, aus unseren Händen gewachsen, bist du bereit für die große weite Welt des WWW. Nun liegt es an dir…. auf ein traffic-reiches Leben!

Als Internet-Agentur ist die Webseite unser Aushängeschild und unser wichtigstes Marketinginstrument. Technik, Design und Usability müssen dann natürlich immer auf dem neuesten Stand sein. Also haben wir die Webseite neu konzipiert, um Euch den Besuch so angenehm wie möglich zu gestalten und seit 2 Wochen ist unsere neue Webseite online!

Ein Blick auf die Seite lohnt sich! NETFORMIC bietet wie gewohnt strategische und zielorientierte Lösungen im E-Marketing, E-Commerce und E-Business für den B2B- und B2C-Bereich. Auch inhaltlich hat sich einiges getan.

Wir möchten Euch unsere neuen vier Leistungsbereiche vorstellen: Beratung, Konzeption, Redaktion und Support. Damit bauen wir unsere Kompetenzen als Internet-Agentur weiter aus und orientieren uns konsequent an den Bedürfnissen unserer Kunden.

Nach dem TYPO3-Relaunch ist das neue Design übersichtlicher und intuitiver zu bedienen. Der frische Stil und die angenehmen Animationen versprechen eine schnellere Performance mit einem besseren Zugriff auf die jeweiligen Bereiche.

Liebe Kunden, Freunde und Interessenten heißt mit uns unsere neue Webseite willkommen!

Fast drei Wochen ist es jetzt her, dass man sich mit breitem Silvester-Strahle-Grinsen gegenseitig „Einen guten Start ins neue Jahr“ gewünscht hat.
Inzwischen kann jeder abschätzen, ob sein Start in 2010 tatsächlich „gut“, im Sinne von verhältnismäßig entspannt, ohne üblichen Freizeit- und Jobstress verlief oder ob ihm gleich nach wenigen Tagen wiedermal die Decke auf den Kopf gefallen ist.

Ich hoffe, dass sich bei unseren Bloglesern der Jahresanfang eher nach Variante 1 gestaltet hat und alle dem frischgebackenen neuen Jahr positiv entgegen sehen.
Beim Ikea-Einkauf vergangene Woche ist uns auch nur fast die Decke auf den Kopf gefallen, als wir uns ins Chaos des Knut-Schlussverkaufs stürzten. Aber es hat sich gelohnt: Pünktlich zum neuen Jahr(-zehnt!) wurde der neue Aufenthaltsraum einem Umstyling unterzogen. Die Regalwand steht schon und innerhalb der nächsten Tage kommen dann noch ein paar hübsche Accessiore hinzu. Es soll ja schließlich einladend und gemütlich werden. Dann steht den Mittagspausen in schönem Ambiente nichts mehr im Weg!
Freue mich schon drauf und wünsche allen für den Rest des noch langen Jahres alles Gute!

…das sollen Infografiken in erster Linie und darüber waren sich auch alle 10 Referenten des IDSymposiums 2009 an der HdM einig (was ansonsten nicht immer der Fall war, denn nicht immer ziehen Forschung und Praxis an einem Strang).

Wie auch immer – in Form von geballter Ladung haben wir am Freitag das Wissen von 10 Vorträgen rund um das Thema Informationsdesign in uns aufgesaugt – sowie mindestens 2 Liter Multivitaminsaft und eine große Portion Maultaschensuppe mit Kraftbrühe, die wir in den Pausen dankend entgegen nahmen in der Hoffnung sie mögen unser Hirn frisch und aufnahmefähig halten.

Wenn wir jetzt in Kürze wiedergeben, was denn von dem Tag so hängen geblieben ist, dann kommt spontan folgendes heraus. Dank des IDSymposiums 2009 wissen wir jetzt:

• dass Kleider eben nicht Leute machen
• dass die Infografik nichts anderes ist, als eine intentionierte und hilfreiche Collage von Nachrichten, die sowohl nüchterne Information, nützliche Instruktion sowie einen meinungsbildenden Kommentar transportieren kann
• dass in der Tagespresse die interaktive Infografik nicht funktioniert
• dass Remo Burkhard den Managern am liebsten Big-Pictures und den Werbern virtuelle Fotos verkauft und selbst eigentlich gar keine Infografiken macht (nur für einen Kunden, aber der wollte gleich 300 Stück)
• und dass wir unser gefühltes Alter trotz Multivitaminsaft offensichtlich nach außen nicht wiederspiegeln konnten – es kam nicht nur einmal vor, dass wir von den Studenten, die eindeutig in der Überzahl waren, mit “Sie” angesprochen wurden.

Lange Rede kurzer Sinn – die zwei Damen vom Marketing (Mela & Uli) haben eine ganze Menge über Informationsdesign gelernt. Ein erster Versuch, das Gelernte auch in die Tat umzusetzen seht ihr hier:

Eine Geschichten in drei Bildern – das war unser Tag an der HdM:

Im World Wide Web finden sich bereits zahlreiche Berichte und praktische Tipps zum Thema “Erstellung eines HTML-Newsletters”. Da ich selbst das Vergnügen hatte, Newsletter zu erstellen, habe ich mich entschieden einen eigenen Beitrag (aus der praktischen Sicht) zu verfassen.

Als ich zum ersten Mal die Aufgabe bekommen habe, einen Newsletter zu erstellen, habe ich nicht ahnen können, dass man, um allen E-Mail-Clients gerecht zu werden, so viele Dinge beachten muss. Vor allem seit der neuen Outlook-Version 2007 hat sich in der Newsletter-Programmierung einiges getan. Oder besser gesagt – “zurück entwickelt”.

Kurze Erklärung: Outlook 2007 verwendet zum Interpretieren von HTML keine Internet-Explorer-Engine mehr sondern eine Word-2007-Engine. Und da die HTML-Anzeige von Word 2007 beispielsweise keine CSS-Positionierung unterstützt, werden zur Positionierung wieder veraltete Tabellenlayouts verwendet. Begründet wird diese Änderung durch z.B. mehr Sicherheit, einheitliche Darstellung, etc.

Outlook hat im B2B-Bereich einen Marktanteil von ungefähr 75% , daher hat bei der Erstellung eines HTML-Layouts eine Optimierung für Outlook höchste Priorität!

Im Folgenden finden Sie ein paar nützliche Tipps zur Erstellung eines Outlook-2007-konformen HTML-Newsletters versehen mit ein paar Beispielen und Kommentaren:

1. Formulare werden in Outlook 2007 nicht mehr unterstützt:

Das HTML-Element form wird hier nicht mehr unterstützt. Aber nicht nur Outlook 2007 unterstützt die integrierten Formulare nicht, sondern auch andere wichtige Webmail-Clients.

Tipp: Es empfiehlt sich eine Verlagerung auf die Landing-Page.

2. Im Allgemeinen gilt für Outlook 2007 –> Tabellen- und Inline-CSS-Verwendung!

• keine Unterstützung für Hintergrundbilder (CSS) –> background-image, background-position oder background-repeat

CSS-Eigenschaften background-image zur Festlegung Hintergrundgrafiken, background-position und deren Positionierung und background-repeat um eine Wiederholung der Hintegrundgraphik in x- oder/und y-Achse hervorzurufen, werden von Outlook 2007 nicht unterstützt.

Tipp: Über das HTML-Attribut background ist es möglich, in Outlook 2007 eine Hintergrundgrafik für body zu realisieren. Hintergrundbilder für Tabelle table, Tabellenzeile tr oder Tabellenspalte td sind hier jedoch nicht möglich.

Zudem sollte für andere Grafiken ein Alternativtext über das Attribut alt angegeben werden. Dieser erscheint, falls die Anzeige von Grafiken im Browser oder als Standardeinstellung in Outlook 2007 deaktiviert ist.

Beispiel: <body background=”http://www.beispiel.de/hintergrund.gif”>></body>

<img src=”http://www.beispiel.de/banner.jpg” alt=”[Bild:Banner]“/>

• keine Unterstützung für Positionierung (CSS) –> position

CSS-Eigenschaft position legt die Art der Positionierung der Elemente fest. Durch position:static z.B. wird ein Element in der Reihenfolge angezeigt, wie es im Dokument definiert ist; position:absolute zeigt das Element dort an, wo es positioniert wurde und position:relative richtet das Element am vorhergehenden aus.

Outlook 2007 positioniert die Elemente in jedem Fall untereinander, d.h. Eigenschaft position wird nicht unterstützt.

Tipp: Für die Positionierung müssen alternativ ineinander verschachtelte Tabellenlayouts verwendet werden.

• keine Unterstützung für Anzeigeart (CSS) –> display

mit der CSS-Eigenschaft display kann bestimmt werden, wie ein Element angezeigt wird (display: block, inline etc.) und ob überhaupt (display:none).

Tipp: Für die Umsetzung der einzelnen Anzeigearten müssen hier Tabellenlayouts bzw. die entsprechenden HTML-Tags verwendet werden.

• keine Unterstützung für Textumfluss (CSS) –> float

die CSS-Eigenschaft float bestimmt für ein Element, ob nachfolgende Elemente dieses umfließen sollen. float:left bedeutet, dass das Element links steht und rechts umflossen wird, für float:right – umgekehrt. float:none steht für “kein Umfluss”.

Tipp: Hier könnte man zwar HTML-Attribute des img-Tags für die Realisierung eines Textumflusses verwenden (align, vspace, hspace), jedoch werden diese mittlerweile als veraltet gekennzeichnet. Daher bleibt als Alternative wieder mal der Umweg über ein Tabellenlayout.

Beispiel: <img src=“bs.jpg“ align=“left“ vspace=“15“ hspace=“15“ />

<p> Hier erscheint Ihr Beispiel Text, das das Bild rechts umfließt</p>

3. Animierte Grafiken/GIFs werden von Outlook 2007 nicht mehr unterstützt.

Angezeigt wird nur eine statische Version.

4. Genau so wie Adobe Flash und andere Plug-Ins.

An Stelle eines Flashs wird das typische rote X angezeigt.

Tipp: Hier besteht die Möglichkeit einen Screenshot aus der Flash-Animation zu machen und in die E-Mail einzubinden, und anschließend mit dem Flash-Film zu verlinken.

5. Außerdem werden weitere HTML-Elemente wie applet, bdo, button, iframe, input, isindex, menu, noframes, noscript, object, optgroup, option, param, q, script, select nicht unterstützt.

6. Weitere CSS-Eigenschaften, die nicht unterstützt werden, sind: border-spacing, bottom, clear, content, left, list-style-image, list-style-position, max-height, max-width, outline, table-layout, text-transform, text-shadow …

Eine gute Übersicht erhält man hier:

http://msdn.microsoft.com/de-de/library/aa338201(en-us).aspx#Word2007MailHTMLandCSS_Introduction

Außerdem sind folgende Links zu empfehlen:

http://www.sitepackage.de/service/tutorials/css-unterstuetzung-in-webmail-systemen.html

http://www.sitepackage.de/service/tutorials/css-unterstuetzung-in-webmail-systemen-2.html

Fazit: Durch die Einführung von Outlook 2007 ist der Programmierer gezwungen den HTML-E-Mails mit CSS den Rücken zu kehren und für die optimale Anzeige wieder Tabellenlayouts und Inline-CSS zu verwenden! Somit bewegt sich der CSS-Support in Outlook 2007 ungefähr auf dem Niveau des Internet Explorers 5, was mit mehr Schreibarbeit und somit weitaus längerem Code verbunden ist.