10 conseils d'utilisation pour les concepteurs Web
En termes simples, la convivialité rend votre site Web facile pour vos visiteurs à trouver les informations dont ils ont besoin quand ils en ont besoin .
Une idée fausse commune sur la facilité d'utilisation entre les sociétés Web est que la facilité d'utilisation est coûteuse. Oui, il y a des sociétés multinationales qui dépensent des milliers de dollars pour des tests et des recherches d'utilisabilité, mais pour une entreprise de tous les jours, la convivialité est possible sans la connaissance des experts de la facilité d'utilisation ou sans équipement coûteux .
Les concepteurs de sites Web ont un travail encore plus simple, simplement en lisant des articles sur la facilité d'utilisation, ils peuvent accumuler une assez bonne connaissance des bases de la convivialité et de la manière de les implémenter sur un site Web.
1. Inclure un slogan
Un slogan est une déclaration ou une devise qui représente une philosophie ou une mission d'une entreprise ou, dans notre cas, d'un site Web. Ce devrait être l'élément le plus évident sur la page d'accueil d'un site Web et il devrait décrire clairement le site Web en une phrase.
Les statistiques montrent qu’un site Web ne dispose que de 8 secondes pour attirer l’attention des visiteurs sur leur site. Sans un slogan clair, un site Web aurait du mal à garder les visiteurs assez longtemps pour parcourir les pages intérieures.
2. Mettre en œuvre la recherche de site
Comme pour les slogans, la recherche de sites est un élément très important sur un site Web. Lorsque les utilisateurs recherchent quelque chose, ils recherchent généralement un champ de texte où ils peuvent saisir leur terme de recherche.
Selon Jacob Nielsen conseils d'utilisation Web, faites de cette boîte de recherche une largeur de 27 caractères afin que le texte soit clairement visible et facile à utiliser. Placez le champ de texte de recherche en haut de votre page Web , car les utilisateurs ont tendance à rechercher un site Web en fonction du modèle F , ce qui signifie de haut à gauche en bas à droite.
Incluez un bouton de recherche et spécifiez clairement le texte de recherche, n'utilisez pas de texte tel que Aller ou Soumettre , car ces expressions ont tendance à induire en erreur les visiteurs de votre site Web.
3. N'utilisez pas de graphiques étendus
L'utilisation abusive d'éléments de conception et de graphiques est toujours mauvaise pour un site Web, ils induisent simplement en erreur les visiteurs du site. Conception uniquement pour améliorer la page Web, pas seulement pour la décorer. Du point de vue de la convivialité, moins est toujours plus.
4. Utiliser les cartes du site
Les cartes de site sont une fonctionnalité de site Web relativement nouvelle qui améliore la navigation sur les pages Web et l’optimisation des moteurs de recherche (SEO). Les cartes de site sont essentiellement une représentation structurelle des pages et de l’architecture d’un site Web. Il peut s'agir d'un document sous quelque forme que ce soit ou d'une page Web répertoriant les pages d'un site Web, généralement organisées de manière hiérarchique.
Récemment, des moteurs de recherche tels que Google, Yahoo et MSN ont commencé à proposer un protocole Sitemap similaire à la page de carte d'un site Web, mais les données sont organisées au format XML. Il existe des générateurs Sitemap XML qui créent ces documents pour une URL spécifique.
5. Ne pas briser le flux de travail
Par workflow, nous entendons toutes les opérations effectuées par un utilisateur sur un site Web . Par exemple, remplir un formulaire, s'inscrire sur un site Web, parcourir des catégories, des archives, etc. Ne pas interrompre ces flux de travail, laisser l'utilisateur annuler toute opération. En ne permettant pas à l'utilisateur d'annuler une opération, nous les obligeons à le terminer même s'ils ne le souhaitent pas.
Toutes les opérations sur un site Web ne sont pas évidentes pour les utilisateurs, guidez-les à travers le flux de travail spécifique en utilisant des conseils descriptifs. (par exemple lors du remplissage d'un formulaire). Les liens Javascript brisent généralement le flux de travail, il n'est donc pas recommandé de les utiliser sur votre site Web.
Une autre erreur est de ne pas changer la couleur des liens visités , cela entraîne une rupture du design de navigation. Dites aux utilisateurs où ils se trouvent et où ils se trouvent sur un site Web.
6. Créer facilement des pages Web scannables
Les pages Web faciles à lire jouent un rôle important dans la fidélisation des visiteurs, leur maintien sur votre site et la lecture de votre contenu. Les tests d’utilisabilité montrent que la majorité des utilisateurs ne lisent pas les pages Web, les numérisent , recherchent des titres, des caractères gras, des textes ou des listes surlignés.
Les études de suivi oculaire menées par Jakob Nielsen montrent que les utilisateurs lisent un contenu qui ressemble à une forme F, ce qui signifie que la lecture commence en haut à gauche de la page Web, puis descend à partir de la gauche.
Nielsen indique également les implications de ce modèle de lecture:
- Les utilisateurs ne liront pas un contenu de page Web mot par mot, ils extrairont des paragraphes importants, du texte en gras, etc.
- Les deux premiers paragraphes sont essentiels sur une page Web. Celles-ci doivent contenir les informations les plus importantes que vos visiteurs recherchent.
- Les sous-titres et les listes se distinguent des paragraphes habituels. Utilisez ces éléments pour informer les utilisateurs sur des informations importantes.
Une méthode importante que nous pouvons apprendre des journaux imprimés traditionnels est que les journalistes ont pensé à un titre accrocheur et à un premier paragraphe accrocheur pour faire lire l'article dans son intégralité. Ils organisent le contenu dans un format de pyramide inversée, imaginez simplement une pyramide à l'envers. La base large représente l'information la plus importante dans l'article entier et la pointe étroite représente l'information la moins importante.
Nous pouvons utiliser ce format pour organiser le contenu Web en plaçant les pièces les plus importantes et les moins importantes en bas , mais comment savoir quelles informations sont importantes et lesquelles ne le sont pas? Avec l'aide de valeurs d'actualités .
7. Ne pas concevoir de contrôles d'IU trompeuses
Par contrôles de l'interface utilisateur, on entend les éléments de page Web, les composants et les widgets avec lesquels un utilisateur peut interagir (par exemple, un bouton, une liste déroulante).
Ne créez pas d'éléments graphiques qui ressemblent à un bouton, mais ne le sont pas . Nous voyons souvent du texte qui est souligné et qui ressemble à des liens, mais qui ne sont pas cliquables.
En n’ayant pas l’action attendue par les utilisateurs, ils penseraient que le site est cassé et finit par partir. L'un des autres conseils d'utilisation importants concernant les contrôles de l'interface utilisateur est la cohérence: assurez-vous que vos contrôles de l'interface utilisateur sont cohérents .
Yahoo , comme le montre l’image ci-dessus, est un bon exemple de conception cohérente des contrôles d’interface utilisateur. Chaque onglet de la page a le même aspect, chaque lien est souligné au survol de la souris, chaque bouton est identique, etc.
8. Donner une rétroaction significative
Une rétroaction significative est essentielle pour un site Web. C'est le canal de communication entre le site et les utilisateurs, à l'aide des commentaires, nous informons les utilisateurs de ce qui se passe sur le site. En cas d'erreur sur votre page Web, ne vous contentez pas d'imprimer une erreur , écrivez plutôt des messages d'erreur significatifs indiquant à l'utilisateur ce qui n'a pas fonctionné et les actions qu'il peut effectuer à partir de là.
La rétroaction fonctionne dans les deux sens . Lorsqu'un utilisateur remplit un formulaire, il vous fournit essentiellement des commentaires. Ne faites pas que les utilisateurs doivent remplir les mêmes informations deux fois. Par exemple, si un utilisateur s'est inscrit sur un site Web et doit remplir un formulaire à un moment donné, ne demandez pas son nom ou toute autre information qu'il a déjà fournie, car ces informations existent déjà quelque part dans un fichier ou une base de données. En obtenant simplement ces détails automatiquement, nous simplifions tout le processus.
9. Ne pas abuser de Javascript
Avec l'avènement du Javascript et de la technique AJAX, les concepteurs et développeurs Web peuvent créer des sites Web réactifs et transparents, mais, comme pour toutes les nouvelles technologies, cela entraîne des coûts. Dans notre cas, le coût est l’incohérence du navigateur. Tous les utilisateurs ne disposent pas d'un navigateur Web à jour. Ils peuvent également ne pas avoir Javascript activé par défaut.
En utilisant intensivement Javascript sur un site Web, nous bloquons ces utilisateurs. Au lieu d'utiliser Javascript discret et dégradation progressive .
10. Évitez les CAPTCHA
CAPTCHA signifie test de Turing Public Complètement Automatisé pour informer les ordinateurs et les humains. Même le nom semble complexe. La forme la plus générale de CAPTCHA est le texte incorporé dans une image et en testant les visiteurs, nous pouvons séparer les utilisateurs humains des robots de spam.
Le problème avec CAPTCHA est que chaque forme de méthode de vérification humaine déclenche un processus complexe dans le cerveau des utilisateurs (par exemple, déterminer le texte déformé, ajouter deux chiffres, etc.).
Un autre problème avec CAPTCHA sont les incohérences concernant les différentes cultures . Par exemple, les symboles chinois, les chiffres sont différents de la plupart des lettres occidentales et des chiffres arabes. Les Chinois ont beaucoup plus de difficulté à utiliser les formulaires en ligne «activés» de CAPTCHA.
Résumé
- Toujours inclure un slogan qui devrait être l'élément le plus évident sur une page Web.
- Implémentez une recherche de site de 27 caractères et placez-la sur votre site Web.
- N'utilisez pas d'éléments graphiques et de conception étendus.
- Inclure une page de plan du site et enregistrer un document XML de sitemap dans les moteurs de recherche.
- Ne pas briser le flux de travail d'un utilisateur. Autoriser chaque action à être annulée si nécessaire.
- Créez un contenu Web facilement numérisable et placez les informations les plus importantes sur votre page Web.
- Ne créez pas d'éléments graphiques qui ressemblent à un bouton, mais ne le sont pas.
- Présentez des commentaires significatifs et n'oubliez pas que les commentaires fonctionnent dans les deux sens.
- Utilisation Javascript discret et dégradation progressive .
- Évitez les CAPTCHA, utilisez plus utilisable méthodes au lieu.
Suivez-vous ces principes? S'il vous plaît ajouter vos commentaires et des conseils supplémentaires ci-dessous.