Les bases du Web design : la convivialité

La facilité d’utilisation d’une page d’accueil fait partie intégrante de l’ergonomie du site. En anglais, on désigne cela par le terme de « usability engineering », soit l’ergonomie informatique, sa fonctionnalité et sa facilité d’utilisation. Un site facile à comprendre et à manier avec rapidité est perçu comme convivial pour les utilisateurs. Pour cela, il faut prendre en compte les normes de Web design actuelles, sans pour autant oublier les limites techniques qui peuvent s’imposer à vous. L’accessibilité d’un site Web joue également un grand rôle dans la convivialité pour les utilisateurs. On parle en anglais d’« accessibility ». Une offre accessible sur le Web est caractérisée par le facteur suivant : presque tous les utilisateurs peuvent naviguer facilement sur le site, quelles que soient leurs capacités techniques, cognitives, physiques ou autres. Les critères à prendre en compte sont énoncés sur le site de webaccessibilite.fr.

Les aspects qui concernent l’apparence du site Web sont également applicables à la navigation, il faut que celle-ci soit claire et facile. Un schéma de navigation bien réalisé se caractérise par une certaine rapidité et de l’intuitivité. Les internautes doivent pouvoir reconnaître la structure du menu dès le premier coup d’œil et la comprendre. Une simple barre de navigation suffit dans la plupart des cas, mais elle ne doit pas être surchargée de menus et de sous-menus. Si vous optez pour un menu déroulant, celui-ci doit rester lisible. Une structure de navigation claire et homogène facilite la navigation et garantit que vos utilisateurs gardent un bon aperçu d’ensemble.

Créez les liens de navigation en utilisant des icônes par exemple. Vous pouvez également faire changer l’apparence du curseur de la souris lorsque les utilisateurs se rendent sur le menu (effet de hover). Veillez également à ce que les sous-parties du menu comprennent de courtes descriptions et assurez-vous que les liens vers d’autres pages correspondent bien.

La technicité de la mise en place de la page Web est un aspect crucial à prendre en compte. Pour que la navigation se passe sans problèmes, il faut que les contenus du site soient bien mis en place. Veillez à ce que le contenu soit bien intégré car les erreurs d’affichage et de téléchargement donnent une image peu professionnelle et laissent une mauvaise impression aux visiteurs. Si le contenu est important, cela peut mener à un temps de chargement assez conséquent et désagréable. C’est un véritable faux-pas car la patience des internautes est mise à rude épreuve.

Il est donc nécessaire de vérifier régulièrement que la navigation sur votre site se déroule sans problèmes. Les exigences envers le matériel des utilisateurs est un autre facteur technique à prendre en compte. Un site Web devrait idéalement pouvoir s’afficher sur n’importe quel appareil connecté à Internet. Par la suite, l’accessibilité de la page d’accueil est un facteur déterminant, quelle que soit la plateforme informatique utilisée. Cela signifie par exemple qu’un site Web ne doit pas dépendre de son système d’exploitation. Pour élaborer des contenus, aucun logiciel spécifique ne devrait être utilisé. Le site ne doit pas non plus exiger une trop grande puissance de calcul, au risque de pénaliser les utilisateurs qui disposent d’appareils dont le processeur est lent.

Avec la démocratisation des smartphones, il est de plus en plus important que les sites Web soient affichés de manière adaptée à chaque support et aux différentes tailles d’écran (ordinateurs, tablettes et smartphones). L’offre sur le Web était auparavant adaptée en grande majorité à une présentation statique. La mise en forme de telles pages est rigide et ne s’adapte pas à de grands écrans. De plus l’affichage est tel que les utilisateurs ne voient qu’une partie du site Web sur les écrans de smartphone.  

Un design adaptatif est préférable car il permet d’afficher le contenu de manière optimale, en fonction des différents formats. Néanmoins, les versions actuelles ne s’adaptent qu’aux écrans des modèles les plus courants. Comme ils ne sont pas adaptés à la totalité des formats d’écrans, il y a souvent une grande partie de l’espace qui est perdue.

Le responsive Web design est bien plus flexible : la construction de la page Web est adaptée au cas par cas à la taille de l’écran. Il s’agit donc de Web design « réactif » (responsive), qui utilise toute la taille de l’écran. Ce n’est pas pour rien que c’est devenu un standard en Web design : à l’inverse du Web design adaptatif ou statique, le responsive Web design utilise une mise en forme en grille, un « grid ». Cette grille s’adapte non seulement au format de tout écran, mais met également les éléments de navigation principaux d’une page en avant. Cela assure une grande convivialité d’utilisation aux visiteurs, peu importe quel appareil est utilisé.

Les erreurs font partie du processus d’apprentissage. Mais certaines sont à éviter à tout prix, surtout si vous désirez prendre une longueur d’avance sur la concurrence :   

• Fenêtres pop-up : il y a peu de temps encore, il était à la mode de faire apparaître une petite fenêtre sur votre écran chaque fois que l’on suivait un lien. Depuis, cette pratique est souvent mal vue par les internautes et la majorité d’entre eux désactivent complètement les fenêtres pop-up à l’aide d’une extension de leur navigateur.

• Absence de contact : proposez à vos visiteurs de vous contacter par différents moyens. Ces données doivent être rapides à trouver et sans avoir à effectuer de trop longues recherches.

• Les liens manquants : les liens qui ne mènent nulle part sont irritants et augmentent fortement le taux de visiteurs qui quittent votre site web. Une fois votre site Web en ligne, veillez régulièrement au bon fonctionnement de vos liens.

• Contenu tombé en désuétude : de nombreux sites Web affichent encore du contenu qui n’est plus d’actualité. Faites attention à ce que le contenu de votre site Web reste pertinent et actuel.

• Une mauvaise navigation : l’utilisateur attend avant tout de la rapidité sur Internet. S’il ne trouve pas assez rapidement ce qu’il recherche, il quitte le site et se rend sur un site concurrent. C’est pourquoi il devrait y avoir une barre d’affichage en bas de votre page, qui redirige le visiteur vers d’autres parties importantes de votre site Web.

• Une trop grande variété de typographies et de couleurs : les sites Web doivent avoir une présentation d’ensemble homogène et harmonieuse. Les débutants en Web design ont souvent tendance à utiliser un trop grand nombre de typographies et de couleurs parmi le vaste choix qui s’offre à eux. Une règle commune à respecter est de ne pas utiliser plus de trois typographies différentes et que celles-ci s’accordent bien. Il en va de même pour les couleurs.

Si vous évitez ces erreurs et que vous suivez les règles de base de la convivialité d’utilisation, votre site Web sera doté d’une bonne structure de base. Cependant, votre présence sur Internet ne sera entièrement cohérente que si sa présentation est agréable et que le choix des couleurs est convaincant. Dans la troisième et dernière partie de notre Guide Digital, découvrez-en plus sur les bases du graphisme et les effets de couleur.