Le développement web ne se limite pas aux fonctionnalités, même si celles-ci constituent une pièce essentielle du puzzle. Il faut également tenir compte de l’expérience utilisateur : il s’agit de veiller à ce que les visiteurs puissent naviguer facilement sur votre site et se rendre là où ils doivent aller.
Supposons que l’on vous confie la responsabilité d’un nouveau site web et que vous preniez avec enthousiasme votre ordinateur – ou un stylo et du papier – pour vous lancer dans sa conception. À ce stade, on est bien tenté de déployer des trésors de créativité pour différencier son site de celui des concurrents. C’est une bonne idée… quand il s’agit du contenu. Mais restez clair lorsqu’il s’agit des aspects fonctionnels de l’expérience utilisateur.
Image: Austin Distel
Avant d’utiliser les combinaisons de couleurs à la mode ou les dernières animations, il est important de commencer par une bonne base. Ces cinq éléments sont absolument essentiels au niveau de chaque page, et du site internet dans son ensemble :
Un encadré est un élément d’une page que vous utilisez pour donner plus d’informations. Privilégiez la simplicité dans le choix des libellés des encadrés. Veillez à ce qu’ils soient reconnaissables par l’utilisateur, évitez les mots techniques ou le jargon professionnel : après tout, vous voulez que vos visiteurs les comprennent. Assurez-vous donc de savoir qui sont vos visiteurs, et adaptez-vous à eux.
Bien que vous puissiez utiliser des boutons pour de multiples raisons, leur but premier est d’inciter l’utilisateur à agir en cliquant dessus – ils doivent donc se démarquer sur la page. Pour y parvenir, vous pouvez utiliser des couleurs percutantes, des formes intéressantes ou même des animations. Mais ici aussi, il faut appliquer le même principe que pour les encadrés : veillez à ce qu’un bouton ressemble toujours à un bouton.
Vous pouvez vous limiter à deux types différents. Vous pouvez utiliser un aspect 3D en jouant avec les effets d’ombre, par exemple, ou simplement souligner le terme concerné. Cette dernière option est non seulement la plus simple, mais aussi la plus évidente pour la plupart des utilisateurs.
Il est tout à fait possible de placer plusieurs boutons sur la même page, à condition d’indiquer clairement lequel sera mis en évidence. Si vous pensez qu’ils ont tous la même importance, c’est que quelque chose ne va pas dans la structure du contenu de la page en question.
En d’autres termes, lorsque plusieurs boutons sont visibles, celui qui est le plus important doit se démarquer – dans la plupart des cas, il s’agit du bouton qui entraîne une conversion.
De nombreux tests sur les comportements des utilisateurs arrivent à la même conclusion : ces derniers ne lisent pas les pages web, mais se contentent de les parcourir. Ils n’ont pas la patience de lire chaque mot et, dans la plupart des cas, ils cherchent simplement une réponse ou une solution à un problème. C’est à vous, en tant qu’équipe IT et en tant qu’auteurs, de rendre le contenu facile à saisir.
Sur le plan de la forme, il est utile de hiérarchiser les titres (titre principal, sous-titre, etc.) ou de diviser le contenu en utilisant des séparateurs, par exemple. Les différentes sections d’une page doivent pouvoir être clairement distinguées les unes des autres. Cela permet aux utilisateurs de repérer plus rapidement dans quelle section ils pourront trouver la réponse à leur question.
Pour qu’une page soit agréable à lire (ai-je dit « à lire » ? Je veux dire parcourir, bien sûr), l’utilisation d’espaces de séparation est essentielle. Vous pouvez utiliser autant de titres et de séparateurs que vous le souhaitez, mais s’ils sont trop proches les uns des autres, l’utilisateur les percevra comme un seul bloc de contenu.
Lorsque le rapport entre espace et contenu est convenable, la page est plus facile à lire. N’ayez pas peur d’ajouter quelques pixels supplémentaires entre les différents éléments, pour autant que les éléments d’une même section forment visuellement un tout.
Petite remarque : assurez-vous de reproduire un thème clairement défini sur les différentes pages de votre site internet. Vous utilisez des séparateurs ? Dans ce cas, appliquez-les à chaque page. Si vous adoptez une méthode différente pour chaque page, votre site aura l’air très déstructuré dans son ensemble.
Non seulement les pages web doivent avoir une structure bien définie, mais cela vaut plus encore pour le site dans son ensemble. En d’autres termes, vous devez disposer d’une architecture d’information claire : comment les pages sont-elles disposées logiquement les unes par rapport aux autres ?
Il existe essentiellement deux types de hiérarchies possibles pour les sites internet : la hiérarchie plate et la hiérarchie profonde. Mais quelle est la mieux adaptée à votre projet ? Tout dépend de ce que vous voulez partager et de la quantité de contenu dont vous disposez.
En général, les hiérarchies plates sont une bonne solution lorsque vous avez des catégories clairement définies dans votre site internet. Si vous n’êtes pas sûr de savoir où votre groupe cible attend certaines informations, vous pouvez utiliser la méthode du tri par cartes pour le découvrir.
Mais lorsque vous constatez qu’il y a simplement trop de catégories, ou si elles sont déjà très spécifiques, il est préférable d’opter pour une hiérarchie profonde. Cela signifie que vous allez répartir les pages en groupes logiques.
En somme, il n’y a pas de réponse facile à la question de savoir quelle hiérarchie utiliser. Commencez par observer le comportement de vos visiteurs, car il est essentiel de savoir comment ils effectuent leurs recherches et ce qu’ils sont venus chercher.
Exploitez toute votre créativité pour vos contenus et vos éléments non fonctionnels. Mais attention aux éléments fonctionnels de l’expérience utilisateur. N’essayez pas de réinventer la roue : tenez-vous en aux principes de base. Les éléments restent ainsi reconnaissables pour les visiteurs et ne créent pas cette confusion qui les empêche souvent de trouver ce qu’ils cherchent, ce qui peut entraîner une perte d’intérêt. Évitez que cela ne se produise en suivant les conseils ci-dessus.
