26 juin 2014

On distraction-free reading experiences

L’UX Lausanne est le premier événement suisse romand dédié au design d’expérience utilisateur.

Parmi les conférences présentées, « On distraction-free reading experiences » par Adrian Zumbrunnen (IA / UX / UI Designer).

L’approche distraction-free défendue par Adrian Zumbrunnen implique de faire disparaître toute source de distraction de nos interfaces de lecture. Peut-être devons-nous repenser plus en profondeur notre manière de designer et remettre l’information et le lecteur au centre de nos préoccupations.

Adrian Zumbrunnen – Photo Guillaume Coquoz

Avec l’avènement des supports de lecture digitaux, le lecteur est aujourd’hui submergé d’informations. Ce type de supports offre la possibilité d’afficher toujours plus de contenu dynamique dans le champs de vision du lecteur. Cependant cette masse d’informations devient une entrave à la concentration de celui-ci lorsqu’elle est trop présente ou mal organisée.
Le rôle du designer est alors d’apporter de la clarté aux interfaces de lecture des sites web, blogs ou articles en ligne. Revenons sur les points essentiels évoqués par Adrian Zumbrunnen afin d’offrir au lecteur la meilleure expérience possible.



En 2013, les dispositifs mobiles représentaient près de 20% du trafic web et ce chiffre ne cesse d’augmenter. Offrir une expérience optimale sur les supports mobiles est donc primordial.
Sur beaucoup de sites, les positions fixes (headers, menus) occupent une place trop importante. Le contenu principal est alors amputé de plusieurs pixels, ce qui nuit à l’expérience du lecteur, particulièrement sur les mobiles aux écrans plus petits. Lorsque le lecteur scroll la page, Adrian préconise l’utilisation d’un simple bouton menu, plus discret qu’un header qui reste fixe en haut de l’écran.


02-image-menu-fixes-mobilesL’alignement des différents éléments d’un site est aussi l’un des points capitaux qui a été abordé durant ce talk. Par exemple, les images intégrées dans le corps du texte d’un article doivent être constamment alignées à droite ou placées entre deux paragraphes afin de ne pas gêner le fil de lecture qui s’effectue de la gauche vers la droite.


 

 

A propos de ces éléments non textuels et plus particulièrement des bannières de publicités, il est préférable qu’elles soient intégrées à la fin du contenu de l’article. Elles sont certes essentielles à un modèle gratuit dans la mesure où elles rémunèrent les éditeurs, mais nous ne naviguons pas sur internet pour voir de la publicité.


03-image-publicités-mobilesLe point le plus débattu sur lequel Adrian a attiré notre attention est l’utilisation des sidebars, que nous pouvons résumer par cette citation :


 

 

Les sidebars font partie des éléments qui perturbent l’attention du lecteur. Extrêmement populaires et présentes sur la plupart des blogs et plateformes de CMS, il est difficile de penser qu’elles peuvent être une erreur de UX mais d’après Adrian, nous devons aussi nous en passer.

Newsletter
Soyez parmi les premiers à lire l’actualité Enigma. News, réalisations, articles de blog et innovations.
01
Agence 360°
02
Stratégies sur mesure