HTML5-Anzeigen und Web Fonts

Alan Tam in Archiv am 12. Juli 2011

Grüße! Ich dachte, ich beginne meinen ersten Blog-Beitrag hier bei Monotype Imaging mit einem Beitrag über eine einzigartige und aufregende Gelegenheit für Web Fonts und HTML. Es ist ein bisschen viel zu lesen, aber ich wollte denjenigen, die mit HTML nicht so vertraut sind, ein paar erste Hintergrundinformationen geben, bevor ich mich dem Thema widme.

Doch bevor ich beginne, möchte ich mich kurz vorstellen - ich bin der Neue, Alan Tam. Ich bin seit kurzem bei Monotype Imaging als Director of Product Marketing für Fonts.com Web Fonts tätig. Zuletzt leitete ich das Produktmarketing bei Adobe, wo ich das strategische Marketing und die Markteinführung von Flash® Lite, Flash Player und der Adobe AIR®-Technologie für Mobiltelefone, Tablets, Fernseher und andere elektronische Geräte leitete und vorantrieb.

Während meiner Zeit bei Adobe und insbesondere bei der Arbeit im Flash-Plattform-Team war es unmöglich, nicht in die laufenden Debatten über Flash und HTML5 involviert zu sein und sich dafür zu begeistern. Dadurch, dass ich im Zentrum des Geschehens stand, hatte ich jedoch eine umfassende Perspektive und konnte die Diskussionen vollständig verstehen. Zunächst ist es wichtig zu verstehen, dass es nicht um Flash gegen HTML5 geht, sondern um Flash UND HTML5. In der Tat hat Flash schon immer mit HTML koexistiert - ohne HTML hätte es Flash vielleicht gar nicht gegeben. Flash hat es Entwicklern schon immer ermöglicht, zusätzlich zu HTML reichhaltigere und ansprechendere Erlebnisse zu liefern. Flash ist KEIN Ersatz für HTML5 und HTML5 ist KEIN Ersatz für Flash. Die Einführung von HTML5 ist eine Bestätigung dafür, dass Flash von Anfang an das richtige Maß an Funktionen für die Weiterentwicklung des Webs geliefert hat.

