“The UI is part of user’s digital body language.”
Comment l'interface peut modifier l'effet d'un même contenu sur le lecteur.
« Selon les données de Moovweb, il y a encore des utilisateurs qui n’ont aucune idée de ce qu’est le menu hamburger. Ainsi, il suffit d’y ajouter un libellé “Menu” pour augmenter les interactions de 61%. Néanmoins, dans le réseau des sites de Moovweb, le menu hamburger est l’une des interactions mobile les plus populaires avec 20% de taux de clic.
Il s’avère que le bouton hamburger est tout aussi populaire pour une partie des utilisateurs qu’il est incompréhensible pour d’autres. »
Très bon article sur l'ergonomie.
Quelques conseils de design pour améliorer l'expérience utilisateur :
Designer les différents états :
- blank state (vide)
- loading state (chargement)
- partial state (rempli partiellement)
- error state (erreur)
- ideal state (normal)
Je rajouterais l'état "Too many", quand il y a plus d'éléments que prévu dans l'état normal, des titres à rallonge par exemple.
Mon retour d'expérience sur l'intégration de l'UX (expérience utilisateur) dans l'agilité.
"There is only one internet. Mobile devices are just one way to get there."
15 conseils à suivre pour le design de menu (en anglais).
Résumé :
- Ne pas mettre de tout petit menu ou juste une icone sur grand écran
- Mettre le menu à un endroit familier
- Faire en sorte que les liens aient l'air cliquables
- Faire en sorte que le menu soit bien visible, par perdu au milieu d'un océan de graphiques et publicités
- Utiliser des couleurs de texte bien contrastés avec le fond
- Indiquer à l'utilisateur où il se trouve actuellement dans le menu
- Utiliser des labels compréhensibles
- Faire en sorte que les items du menu soient faciles à scanner rapidement
- Pour les grands sites web, permettre à l'utilisateur de voir les différents niveaux du menu sans aller sur les pages de niveau intermédiaire
- Fournir une navigation locale pour les contenus reliés (ex : produits connexes)
- Tirez parti de la communication visuelle
- Faire en sorte que les liens du menu soient suffisamment gros pour être facilement cliquable et tapables
- S'assurer que les drop-down menus ne sont ni trop gros ni trop petits
- Envisager les sticky menus pour les longues pages (menu qui reste accroché en haut de la page)
- Faciliter l'accès aux commandes les plus utilisées
Quelques bons conseils UX pour la création de pages 404 compréhensibles par les utilisateurs.
Un questionnaire issue de la recherche scientifique permettant de quantifier l'expérience utilisateur en évaluant ses qualités pragmatiques et ses qualités hédoniques.
Bon à savoir : on peut désactiver dans le HTML les propriétés de correction automatique et de complétion. Bien utile sur les champs mot de passe des formulaire de connexion par exemple !
Conseils pour la conception de formulaires
En réponse à cet article et d'autres du même genre sur l'idée reçue selon laquelle 5 tests utilisateurs suffisent à détecter 85% des problèmes : http://www.margaux-perrin.com/serendipity/?searchterm=test
"Le mot d’ordre ne doit pas être « 5 utilisateurs suffisent à trouver 70% des problèmes d’ergonomie » mais « 5 utilisateurs suffisent pour conduire un processus itératif pertinent »."
"Le but n’étant pas d’avoir relevé x % des problèmes mais simplement d’avoir suffisamment de problèmes à corriger."
Un listing de notions et bonnes pratiques à appliquer en ergo web.