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 :