Einige der neuen Elemente, die in HTML5 eingeführt wurden, wie Video, Audio, Offline- und Canvas-Unterstützung, sind in Flash-Technologien bereits seit einigen Jahren verfügbar, aber es gibt auch einige Funktionen, die in Flash nicht verfügbar sind. Mit HTML5 werden die Standards angehoben und neue Funktionen eingeführt, die weitere Innovationen in darauf aufbauenden Technologien wie Flash vorantreiben werden. Flash und HTML werden auch in Zukunft nebeneinander existieren, und Entwickler, die Premium-Erlebnisse bieten wollen, die über das hinausgehen, was HTML bietet, werden dies mit proprietären Technologien tun. Es ist auch wichtig zu wissen, dass sich die HTML5-Spezifikation noch in einem Arbeitsentwurf befindet und zum Zeitpunkt dieses Blogbeitrags noch nicht vom W3C ratifiziert wurde (den aktuellen Stand der HTML5-Spezifikation finden Sie unter Mehr erfahren Über :(http://www.w3.org/TR/html5/).

HTML5 eröffnet nicht nur ein völlig neues Spektrum an Anwendungsfällen und -möglichkeiten für die plattform- und geräteübergreifende Entwicklung, sondern es hat auch enorme Unterstützung von führenden Technologie-, Plattform- und Tool-Anbietern erhalten, darunter Google, Microsoft, Yahoo, Apfel und Adobe. HTML5 bietet Entwicklern die Möglichkeit, bestehende und neue Anwendungen und Anwendungsfälle mit neuen Methoden und Techniken zu erforschen, um Funktionen bereitzustellen, die bisher mit HTML nicht möglich waren. Dies ist aufgrund der potenziell großen Reichweite von HTML5, die auch Plattformen einschließt, die Flash heute nicht unterstützen, wie z. B. die iOS®-Plattform von Apple, äußerst interessant.

Eine mögliche HTML5-Anwendung, die ich heute untersuchen möchte, ist die digitale Werbung. Insbesondere möchte ich erörtern, wie Web Fonts es Werbetreibenden ermöglichen kann, Anzeigen zu erstellen, die für ein breiteres Publikum, das sich über mehrere Bildschirme erstreckt, ein ansprechenderes Erlebnis bieten. Zu den wichtigsten Vorteilen der Verwendung von HTML und Web Fonts für digitale Anzeigen gehören:

Ausdrucksstarke Typografie. Mit einer praktisch unbegrenzten Palette von Schriften können Werbetreibende Designs auswählen, die die Botschaft ihrer Anzeige unterstützen.
Einheitliche Marke: Unternehmen können ihre Kommunikation "on-brand" halten, indem sie ihre Unternehmens- oder Markenzeichen Fonts in andere Formen der visuellen Kommunikation einbringen.
Skalierbarer Text ist eine Voraussetzung für standortbezogene oder personalisierte Anzeigen (unvorhersehbarer Text) in Verbindung mit einem Branding-Auftrag für eine bestimmte Font.
Suchmaschinenfreundliche Anzeigen. Obwohl Flash einige Fortschritte bei SEO-Text und Video gemacht hat, stecken diese Änderungen noch in den Kinderschuhen und werden heute nur begrenzt unterstützt.
Unterstützung für iOS-Apps und -Geräte.
Breiteres Spektrum an Autorenwerkzeugen verfügbar.
HTML5-Werbung kann nicht durch Entfernen des Flash Player-Plug-ins "abgeschaltet" werden.

Wir beschlossen, es selbst auszuprobieren und erstellten eine experimentelle HTML5-Anzeige, die im Google-Werbenetzwerk geschaltet werden sollte. Wir sind dabei wie folgt vorgegangen:

Erstellung einer Flash-basierten Anzeige mit einer einfachen Animation mit dem Google Display Ad Builder-Dienstprogramm;
Die Anzeige wurde mit einer Kombination aus HTML, CSS und unserem Dienst Fonts.com Web Fonts mit den Schriftarten Futura® und Gill Sans® Schriften so genau wie möglich in HTML neu erstellt. Fonts wurde über den WebFont Loader von Google geladen.

Schauen Sie sich die beiden Anzeigen an, mit denen wir hier experimentiert haben:

(Die HTML5-Werbung ist links und die Flash-Werbung ist rechts. Sie können die interaktiven Versionen hier ansehen: http: //wfp.devbridge.com/html5/ - die obigen Bilder werden mit dem Google Chrome™-Browser Ver. 12.0.742.112. Da HTML5 noch nicht vom W3C ratifiziert wurde, variiert das Erscheinungsbild dieser Beispielanzeige je nach Browser, mit dem Sie sie betrachten).

Hier sind die wichtigsten Ergebnisse dieses Experiments:

Wir sind zwar in der Lage, einige Aspekte der ursprünglichen Flash-basierten Anzeige zu replizieren, aber weder das Aussehen noch die Animationen der HTML-Anzeige sind eine 1:1-Übereinstimmung.
Die Anzeige basiert mehr auf CSS3 als auf HTML.
Verläufe und Animationen werden über CSS3 ausgelöst und sind in HTML5, XHTML oder sogar HTML4 verwendbar.
HTML5 und CSS bieten einige fortschrittliche und einzigartige Möglichkeiten für Werbetreibende. So sind Anzeigen, die mit HTML5, CSS und Web Fonts erstellt wurden, leicht, skalierbar, maschinenlesbar und kompatibel für mobile Plattformen. HTML5 und CSS eignen sich auch für spezielle Anwendungsfälle wie Zoomen und prädiktive Texteingabe für dynamische Anzeigen.
Es sei daran erinnert, dass HTML5 heute in den verschiedenen Browsern uneinheitlich umgesetzt wird, da die endgültige Ratifizierung durch das W3C noch nicht erfolgt ist. Analysten wie die Gartner Group gehen sogar davon aus, dass die vollständige Einführung von HTML5 in allen Browsern nicht vor 2022 erfolgen wird(http://www.scribd.com/doc/56875409/Gartner-html5-and-the-Future-of-Adobe-Flash).
HTML5 ist kein vollständiger Ersatz für Flash. Flash ist dominant und allgegenwärtig für Werbung und andere Branding-Elemente, weil es reichhaltig und konsistent über eine Matrix von Betriebssystemen und Browsern ist. HTML5 kann dieses Maß an Konsistenz noch nicht gewährleisten. Außerdem gibt es Flash-Funktionen, die in CSS und HTML5 noch nicht nachgebildet werden können. So ist es beispielsweise nicht möglich, alle Flash-basierten Ad-Builder-Vorlagen durch HTML5-basierte Vorlagen zu ersetzen.

Obwohl wir uns noch in der Anfangsphase befinden, werden HTML5-Anzeigen bereits entwickelt und eingesetzt. Wir beteiligen uns an HTML5, weil wir Web Fonts und unsere breite Sammlung von weit verbreiteten Schriften insbesondere als unterstützende Technologie sehen, die Hilfe HTML5-Werbung zum Durchbruch verhelfen wird (unsere bestehende Web Fonts EULA auf Fonts.com unterstützt bereits heute HTML5-Anzeigen).

Ich würde gerne wissen, was Sie mit HTML5 und Web Fonts machen. Arbeiten Sie an Anzeigen? Welche anderen Anwendungsfälle und Anwendungen sehen Sie für HTML5 und Web Fonts?