La vidéo au service de la comparaison de produits

J’étais ce matin chez Adobe pour assister à une démonstration de la gamme Scene7 (une plateforme de services pour l’e-commerce). Parmi les nombreuses démonstrations, j’ai particulièrement apprécié celle de David’s Bridal, un site de vente en ligne de robes de mariée (entre autre).Ils proposent ainsi de jouer des courtes séquences vidéo dès la page de catégorie (db Online Collection) :

DavidsBridal.jpg

Ces courtes séquences vidéo sont très appréciables, notamment pour évaluer la texture de la robe et voir comment elle tombe. Ce que je trouve particulièrement intéressant, c’est d’avoir fait cela dans un contexte de comparaison.

C’est à la fois ludique et parfaitement immersif. D’autant plus que ces séquences vidéo sont disponibles en plus grand format une fois sur la page produit. Bon par contre cela réclame un investissement conséquent pour tourner les séquences vidéo.

/! Billet initialement publié sur FredCavazza.net.

Simple et efficace N°7 : Mini-calendrier et store-lampe

Dans la série simple et efficace, le site Elzr a lancé un challenge intéressant à ces lecteurs : concevoir un calendrier au format carte de visite qui resterait parfaitement lisible : Infodesign challenge.

Certaines propositions sont surprenantes et d’autres carrément géniales :

Joe_Lanman

 

Dans un tout autre registre, je suis tombé sur ce store vénitien qui simule une fenêtre et fait office de lampe : Bright Blind.

BrightBlind

 

En fait ce sont les lamelles de ce store qui produisent de la lumière grâce à leur revêtement électroluminescent. Pour baisser l’intensité, il suffit de tourner le manche… comme avec une vraie fenêtre !

Toujours plus de 3D avec Flash

Si vous appréciez les interfaces en 3D mais que vous rechignez à installer d’autres plug-in, alors jetez donc un oeil à ce film de présentation : PaperVision Showreel 2007. On y voir tout une série d’applications de la 3D exploitant uniquement Flash et la librairie Papervision3D (dont j’avais déjà parlé dans un précédent billet : De la 3D de qualité avec Papervision3D et le nouveau Flash Player).

Mention spéciale à cet outil de personnalisation 3D pour le constructeur de minivan Brahma.

BrahmaBus

 

(via Hebi Flash blog)

Tout savoir sur la navigation page à page

Comme tout internaute lambda vous devez forcément avoir été confronté un jour ou l’autre à un système de navigation page à page. Mais si enfin, ne serait-ce qu’en bas de page de résultats de Google :

GooglePagination (1)

 

Je vous propose dans ce contexte de découvrir un article très complet sur la navigation page à page : Pagination Gallery: Examples And Good Practices.

Voici les meilleures pratiques identifiées par l’auteur :

  1. Proposer de larges zones cliquables ;
  2. N’utilisez pas le soulignement des liens (recommandation à nuancer) ;
  3. Identifier de façon évidente la page en cours de lecture ;
  4. Espacer les liens ;
  5. Fournir des liens ‘Suivant‘ et ‘Précédent‘ ;
  6. Fournir des liens ‘Premier‘ et ‘Dernier‘ (si pertinent, c’est à dire en cas de très grosse pagination) ;
  7. Positionnez les liens ‘Premier‘ et ‘Dernier‘ aux extrémité.

L’article est en prime illustré avec une galerie très complète de copies d’écrans. Mes deux préférés sont les paginations de Digg et de MSDN :

DiggPagination

MsdnPagination

 

 

Et vous, quels sont vos exemples préférés ?

J’adore les outils gratuits

Non c’est vrai, vraiment vrai : j’adore les outils gratuits. Je vous propose donc de découvrir le bog suivant : Free Tools.

Le but de ce blog est de présenter toutes les solutions pour le développement de site Internet ou d’applications métiers orientées web, mais on y trouve surtout beaucoup d’outils et de librairies javascript (et un peubeaucoup d’Ajax) classés selon des catégories et sous-catégories. Tout ce qui est présenté doit être de qualité professionnelle et bien évidemment gratuit (licence free, GPL, Creative Commons, MIT…).

Exemples de ce que j’ai trouvé dans les derniers billets :

  • Ext Js, un framework Ajax très prometteur ;
  • Prototip , qui vous permet de créer des info-bulles simples ou complexes (avec ou sans image, CSS…) ;
  • AJAX Star Rating Bar, un script PHP pour faire des petits modules de vote avec des étoiles ;
  • Tablesorter, un plugin jQuery qui permet de trier les colonnes d’un tableau sans qu’il soit nécessaire de recharger la page ;
  • FreeMap , une incroyable collection de cartes…

Bref, un site indispensable pour celles et ceux qui veulent se simplifier la tâche au quotidien. (Merci à Marc pour le lien et bravo pour son travail)