Un plan du site dans votre pied de page

Voici une initiative audacieuse et remarquable (du moins aux yeux d’un concepteur de sites web) : placer le plan du site ainsi que l’ensemble des informations de contact dans le pied de page.

Nous devons cette initiative à une communauté religieuse de Seattle : The City Church.

Quand je dis communauté religieuse, n’allez pas vous imaginer des moines en soutane, mais plutôt une paroisse avec de très gros moyens et surtout un dispositif de communication très au point. Vous remarquerez ainsi la façon très élégante avec laquelle ils vulgarisent les podcasts du pasteur (deux boutons : Listen et Download).

Tout ça pour dire que cette astuce de conception est loin d’être dénuée de sens et que je suis surpris par l’ingéniosité et l’efficacité de ce dispositif : les utilisateurs ayant l’habitude de parcourir la page vers le bas pour trouver l’information qu’ils cherchent, c’est généralement dans le pied de page que l’on retrouve des liens vers le plan du site et la page contact (plus d’infos dans un précédent billet). Y inclure directement les informations, c’est gagné un clic quelque part.

/!\ Article initialement publié sur FredCavazza.net.

De l’importance des éléments invisibles dans la construction de vos pages

Voilà encore un excellent article rédigé par Luke Wroblewski : Developing the Invisible. L’auteur y explique ainsi l’importance des éléments invisibles (espaces blancs, alignements…) dans la structuration d’une page web. L’utilisation pertinente (ou hasardeuse) des espaces blancs et autres grilles peut ainsi améliorer (ou au contraire nuire fortement) à la lisibilité d’une page ou à la compréhension d’une interface.

Les espaces blancs sont ainsi primordiaux pour faire respirer une page et pour associer ou dissocier visuellement des éléments entre eux. L’auteur nous fournit ainsi l’exemple suivant qui illustre l’importance de ces espaces blancs :

Illustration de l'importance des espaces blancs

L’alignement des éléments entre eux est également essentiel pour aider les utilisateurs à décoder une page. Second exemple avec ce tableau :

Illustration de l'importance de l'alignement

Le principe d’alignement est souvent associé à celui des grilles. Pour en savoir plus, je vous recommande ces deux articles :

/!\ Article initialement publié sur FredCavazza.net.