La loi de Hick, qui est utilisée dans le domaine de l’interaction homme-machine (IHM) pour estimer le temps moyen d’un utilisateur à faire un choix, précise justement que plus il y a de possibilités, plus l’utilisateur a besoin de temps pour prendre une décision. D’où la généralisation du travail collaboratif en entreprise.
Les lois modernes du design tendent de leur côté à simplifier, fluidifier au maximum le parcours utilisateur pour lui proposer une expérience de qualité et le fidéliser au site.
Par conséquent, on peut considérer qu’il faut simplifier, épurer au maximum le design pour ne pas « embrouiller » l’esprit de l’utilisateur et lui permettre de faire des choix rapidement, donc de lisser sa navigation.
Cette simplification peut se faire à différents niveaux :
-
Réduction du contenu secondaire
Pensez de manière minimaliste ! Au cœur de la loi de Hick se trouve l’explication selon laquelle plus il y a d’options, plus cela entraîne du stress cognitif et brouille l’attention de l’utilisateur. En réduisant au maximum les options, vous engendrez moins de stress et surtout vous créez une plus forte probabilité que l’utilisateur clique et agisse là où vous le souhaitez.
Les contenus secondaires tels que les widgets, les annonces externes, les barres latérales semblent tentants pour améliorer la présentation de votre offre produit mais ils peuvent également venir la « noyer ». Donc si vous voulez être sûr d’attirer l’attention sur votre contenu principal, il faut être prêt à rogner sur ce contenu secondaire.
Souvenez-vous de toujours concevoir vos designs autour de la « Persona » et adaptez votre contenu à votre cible. Il est évident qu’une audience un peu plus âgée se sentira rassurée avec des barres latérales de tri et par les menus traditionnels. Au contraire, avec une cible plus jeune, vous pouvez vous permettre d’innover et d’épurer pour proposer une navigation originale. Dans tous les cas, il convient de trouver un juste équilibre et de ne laisser que le contenu secondaire nécessaire pour déplacer les utilisateurs vers votre objectif.
-
Respectez les fondamentaux numériques
Les utilisateurs qui arrivent sur votre landing page savent dans les 50 millisecondes si elles vont y rester ou non. Il faut donc concevoir les principales options de navigation de façon aussi claire que possible.
Pour cela, vous devez respecter les fondamentaux suivants :
- Le contenu principal, les choix principaux sont-ils bien visibles ?
- Les informations sont-elles affichées de manière cohérente ? Un premier utilisateur doit pouvoir trouver le menu principal immédiatement.
- Utilisez-vous suffisamment le jeu des couleurs et des contrastes pour accentuer les points importants ?
- Les différents blocs et éléments sont-ils suffisamment espacés pour être clairement lisibles ?
- Votre ergonomie est-elle construite pour paraître familière à vos utilisateurs ? Retrouve-ton bien les codes usuels de la navigation ?
-
Pensez à « digitaliser » la présentation de l’information
Si vous avez beaucoup de contenu à exposer, beaucoup d’informations à délivrer alors vous devez la rendre accessible « numériquement » en vous basant sur une lecture non linéaire mais en F ou en Z.
- La lecture en F
Les internautes vont commencer par visualiser votre logo et la barre de menu principal. Puis ils vont descendre d’un cran pour parcourir de nouveau le site de la gauche vers la droite, et ainsi de suite.
Ainsi, vous devez rendre le contenu principal immédiatement visible, avec un contenu détaillé et un appel à l’action situé à l’extrémité de la ligne (par exemple la souscription à une newsletter ou un moteur de recherche). Ce modèle en F permet également d’intégrer des publicités dans la colonne de droite qui ne viendront pas interférer avec le contenu clé de vos articles ou vos produits.
Evidemment, ce modèle en F est une directive et va sembler vite ennuyeux passé les premières lignes. Pour cela il est tout à fait possible de changer le rythme de la page passé les 1000 premiers pixels pour maintenir l’intérêt du lecteur.
- La lecture en Z
Dans la lecture en Z, l’utilisateur commence par visualiser le logo et le menu principal, de gauche à droite. Puis il décrit une grande diagonale en descente de droite à gauche pour ensuite reprendre un linéaire classique.
Ainsi, comme pour le modèle F, vous devez placer vos appels à l’action en fin de ligne, sur la gauche, en accumulant des éléments d’informations avant.
Ces appels à l’action peuvent être cumulés en haut et en bas du Z et doivent être mis en avant avec un contraste de couleurs ou de taille. Dans la diagonale, il peut être utile d’insérer un slider avec des images pour créer une rupture visuelle et accompagner le regarde vers le bas.
En conclusion, la clé de la simplification réside dans la bonne présentation du contenu. Il ne s’agit pas d’enlever ce contenu pour faire une mise en page simple, mais d’apprendre à le prioriser, à se concentrer sur l’essentiel pour le mettre en avant. Il y a une grande différence entre une esthétique minimaliste et une philosophie minimaliste ! Dans le cas du design de vos pages web il faut adopter cette pensée minimaliste pour présenter le contenu de la façon la plus claire possible et fournir juste ce qu’il faut de navigation et d’éléments pour que l’expérience se déroule de manière fluide et logique.