Bonjour, j'ai avec des collègues un projet de revue en ligne (littérature grise : autour de la cartographie et de la géo). Je suis relativement frustré par celles qui existent déjà (suivez mon regard), surtout à cause de la faiblesse de l'interface.

En effet, j'ai comme un problème pour "feuilleter", me faire une idée rapidement sur un numéro, par rapport à une revue papier. Cette façon d'interférer avec du contenu, qui doit à mon avis être à plusieurs vitesses (aperçu, lecture en diagonale aidée par la mise en forme, lecture en profondeur et conseils d'approfondissement) a du mal à être retranscrite sur le web.

Donc ma question, j'y viens, est la suivante :

Connaitriez-vous des exemples "réussis" de revues en lignes, c'est à dire avant tout agréables à visiter et à voir ? (toutes technologies confondues pour l'instant).

Merci de votre aide =)

Pas vraiment une revue, mais un webcomic dont j'apprécie énormément l'interface Flash qui donne l'impression de feuilleter une BD, tout en offrant la possibilité de zoomer sur chaque page : ici.

Suite au grand succès de ce thread, je me suis aidé moi même (avec la participation de Peterpan et Ricoré, merci au passage), et je vous fait profiter de quelques premières trouvailles :

Mise en page :
http://www.csszengarden.com/?cssfile=019%2F019%2Ecss
(Défilement horizontal).
http://www.csszengarden.com/?cssfile=048%2F048%2Ecss
(Défilement horizontal).
http://www.csszengarden.com/?cssfile=/095/.../095.css&page=1 (style papier)
http://www.csszengarden.com/?cssfile=/091/.../091.css&page=1 (style journal)

Des exemples plus originaux :
http://www.giantoctopus.com (fenêtres en arbre hiérarchique)
http://www.k10k.net/ (acceuil en boîtes)
http://www.eyemagazine.com/ (étalage de mots-clés)

Une image centrale mise en valeur :
http://www.volumeone.com/
http://www.colorsmagazine.com/issues/color...ors61/index.php (noter le sommaire bien exposé)

Une image pour chaque article ou rubrique :
http://www.sitartmag.com/
http://www.byte.com/
http://www.ellavon.com/
http://parisvoice.com/04/may-june/index.cfm

Organisation des menus / rubriques :
http://parisvoice.com/04/may-june/index.cfm
http://www.metropolismag.com/html/content_...0504/index.html

Si vous avez d'autres liens, n'hésitez pas, je suis notamment à la recherche de sites proposant en page d'accueil des menus circulaires ou sous forme de pétales j'ai déjà vu ce type de menu mais où ?)

En fait, tout dépend de ce que tu recherches exactement.

apparemment tu veux quelque chose d'agréable à visiter, lisible au premier coup d'oeil et qu'on peut parcourir rapidement pour se faire une idée avant une lecture plus poussée.

or la plupart des liens que tu donnes dans ton deuxième message me paraissent être à l'opposé de cette philosophie... l'originalité est souvent l'ennemi de la lisibilité.

à mon avis, plutot que de chercher de nouvelles méthodes de navigation, mieux vaut partir sur des bases classiques, et si on recherche l'originalité, qu'elle ne soit pas dans la méthode de navigation mais dans la façon de présenter la méthode de navigation.

ici tu parles de revue en ligne.

tel que je l'appréhende, ce concept correspond à l'équivalent web d'une revue papier. partons donc de la revue papier pour voir ce qui fait sa force, et comment le retranscrire pour le web.

tout d'abord, une revue est un ensemble d'articles, regroupés en différentes rubriques (news, reportages, etc...). le premier réflexe est donc de faire une structure hierarchique reprenant ces rubriques. c'est à mon avis une erreur, car ce n'est pas cette catégorisation qui fait la facilité de lecture d'une revue papier. au contraire.

