Étiquette : utilisabilité

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 :

(Re)Découvrez les utilisateurs-types

J’ai déjà eu l’occasion de m’exprimer de nombreuses fois sur le thème des utilisateurs-types (personas en anglais).

Pour ceux qui souhaitent une explication en français avec en prime un modèle de fiche d’utilisateurs-types alors propulsez-vous sur l’article suivant : Pourquoi est-ce que la technique des profils (Personas) est efficace lors de la construction d’un site Web ?

L’article est très facile à lire et le modèle est très bien conçu.

Jakob Nielsen sort un nouveau livre sur l’utilisabilité

Et voilà, le dernier livre de Jakob Nielsen vient de sortir : Prioritizing Web Usability.

La couverture du dernier livre de Jakob Ninelsen

Ce livre a été co-écrit avec une autre expert en utilisabilité : Hoa Loranger, une collègue du docteur Nielsen chez Nielsen Norman Group.

Au sommaire de ce livre :

  • l’impact des moteurs de recherche sur notre façon d’utiliser / de concevoir des sites web ;
  • la remise au goût du jour d’anciens principes ergonomiques ;
  • l’impact des innovations technologiques (Flash, terminaux mobiles…) ;
  • les règles typographiques ;
  • les règles de rédaction de contenus spécifiques au web…

Je ne sais pas pour vous, mais rien que pour leurs têtes de vainqueurs, ça me donne envie de l’acheter :

Jakob Nielsen et Hoa Loranger

Ho mon dieu, non ce n’est quand même pas moi qui vient de porter un jugement à partir d’une simple photo… houlala j’ai honte… Ha non vraiment c’est pas bien. Bon en tout cas je viens de le commander et je devrais le recevoir d’ici 9 jours.

Nous ne lisons pas en ‘Z’ mais en ‘F’

Voilà un bel exemple de la capacité de la profession (celle des ergonomes et des experts en utilisabilité) à se remettre en question : F-Shaped Pattern For Reading Web Content. Jakob Nielsen (encore et toujours lui !) nous livre en effet les conclusion d’une étude récemment menée : lorsque les utilisateurs scannent une page web, le parcours de l’oeil ne décrit pas un ‘Z’ mais un ‘F’.

La preuve en image :

Schéma de lecture d'une page web

Concrètement, lorsque les utilisateurs parcourent une page web, leur oeil suit un mouvement descendant jusqu’à accrocher un élément intéressant qu’il va lire de gauche à droite. En gros, l’oeil se déplace dans deux directions qui correspondent à deux modes de recherche :

Les deux schémas de recherche d'information

Pour une analyse plus poussée et en français, je vous recommande ce très bon billet de chez gwix (également auteur du schéma ci-dessus) : Les utilisateurs liraient les pages selon un F-Shaped Pattern.

Une nouvelle mise en page pour Yahoo!

Visiblement Yahoo! est en train de tester une nouvelle version de sa page d’accueil :

L'invitation à tester la nouvelle mise en page de Yahoo!

Il semblerait que Yahoo! s’oriente vers une structuration en colonnes beaucoup plus marquée pour faire d’avantage ressortir les chaînes thématiques :

La nouvelle mise en page de Yahoo!

Ils ne précisent pas de date de lancement officielle. (via Techcrunch)