Archive for the ‘Information Architecture’ Category

Truc d’accessibilité #1 – les accesskey

1 août 2007

Afin de faciliter l’accès de vos pages, prenez l’habitude d’ajouter des raccourcis clavier via la commande « accesskey » qui permet l’accès direct à certaines fonctions du système.

De manière générique, implémentez les accesskey suivantes dans toutes vos pages web:

  • Accesskey ‘1’: contenu principal
  • Accesskey ‘2’: Recherche
  • Accesskey ‘3’: barre de navigation principale

A blind person using a screen reader must experience the links one after another, which is rather inconvenient. They’ve got better things to do.
— Joe Clark

Bouton ou lien d’action ?

21 mai 2007

Un nouvel article de Jakob Nielsen sur les hyperliens et les boutons qui ont des usages à l’origine bien differents:

– Les hyperliens sont utilisés pour la navigation, pour passer d’une page à un autre dans un même espace d’information.
– Les boutons sont utilisés pour des actions qui génèrent des modifications (par ex. ajouter un produit à un panier d’achat).

Il y a bien evidemment des exceptions à ces règles:

– Les boutons peuvent être utilisés pour passer d’une page à l’autre dans un processus de workflow (par ex. « continuer le shopping » ou « commander »)
– Les hyperliens peuvent être utilisés pour des actions secondaires (par ex. « Cancel »)
L’ainsi nommé « lien d’action » a le benefice de pouvoir être ecrit de manière plus longue et donc de manière plus claire pour l’utilisateur. Pour réduire la confusion, le lien doit explicitement montrer qu’il est lié à une action en commencant par un verbe à l’imperatif (par ex. « Add an item »)

Un autre avantage du lien d’action est que l’on peut ajouter un texte explicatif juste en dessous du lien. Le texte peut être présenter dans une police de caratère plus petite pour en souligner la nature secondaire. pour lire l’article en entier et en anglais.

Comment faire des interfaces à onglets VFBF

16 mars 2007

Control.Tabs est une librairie javascript permettant de créer facilement des interfaces à onglets (tab)  dans vos pages.

Simple et rapide à implementer si vous n’utilisez pas la librairie Yahoo qui en propose une autre version.

Note: VFBF = vite fait, bien fait 😉

Une indigestion de references

13 mars 2007

Pour ceux qui n’ont pas peur d’une indigestion, allez visiter le Web Design Reference Site de l’Université du Minnesota. On y trouve tout ce qui se réfère au web design et en grande quantité.

Perso, c’est le genre de reference que je met dans mes signets mais que je ne vais jamais consulter, il y en a trop !