La vidéo en ‘timeline narrative’ et interactive
La vidéo est aujourd’hui l’un des formats incontournables pour les sites en flash. Une certaine catégorie de sites associent la timeline à une vidéo pour mieux rentrer dans un contenu bien précis à un moment donné, comme un chapitrage de DVD. La gestion du temps de la vidéo permet aujourd’hui de revenir en arrière, d’arrêter une vidéo ou d’interagir pendant.
Ce n’est plus un menu avec une liste de caractéristiques d’un produit qui mène à une vidéo mais l’inverse : c’est la vidéo qui guide l’utilisateur vers des caractéristiques, donnant à l’image une place prépondérante. Avec quelques utilisations intéressantes parfois. Petit tour non exhaustif d’exemples que j’ai en tête.
Chapitrage détaillé


Viera de Panasonic qui se trouve être un bon exemple de départ. La timeline s’enrichit de chapitres détaillés.

Même chose chez Samsung d’ailleurs.

http://taserx3.com/ : si je ne cautionnerais pas le produit en lui-même, on remarquera la très grande fluidité de la vidéo qui démarre instantanément. Et toujours des séquences détaillées.
Interactivité dans la vidéo

http://eu.wrangler.com/bluebell/ réalisé par kokokaka. : changer la tenue de l’acteur au clic de souris pendant la vidéo : un passage d’une tenue à l’autre totalement transparente (et magnifiquement bien réalisé).

http://perfectone.victoriassecret.com/#/perfect_360/ : des marqueurs qui permettent d’entrer dans le contenu.
Ne perdre aucune miette visuelle d’une démo produit

Un petit détour par le Nesspresso de Soleil Noir, qui utilisent eux la vidéo pour un superbe 360°. http://www.nespresso.com/citiz/, ou comment utiliser du mieux possible la timeline comme contrôle non pas temporel mais pour un déplacement de caméra afin de ne rien perdre du produit dans ses moindres détails.
Visite virtuelle

http://www.mnightshyamalan.com/site.html : un classique finalement, mais qui fonctionne bien. La timeline servant de repère pour retrouver les différentes pièces à visiter
La vidéo EST le site internet

Edit : rajout d’un petit dernier original qui est passé largement sur le net. Plus expérimental mais dans la même veine. Merci kimline ;)
Autres exemples à voir déjà cités et à surtout ne pas manquer :
- Montagnes russes chez volkswagen
- Uniqlo calendar : une mosaique vue du (gratte-)ciel
- Un peu d’interactivité vidéo chez Nike
- Nissan.co.uk : un nouveau portail riche et haut en couleurs

S'abonner à Hebiflux
Le Twitter Hebiflux
Tout Hebiflux avec Friendfeed
My Photostream Hebiflux

La présentation des produits chez Wrangler avec cette vidéo est assez impressionnante et très bien réalisée !
> La vidéo en ‘timeline narrative’ et interactive http://bit.ly/o0uW1
This comment was originally posted on Twitter
Très bon article : « La Vidéo En ‘Timeline Narrative’ Et Interactive » par @hebiflux > http://tinyurl.com/mrbua9
This comment was originally posted on Twitter
[...] cet excellent article de Hebiflux Partager et découvrir : Ces icônes sont des liens vers des sites de partage de signet sociaux [...]
je sais qu’il a été posté partout mais c’est qd même fun
http://www.booneoakley.com/
:)
merci :) c’est vrai qu’il s’agit là d’un bon exemple, je l’ai rajouté du coup !