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

ecran

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

samsung
Même chose chez Samsung d’ailleurs.

taser

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

wrangle

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é).

victoria

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

nespresso

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

shaya

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

youtub

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

6 Commentaires

  1.  a posté le 1 août 2009 à 01:33 -

    La présentation des produits chez Wrangler avec cette vidéo est assez impressionnante et très bien réalisée !

  2.  a posté le 2 août 2009 à 02:07 -

    > La vidéo en ‘timeline narrative’ et interactive http://bit.ly/o0uW1

    This comment was originally posted on Twitter

  3.  a posté le 3 août 2009 à 03:43 -

    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

  4.  a posté le 4 août 2009 à 04:21 -

    [...] cet excellent article de Hebiflux Partager et découvrir : Ces icônes sont des liens vers des sites de partage de signet sociaux [...]

  5. kimline
     a posté le 5 août 2009 à 05:52 -

    je sais qu’il a été posté partout mais c’est qd même fun
    http://www.booneoakley.com/

    :)

  6.  a posté le 5 août 2009 à 05:57 -

    merci :) c’est vrai qu’il s’agit là d’un bon exemple, je l’ai rajouté du coup !