Annonces et Web HTML5 Polices

Alan Tam dans Archives le 12 juillet 2011

Je vous salue ! J'ai pensé commencer mon premier billet de blog ici à Monotype Imaging par un billet qui partage une opportunité unique et passionnante pour le Web polices et le HTML. C'est un peu long à lire, mais je voulais donner quelques informations de base à ceux qui ne sont pas familiers avec le HTML avant d'entrer dans le vif du sujet.

Mais avant de commencer, je vais me présenter rapidement - je suis le nouveau, Alan Tam. Je viens de rejoindre Monotype Imaging en tant que directeur du marketing produit pour Polices.com Web Polices. Plus récemment, j'ai dirigé les efforts de marketing produit chez Adobe, où j'ai géré et conduit le marketing stratégique et les efforts de lancement autour de Flash® Lite, Flash Player et la technologie Adobe AIR® pour les téléphones mobiles, les tablettes, les téléviseurs et d'autres appareils électroniques grand public.

Pendant mon mandat chez Adobe, et plus particulièrement au sein de l'équipe chargée de la plateforme Flash, il était impossible de ne pas être impliqué et enthousiasmé par les débats en cours sur Flash et HTML5. Cependant, le fait d'être au centre de tout cela m'a donné une large perspective et m'a permis de comprendre pleinement les discussions. Il est important de comprendre que la question n'est pas Flash contre HTML5, mais plutôt Flash ET HTML5. En fait, Flash a toujours coexisté avec HTML - Flash n'aurait peut-être pas existé sans HTML. Flash a toujours permis aux développeurs d'offrir des expériences plus riches et plus attrayantes en plus du HTML. Flash n'est PAS un remplaçant de HTML5 et HTML5 n'est pas un remplaçant de Flash. L'introduction de HTML5 est une validation du fait que Flash a toujours fourni le bon niveau de capacités pour faire évoluer le web.

