De quelques sites proposant une navigation originale, nouvelle ou bien pensée...

Article publié dans: Vu Ailleurs (sur le web)... le mercredi 16 mai 2007 à 11:51 par Emmanuelle
Lu 1128 fois | 0 commentaire(s)

Tentative de description de sites web introduisant des modes de navigation originaux, innovants ou spécifiques à un contexte bien précis.

- http://www.dmsphoto.com/ Site très original, présentant des photos ou dessins d’architecture. Le classement repose sur une exploitation très poussé de la matrice... à découvrir !


- http://www.huddletogether.com/

Une autre façon d’exploiter les variation de la résolution d’écran reposant sur la structuration du code html. Les zones de contenu les plus importantes sont visibles en premier, en fonction de la "place" disponible en largeur. Réduisez ou agrandissez la fenêtre et regardez ce qui se passe...


- http://summer.tnvacation.com/

Le principe des bandes horizontales, disposées dans une sorte de "fenêtre à guillotine". Peut-être la seule navigation vraiment ergonomique pour un site dynamique ?... à voir. En effet dans un site dynamique la taille du contenu principal varie tout le temps. On ne connaît pas à l’avance quelle sera la hauteur de la fenêtre. Pour parcourir le texte on utilise forcément l’ascenseur vertical. Habituellement, il faut remonter en haut de page pour changer de rubrique... Là le menu est disposé en dessous : on peut passer directement à une autre rubrique. De plus, la disposition en bandes horizontales sur toute la largeur de la fenêtre rend l’architecture du site très visible.


- http://www.sutekidane.net/blog/
- http://fredericdevillamil.com/

Une façon d’investir l’espace de la "page écran" qui se développe peu à peu me semble-t-il. Après la traditionnelle structure bandeau + menu à gauche ou à droite + zone de contenu principale au centre, on a un deux zones disposées dessous, sur toute la largeur de l’écran. S’y déploie un, deux, trois classement des contenus. Une façon de rendre visible l’organisation du site, les champs couverts, etc. La réussite de cette conception tient beaucoup aux choix de couleurs de fonds et aux graphismes d’habillage.

Dans la même rubrique

Toutes les rubriques

Numérisation
Logiciels et programmation
Suivi du site Transversale
Vu Ailleurs (sur le web)...
Standards, modèles, formats d’échange...
Référencement, moteurs de recherche, classements internationaux
Conception graphique, ergonomie et webdesign
Enjeux, aspects juridiques et sociaux, évolution des métiers, formation continue...
Publication scientifique et édition en ligne
Blogoshpère Académique
Systèmes & réseaux, sécurité informatique

Nuage de mots

droit d’auteur ajax java php xml colloques Contenus Endnote humour i-conf lodel Métadonnées Optimisation peer commentary peer review pratiques pédagogiques Refworks validation scientifique Vidéo blog CMS ENT Flash gestion bibliographique Outil Spip Wiki Editions critiques Hal Université couleur css Ergonomie Evolution du web Expérience utilisateur Google Interface riche Internet explorer tests Web 2.0 webdesign

Veille

Nos sites

Site réalisé avec SPIP | squelette Inter.not 1.0 | Admin | Webmestre | Suivre la vie du site RSS 2.0

Créative Commons : Les publications sur Transversale sont mises à disposition selon le Contrat Paternité-Partage des Conditions Initiales à l'Identique 2.0 France
Creative Commons License