Archive for janvier, 2009

Systèmes de navigation sur des séries

Élaboré à partir/pour les portraits du blog “Engrenage”

LE COVER FLOW
Une première possibilité, très classique est celle du “cover flow” inventé par Apple il y a quelques années. 

LIMITES : quand on a beaucoup de données, ca fonctionne pas super

AVANTAGE : le système est très connu, et bien compris par les internautes.

01-engrenage

LE MUR D’IMAGES DYNAMIQUES
Un système parfaitement exploité par cooliris, très puissant et permettant une exploitation quasi infinie du nombre de rèf.

02-engrenage
Version avec palette d’info :

03-engrenage

Une autre version, à plat, avec un système de slider plus simple que celui de cooliris :

04-engrenage

 

LE VRAI CAROUSEL :
Le même système qu’au dessus en fait, mais avec une présentation en cylindre, qui rappelle vraiment la notion de carrousel.

INCONVENIENT : si on prend pas un composant open source qui fournit déjà le système, assez compliqué à développer.

05-engrenage

Le portfolio classique (avec un petit effort sur la présentation des intervenants)

INCONVENIENTS : il faut des photos…

Ce qui m’amène à aborder la question de la ressource photo en général en reportage. Le format “en pied”  de face sur fond uni, tout comme le format “portrait” doivent systématiquement être récupéré. Si pas de fond uni, on peut toujours se débrouiller, mais il faut absolument des ressources pour que le pôle puisse travailler. C’est de toutes façons un réflexe que tout journaliste doit avoir.

06-engrenage

 

Une autre version plus dense et textes différents qui atténue un peu l’aspect “La Redoute” du truc. Par ailleurs, les vignettes devront etre plsu grosses :

06b-engrenage

UN SYSTÈME PLUS RÉALISTE (FIGURATIF) :
Les images sont en planche, légèrement inclinées, avec une vue zénitale. Réaction au rollover. Un peu compliqué à développer. Mais on peut le faire en dur simplement. Une autre version, qui nécessite du dev par contre, la seconde qui est présentée ci-dessous : toutes les vignettes ne sont pas dans l’écran, et elles apparaissent quand on déplace la souris vers le haut/bas…. avec un effet de glissé. Un peu ce qu’on trouve dans “etudes et thunes” (sans le joli effet de parallaxe qui donne la dimension).

07-engrenage
 

08-engrenage2

LE “JETÉ” DE POLAS
Juste histoire de l’avoir… Peut être valable pour un  portfolio sonore qui permet d’avoir des témoignages sonores mis bout à bout. A un inconvénient majeur : on ne peut pas vraiment y mettre grand chose en terme de contenus.

2 modèles : les polas mélangés et une version avec un zoom sur un item :

 

09-engrenage3
10-engrenage2

, , , ,

No Comments

Data visualization

Un beau panorama, très documenté, sur les principes de visualisation de données sur le web. Beaucoup sont cependant illisibles, comme souvent dans la gestion de données, la tentation de l’exhaustivité nuit à la clarté finale du projet…

infogs1

No Comments