[ En ligne ] · Standard · Linéaire+ Rech. Ex. Interfaces Site Infos Croisées En Php

[Sha]

Je me suis lancé dans un projet qui m'intéresse beaucoup. C'est juste un test, je ne sais pas si je serais capable de le mener à bout, mais enfin on aura au moins une maquette.

Je recherche actuellement des exemples/idées de mise en page / interface. Voilà un descriptif du bidule :

L'objectif du site est de fournir une somme de référence dans un domaine précis. Ce domaine recouvre une série de procédures, et plusieurs thématiques transversales interviennent (j'espère être compréhensible). S'y rajoutent des informations utiles de type glossaire, biblios, contacts, liens.

Après une mémorable séance de brainstorming avec les membres de l'équipe, nous sommes arrivés à conseptualiser le truc sous la forme d'un gros tableau à double entrée, avec en ligne les différentes étapes de la procédure principale, et en colonne les thématiques transversales. A chaque cellule correspond donc un morceau d'information.

L'idée centrale de l'organisation du site va être que chaque cellule du tableau sera matérialisée par une fiche, stockée dans une bdd. Pourquoi ce choix ? Tout simplement parceque l'on voudrait que les fiches reliées à celle affichée soient disponibles sous forme de liens dans l'interface, le tout dynamiquement généré selon l'endroit du site (la cellule du tableau), ainsi l'utilisateur a toujours sous les yeux les infos les plus utiles, sans avoir besoin de chercher au travers des 7-8 rubriques croisées du site.

Donc là je suis parti sur une organisation php/mysql, avec une table de fiches, une table de lien fiche/fiches, et des tables de styles pour le formattage de tout ça à la volée.

J'espère que vous voyez le truc :-) J'ai déjà vu des interfaces top délire futuristes en java3D, mais là j'en suis incapable et je crains que ce style soit trop éloigné de la volonté de pragmatisme et d'utilitarité du site.

Ma question (merci de me lire jusque là), c'est de savoir si vous connaissez ce genre de présentation de site, et si oui vos idées quant à l'ergonomie de l'interface idoine.

[Guepi]

Je me rends compte que je n'ai pas précisé comment fonctionne cette interface que j'ai faite à l'arrache ( je suis pas graphiste )

• La barre de Titre ( Procédure A ) = le nom de la procédure principale
  
• La barre de sous-titres ( Etape1 > Etape 2 > Etape 3 ) = le listage de toutes les étapes de la procédure principale. [ en violet, ce sont les étapes déjà vues, en noir (sans lien) l'étape en cours, et en bleu les étapes à venir ]
  
• La barre de gauche contient les approffondissement possibles de manière tranversale ( Thème A, B et C ) ainsi que les ressources.
  
• La barre de droite contient les éléments d'approffondissement hors de la procédure principale.
  
• La partie centrale contient les informations de l'étape en cours de la procédure principale.