031 - Navigation jeu de cartes

Note des lecteurs

Et si au lieu d’ouvrir ce qui nous intéresse, on fermait ce qui ne nous intéresse pas ?

Note 4/5, coût 3/5, accessibilité 2/5 Cette navigation s’adapte à des contenus demandant peu d’espace.

2gr.pl
Exemple sur 2gr.pl

Pour qui ?
De par son caractère ludique, cette navigation est appropriée pour des sites souhaitant afficher une certaine créativité.

Tel un jeu de cartes lancé sur la table, les contenus apparaissent dans des conteneurs indépendants. L’internaute peut fermer les conteneurs (petite fenêtre) un par un ou tous à la fois.
L’internaute consulte le site en fermant une à une les petites fenêtres.
Certains sites ouvrent par défaut 2 ou 3 cartes particulièrement importantes et laissent à l’internaute la possibilité d’ouvrir les autres une à une.

Exemple sur www.1400cm3.com

Le challenge de cette navigation est d’arriver à faire comprendre rapidement à l’internaute comment ouvrir et fermer les cartes.

En implémentant cette navigation veillez à :

laisser à l’internaute la possibilité de garder certaines cartes ouvertes. Il pourra ainsi garder à l’écran ses contenus préférés.

éviter d’afficher des barres de défilement à l’intérieur de cartes. Si vous devez absolument afficher des barres de défilement dans les cartes, gardez le mode d’affichage des barres de défilement par défaut afin de donner toutes ses chances à l’internaute d’identifier qu’il y a du contenu à découvrir en dessous.

vous pouvez cacher les cartes partiellement mais évitez de les cacher complètement.
Ainsi, l’internaute verra d’un coup d’oeil l’étendue du contenu à consulter.

assurez-vous que les internautes peuvent s’envoyer des liens pour partager leur
sélection.

Cette application permet de créer des
hyperblogs. L’utilisateur agrège des
contenus de différentes sources et
formats (vidéos, applications de type
calendriers, etc.)

Côté accessibilté

veillez à ce qu’il soit facile de fermer les cartes. L’idéal est de placer une croix en haut à droite de la carte.

à ce qu’il soit possible de tabuler entre les cartes et que la tabulation mette la carte active au dessus des autres.

garder une surface de clic suffisante sur les cartes fermées pour que les personnes ayant du mal à utiliser la souris n’aient pas de mal à viser pour les réouvrir.

doubler par une info textuelle (contenu du alt ou du title) l’info selon laquelle une carte est ouverte ou fermée.

Si vous implémentez cette navigation grâce à un système de cadres (Frame ou
iFrame/iLayer) veillez à ce que, pour chaque cadre, il y ait dans le code :
- un attribut NAME pertinent.
- un attribut TITLE pertinent.
- un attribut LONGDESC pertinent.

L'avis du premier groupe de test du livre

par Maxime le Lundi 29 septembre 2008 à 16:42
+0

http://www.intentionallies.co.jp/content_full.html

Laisser un commentaire

Les champs marqués * sont obligatoires