ces rubriques ne sont pas présentes de façon physique dans une revue, mais uniquement de façon logique: couleur différente, logo, etc... mais la manière de parcourir la revue est linéaire. et c'est ce qui permet de la parcourir facilement: on peut tourner les pages en passant automatiquement d'une rubrique à l'autre, sans retourner en arrière ni regarder le sommaire.

c'est à mon avis cette conception qu'il faut reproduire, tout en utilisant les possibilités de l'outil web pour l'améliorer, sans toutefois la déteriorer.

une possibilité que je vois: une mise en page en deux ou quatre colonnes, sans barres de défilement. à gauche et à droite, sur environs 5% de l'ecran, des boutons qui font passer à la page suivante ou à l'article suivant. en haut, un retour au sommaire et éventuellement aux news.
en bas, les titres des articles de la même rubrique, permettent de faciliter la navigation. à droite et à gauche de ceci, des boutons font passer d'une rubrique à l'autre.

les rubriques sont codées par couleurs, qui se retrouvent en fond de page lors de la consultation d'un article, et autour de la liste des article de la rubrique dans le sommaire.

le sommaire doit être un instrument de facilitation de la navigation. outre le fait de recenser les article et de pointer vers chacun d'entre eux, le fait de passer la souris sur un titre fait apparaitre une photo, un résumé, une introduction... bref quelque chose qui permet de se faire rapidement une idée de ce que dit l'article. par exemple si on parle de jeux videos (ce qui n'est pas le cas, mais je ne sais pas ce quon trouve dans une revue cartographie/geographie), le fameux tableau genre/editeur/note/points positifs/points négatifs.

toujours afin de faciliter la navigation, on ne gardera qu'un nombre limité d'articles dans chacune des rubriques, les plus vieux allant automatiquement vers des archives, accessibles via une interface comparable ou via un moteur de recherche.


je pense que ce que ma conception est loin d'être parfaite, mais que c'est une base qui se tient et permet une navigation facile. ensuite en fonction de ce que tu recherches c'est bien évidemment adaptable.
le points les plus importants à mon avis sont la catégorisation par un nombre limité de rubriques facilement repérables, la possibilité de passer d'une rubrique à l'autre de façon naturelle sans revenir en arrière, et l'absence de barres de défilement.

mais en ce qui concerne les menus en marguerites et ce genre de choses... je pense que ça gene plus la lecture que ça ne la facilite. même si c'est beau et original.

Merci bien Lapkill de cette longue et argumentée réponse. C'est clair et détaillé. J'aime bien l'idée de pages fixes, tournées par boutons ou zones réactives, notamment.

Mais pout tout dire j'était arrivé au même point de mes réflexions quant au contenu et aux rubricage principal depuis un moment, car je participe à des revues en ligne depuis quelques temps, et à des revues papier depuis des années. La batterie de liens cités dans mon post précédent est à prendre comme exemples d'une technique ou d'une organisation particulière. Dans le lot, un seul site global me paraît à la fois clair, beau et original dans sa présentation, celui de la revue Colors.

Ma question portait justement sur la recherche d'idées nouvelles, de présentation de contenu informatif, de mise en page, surtout en ce qui concerne l'utilisation du xhtml moderne (cont css). Car je pense qu'il existe aujourd'hui des techniques à même d'apporter une nouvelle façon de présenter une revue en ligne, et que ça m'intéresse fichtrement.

QUOTE (Sha @ 13/05/2004 13:26)

Merci bien Lapkill de cette longue et argumentée réponse.

j'aime beaucoup faire ce genre de réponses. la plupart du temps si je dépasse 5 lignes sur un forum, c'est que je réponds à quelque chose auquel je n'avais pas vraiment réfléchi auparavant, et souvent la réflexion que j'ai au fur et à mesure de l'écriture m'est largement plus profitable qu'à mon interlocuteur, mais je poste quand même.
c'est le cas ici.

à part ça, de nouvelle manières efficaces de présenter un site web, je n'en connais pas. la plupart des sites qui essaient de fournir du travail de ce coté là terminent avec une interface imbitable et lourde à prendre en main.