http://www.interfacesriches.fr Toute l'actualité des interfaces riches (Flash, HTML5, 3D...) Mon, 22 Jul 2013 07:48:18 +0000 fr-FR hourly 1 http://wordpress.org/?v=3.5.3-alpha Un second souffle pour les images interactives http://www.interfacesriches.fr/2013/05/16/un-second-souffle-pour-les-images-interactives/ http://www.interfacesriches.fr/2013/05/16/un-second-souffle-pour-les-images-interactives/#comments Thu, 16 May 2013 09:23:07 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=5384 Souvenez-vous, au commencement du web, les images étaient statiques. Puis Flash a été popularisé et faire des images interactives est devenu simple. Puis les terminaux mobiles se sont généralisés (sans Flash) et les images sont redevenues statiques. Heureusement certains services se sont positionnés sur ce créneau et proposent des solutions simples en HTML et javascript pour que n’importe qui puisse faire des images interactives. Quel est l’intérêt de rajouter une couche d’interactivité aux images ? De faire passer plus d’informations, de mieux engager les internautes, de prolonger la visite… L’intérêt est en fait le même qu’il y a 10 ans quand les premiers usages d’images interactives sont apparus avec Flash.

Les deux principaux fournisseurs de services dans ce domaine sont ThingLink et StippleKiosked et Luminate proposent également des solutions similaires, mais ils ont un positionnement différent. Le principe est de vous fourni un service qui superpose une couche d’interactivité à vos images pour pouvoir y incruster des liens, des photos, des vidéos… En fiat il n’y a pas de limites aux éléments qui vous pouvez lier, certains s’intègrent mieux que d’autres.

Si mes sources sont exactes, ThingLink est le premier à avoir proposé ce genre de service pour les particuliers et les professionnels. Le service se présente sous la forme d’un éditeur qui vous permet d’insérer des rich media tags à vos photos et de les partager en y insérant un petit bout de javascript : ThingLink Rich Media Tags, An overview. Dans la pratique, ça ressemble à ça :

En passant votre souris au-dessus de l’image, vous allez voir apparaître des petits pictos menant à des contenus supplémentaires : photos, vidéos, musiques, profils de réseaux sociaux, mais aussi pages produit sur Amazon, Best Buy ou Etsy. Des liens particulièrement intéressant dans le cadre d’une activité marchande, regardez par exemple cette expérience menée par Ikea :

L’interface du service permet également d’avoir de comptabiliser le nombre de clics sur les images ou certains pictos.

L'interface d'analytics de ThingLink
L’interface d’analytics de ThingLink

Le plus intéressant dans ce service, est qu’il fonctionne aussi sur Facebook, Twitter et Tumblr. Dans le même genre, Stipple propose également de rajouter une couche d’interactivité aux images. Le fonctionnement est à peu près le même, avec un petit bout de code javascript à rajouter. Exemple avec Lexus (qui fonctionne aussi sur Twitter) :


Mais ils vont aussi plus loin avec leur offre Stipple Shopping qui ambitionne de transformer une image en mini-boutique intégrée :

L’ambition de ce service est donc nettement plus forte. Je ne saurais vous dire si les boutiques encapsulées dans une image sont viables, mais toujours est-il que celà ouvre d’innombrables possibilités pour étendre les possibilités d’interaction au sein même des flux de messages des plateformes sociales. Malheureusement ces deux solutions passent par Flash pour ajouter une couche d’interactivité au sein de la timeline de Facebook : Stipple allows Facebook pages to share interactive images and drive e-commerce et ThingLink Adds Interactive Image Sharing to Facebook Timeline.

(via Blog Ergo Sum)

]]> http://www.interfacesriches.fr/2013/05/16/un-second-souffle-pour-les-images-interactives/feed/ 1 La mode des clips vidéos en HTML5 ? http://www.interfacesriches.fr/2011/02/24/la-mode-des-clips-videos-en-html5/ http://www.interfacesriches.fr/2011/02/24/la-mode-des-clips-videos-en-html5/#comments Thu, 24 Feb 2011 16:18:34 +0000 Frédéric Cavazza http://www.interfacesriches.fr/?p=1044 Tout a commencé avec House of Cards de Raiodhead, une expérimentation de visualisation artistique de données réalisée par les équipes de Google. L’idée était de mélanger création artistique et programmation pointue. Puis il y a eu The Wilderness Downtown qui a bénéficié d’une plus grande couverture médiatique. Là nous étions à mi-chemin entre expérience vidéoludique et démonstration de force pour Google (cf. Google à l’assaut d’iTunes et d’iOS avec Chrome et HTML5 ?).

Dernièrement j’ai découvert l’incroyable travail du groupe japonais SOUR avec le titre Mirror qui mélange multi-fenêtrage, HTML5, Flash et réseaux sociaux :

La vidéo interactive de SOUR

Le résultat est divertissant et surtout très surprenant pour ceux qui laissés un minimum de traces sur le web :

Cette semaine j’ai également découvert le travail de No Eleven qui propose avec High une vidéo HTML5 qui utilise les paroles de la chanson pour rapatrier en temps réel les résultats de recherche de Google Images :

La vidéo interactive de No Eleven

J’ai donc bien l’impression que nous sommes en présence d’un nouveau meme qui consiste à exploiter les interfaces riches pour mettre en scène un morceau musical. Sur la papier, nous pouvons craindre le pire, mais il faut bien admettre que les exemples cités plus haut sont des authentiques réussites, à la fois sur le plan artistique que d’un point de vue technique. Certes, parfois c’est un peu long à charger (ou ça sollicite un peu trop le processeur), mais ces différentes expérimentations ouvrent la voie d’une nouvelle forme de création artistico-technologique.

Cette idée est d’ailleurs reprise avec brio par Intel dans sa campagne récente The Chase :

Je ne sais pas trop quelle est la limite de cet exercice de style, en tout cas il remplit parfaitement sa mission : attirer l’attention. N’hésitez pas à publier les URLs d’autres exemples dans les commentaires.

(via @ksandre)

]]> http://www.interfacesriches.fr/2011/02/24/la-mode-des-clips-videos-en-html5/feed/ 1