Certains des nouveaux éléments introduits dans HTML5, tels que la vidéo, l'audio, la prise en charge hors ligne et le canevas, sont tous disponibles dans les technologies Flash depuis un certain nombre d'années, mais ils incluent également certaines capacités qui ne sont pas disponibles dans Flash. Avec HTML5, les normes sont rehaussées et de nouvelles fonctionnalités sont introduites qui continueront à stimuler l'innovation sur les technologies construites au-dessus d'elles comme Flash. Flash et HTML continueront à coexister et les développeurs qui cherchent à offrir des expériences de qualité supérieure à ce qu'offre HTML le feront avec des technologies propriétaires. Il est également important de comprendre que la spécification HTML5 est encore à l'état de projet et n'a pas été ratifiée par le W3C au moment de la publication de ce billet (vous pouvez en savoir plus sur l'état actuel de la spécification HTML5 ici :(http://www.w3.org/TR/html5/).

Non seulement HTML5 ouvre un tout nouveau spectre de cas d'utilisation et d'application pour le développement à travers les plates-formes et les dispositifs, mais il a également recueilli un soutien industriel considérable de la part des principaux fournisseurs de technologies, de plates-formes et d'outils, parmi lesquels Google, Microsoft, Yahoo, Pomme et Adobe. HTML5 offre aux développeurs la possibilité d'explorer des applications et des cas d'utilisation existants et nouveaux en utilisant de nouvelles méthodologies et techniques pour offrir des fonctionnalités qui n'étaient pas possibles auparavant avec HTML. C'est extrêmement intéressant en raison de la portée potentiellement étendue du HTML5, qui inclut des plateformes qui ne supportent pas Flash aujourd'hui, telles que la plateforme iOS® d'Apple.

L'une des applications potentielles de HTML5 que j'aimerais explorer aujourd'hui est la publicité numérique. Plus précisément, j'aimerais discuter de la façon dont Web polices peut permettre aux annonceurs de créer des publicités qui offrent des expériences plus attrayantes pour un public plus large qui s'étend sur des environnements multi-écrans. Voici quelques-uns des principaux avantages de l'utilisation de HTML et de Web Polices pour la publicité numérique :

Une typographie plus expressive. Grâce à une palette pratiquement illimitée de polices de caractères, les annonceurs peuvent choisir des modèles qui appuient le message de leur publicité.
Unité de la marque : Les organisations peuvent veiller à ce que leur communication reste fidèle à la marque en mettant en œuvre leur entreprise ou la marque polices qu'elles utilisent dans d'autres formes de communication visuelle.
Le texte évolutif est une exigence pour les publicités basées sur la localisation ou personnalisées (texte imprévisible) lorsqu'il est associé à un mandat de marque pour un site spécifique police.
Annonces adaptées aux moteurs de recherche. Bien que Flash ait fait quelques progrès en matière de référencement des textes et des vidéos, ces changements n'en sont qu'à leurs balbutiements et ne bénéficient aujourd'hui que d'un soutien limité.
Prise en charge des applications et appareils iOS.
Un plus grand nombre d'outils de création sont disponibles.
Les publicités HTML5 ne peuvent pas être "désactivées" en supprimant le plug-in Flash Player.

Nous avons décidé d'essayer par nous-mêmes et avons créé une publicité HTML5 expérimentale à déployer sur le réseau publicitaire de Google. Nous avons adopté l'approche suivante :

Création d'une publicité en Flash avec une animation simple grâce à l'utilitaire Google Display Ad Builder ;
Nous avons recréé l'annonce en HTML en utilisant une combinaison de HTML, CSS et notre service Polices.com Web Polices avec les polices Futura® et Gill Sans®. Polices ont été chargées via le WebFont Loader de Google.

Jetez un coup d'œil aux deux publicités que nous avons expérimentées ici :

(La publicité HTML5 est à gauche et la publicité Flash est à droite. Vous pouvez voir les versions interactives ici : http://wfp.devbridge.com/html5/ - les images ci-dessus sont visualisées avec le navigateur Google Chrome™ ver. 12.0.742.112. Le HTML5 n'ayant pas été ratifié par le W3C, l'apparence de cet exemple de publicité variera en fonction du navigateur avec lequel vous choisirez de les visualiser).

Voici les principaux résultats de cette expérience :

Bien que nous soyons en mesure de reproduire certains aspects de la publicité originale en Flash, ni l'apparence ni les animations de la publicité en HTML ne correspondent à l'original.
La publicité s'appuie en fait plus fortement sur CSS3 que sur HTML.
Les dégradés et les animations sont déclenchés par CSS3 et utilisables en HTML5, XHTML ou même HTML4.
HTML5 et CSS offrent des possibilités avancées et uniques aux annonceurs. Par exemple, les publicités construites avec HTML5, CSS et Web polices sont légères, évolutives, lisibles par les machines et compatibles avec les plates-formes mobiles. HTML5 et CSS répondent également à des cas d'utilisation spécifiques tels que le zoom et la saisie de texte prédictive pour les publicités dynamiques.
Il est rappelé que le HTML5 est aujourd'hui mis en œuvre de manière incohérente dans les navigateurs, car il n'a pas encore fait l'objet d'une ratification finale par le W3C. En fait, des analystes comme le Gartner Group prévoient que le déploiement complet du HTML5 dans les navigateurs ne se fera pas avant 2022(http://www.scribd.com/doc/56875409/Gartner-html5-and-the-Future-of-Adobe-Flash).
HTML5 ne remplace pas complètement Flash. Flash est dominant et omniprésent pour les publicités et autres éléments de marque en raison de sa richesse et de sa cohérence à travers une matrice de systèmes d'exploitation et de navigateurs. HTML5 ne peut pas encore garantir ce niveau de cohérence. En outre, certaines fonctionnalités de Flash ne peuvent pas encore être reproduites dans CSS et HTML5. Par exemple, il n'est pas possible de remplacer tous les modèles d'Ad Builder basés sur Flash par des modèles basés sur HTML5.

Bien que nous n'en soyons qu'aux premiers stades, les publicités HTML5 sont déjà en cours de développement et de déploiement. Nous nous soumettons à HTML5 parce que nous considérons que Web polices et, en particulier, notre vaste collection de polices de caractères largement utilisées, constituent une technologie de soutien qui aidera la publicité HTML5 à décoller (notre CLUF Web polices existant sur Polices.com inclut aujourd'hui la prise en charge des publicités affichées en HTML5).

J'aimerais savoir ce que vous faites avec HTML5 et Web polices. Travaillez-vous sur des publicités ? Quels sont les autres cas d'utilisation et applications que vous jugez adaptés à HTML5 et au Web polices?