Posts Tagged navigation

Rock en seine 2009

Comme l’an dernier, nous aimerions avec franck faire un sujet sur Rockenseine.

J’ai modifié la maquette, en la raffinant. J’ai ajouté :

- une timeline avec le programme et notre sélection

- une zone d’info supplémentaire

- des onglets pour chaque jour.

Les fonctionnalités de l’an dernier restent : un mini player avec une séquence sonore de 30 secondes, un slideshow et un passage d’un artiste à l’autre automatique.

La principale évolution vient aussi du feuilletonnage : plutôt que de faire un gros produit en fin de festival, nous allons faire un sujet par jour. En préparant à l’avance, ca devrait pas être bien compliqué, mais ca signifie quand même un peu d’organisation : prises de vues la journée, et production de la veille le matin : samedi matin, on met en ligne la journée de vendredi. Dimanche matin, celle de samedi, etc..

, , ,

No Comments

Un premier essai de superPortfolio

Bon, en l’état, c’est pas encore très sophistiqué. 

Il y a pas mal de variables possibles (masquage des informations, taille de l’image, fonctionalités du player), mais l’idée c’est de pouvoir offrir un gabarit simple en usage et en ergonomie pour mieux valoriser le travail fourni sur les sonores que l’on produit.

En production, intégrer sons et images sur ce gabarit, à partir du moment ou je les aies, avec le timecode associé, ca me prend 1 heure, au max.

, ,

No Comments

un essai sur les chronos

Cette version des chronologies est un peu particulière, avec ses lignes thématiques.

Mais voila quelques essais.

 

 

, ,

No Comments

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