Un article en anglais sur les bonnes pratiques concernant l'utilisation des checkbox et des toggle.
Un blog sur l'ux-design que je viens de découvrir après avoir vu le replay de la conférence de l'autrice à BlendwebMix 2018 (sur youtube).
Dans cet article elle partage des ressources sur le choix des mots dans les IHM. À conserver, notamment cette petite checklist sympa :
Est-ce que ce message est utile ? Succinct ? Transparent dans ses explications ? Humain ? Intégré au design ? UTILE ?
Un article sur les limites en termes d'UX et d'accessibilité du signalement des erreurs de saisie de formulaire au fur et à mesure du remplissage du formulaire. Intéressant.
Quelques conseils pour mener des interviews exploratoires avec des utilisateurs cibles en tout début de projet.
Pour avoir une idée des devices et tailles d’écrans les plus utilisés
Explication claire et complète
Avantages et inconvénients de différents systèmes de navigation sur mobile
Intéressant : les résultats d'expériences d'AB testing sur plein de sujets.
Attention néanmoins, l'AB testing c'est super intéressant mais il faut avoir en tête que ce sont des métriques marketing qu'on évalue et pas du tout la qualité de l'expérience utilisateur
Très bon article de Stéphanie Walter sur les capacités des navigateurs mobiles. Notifications push, utilisation des capteurs du smartphone (photo, vidéo, micro...), mode plein écran, etc. Les sites mobiles pourront bientôt faire autant que les applications natives.
Je n'ai jamais partagé ici les slides de ma conf sur le code utilisable. Plus d'exemples que dans l'article, mais moins facile à comprendre sans le discours qui va avec.
Recommandations avec exemples à l'appui pour le design de chatbots
Avez vous déjà pensé à l'utilisabilité de votre code ? Cet article écrit à 4 mains avec Johan Martinsson (développeur et expert TDD) fournit des pistes pour appliquer les outils et théorie de l'UX design et de l'ergonomie au monde du développement. Il reprend les éléments développés lors de la conférence que nous avons donnée à Agile Grenoble et à Agile Tour Aix-Marseille.
Un autre service proposant des portraits libres de droit pour créer des personas, associés à des informations fictives sur les utilisateurs.
Des portraits libres de droit présentant de la diversité ethnique, bien pratique pour créer des personas qui changent un peu !
Comment améliorer la conversion en supprimant le champ "confirmer le mot de passe" et en permettant d'afficher celui-ci dans les formulaires d'inscription
Un petit article de blog sur les tests utilisateurs que j'ai mis en place dans mon entreprise
Comment un super design web devient une merde sans nom quand le client est roi...
Pourquoi et comment utiliser (ou pas) les boutons de partage sur les réseaux sociaux sur une page web
Une foultitude de ressources pour les designers d'interface
Quelques conseils pour utiliser les transitions dans les interfaces numériques :
- réactivité
- association logique (du point de clic/touch vers l'extérieur)
- proximité avec les mouvements réels (pas de démarrage ou arrêt brusques...)
- guidage (au bon endroit au bon moment)
- rapidité (max 300ms)
- clarté (pas d'éléments qui se croisent dans l'apparition des éléments)
Ergonomie des boutons "valider" et "annuler" :
- design différent avec le poids visuel le + fort sur le bouton d'action principale
- label clairs et distincts : éviter "ok" et "valider", préférer un label qui explique ce que fait le bouton (partager, supprimer, etc) sous forme de verbe
- quand l'action est négative, prendre plus de précautions : picto warning, un seul choix très clair mis en avant, voire un mot à recopier dans un champ quand l'incidence est grave (suppression définitive de données importantes)
- boutons désactivés servent à indiquer que ce choix est possible dans d'autres circonstances
- ordre des boutons : windows : Ok puis Annuler, Mac et Google : l'inverse -> s'adapter à son contexte, faire des tests utilisateurs
Quelques bons conseils pour améliorer l'expérience utilisateur sur mobile, en se méfiant des idées reçues. En effet,
- Le smartphone n'est pas utilisé qu'en situation de mobilité
- Il est dangereux de supprimer du contenu dans les versions mobiles : les utilisateurs attendent de retrouver l'exhaustivité des contenus
- Il ne faut pas pour autant laisser tous les contenus, il faut profiter de l'exercice de design sur mobile pour supprimer ce qui est en trop également sur les autres appareils : less is more
- Tout le monde ne comprend pas l'icône du burger menu, mieux vaut y associer un label ou afficher les éléments qu'il contient au 1er niveau sous forme d'onglets
- Les utilisateurs ne sont pas "allergiques" à la saisie de texte sur clavier (le nombre augmentant de sms et usage des réseaux sociaux sur mobile le prouve) mais il faut qu'ils y voient une réelle valeur ajouter. Quand c'est possible, il est préférable de trouver une alternative.
- Mobile first c'est bien, mobile only c'est une erreur : les grands écrans méritent une ergonomie adaptée !
- Les gens utilisent de moins en moins d'applications, d'ailleurs 26% des applis téléchargées ne sont utilisées qu'une seule fois
- Tout le monde n'a pas le reflexe de swyper, il est recommandé de donner des indices pour encourager cette action, comme un contenu tronqué
Beaucoup beaucoup de ressources que je lirai peut-être un jour.
Chouette vidéo expliquant l'effet d'ancrage, le fait d'être influencer lors d'une estimation par une valeur "indice". Très intéressant pour ne pas se faire prendre au piège, voire pour exploiter l'effet en négociation. Et bien sur, dans mon métier, pour éviter des biais lors de tests utilisateurs.
Réflexion intéressante sur nos rapports aux nouvelles technologies et comment nous sommes manipulés pour y passer toujours plus de temps.
La navigation ebook du futur
Encore quelques conseils pour un portfolio UX.
De bons conseils pour un portfolio d'UX designer.
Conférence de Carine Lallemand à Blend Web Mix sur l'expérience utilisateur. Passionnant.
Bonnes pratiques pour la conception de formulaires
5 approches pour créer des personas à moindre frais :
- demander au client
- utilisez wikipédia
- sortir de son bâtiment
- rester dans son bâtiment
- observer les concurrents
Les 3 questions à poser à ses utilisateurs :
- Qu'est ce que vous essayez de faire et pourquoi ? (pourquoi ? pourquoi ?)
- Comment vous vous y prenez actuellement ?
- Qu'est ce qui pourrait être mieux ?
4 confessions d'un UX designer à ses clients :
- Je ne comprends pas ce que tu fais, donc je vais te poser plein de questions
- Je recycle mes vieux designs et je copie ceux des autres, pour capitaliser sur ce que je sais fonctionner, et éviter de créer quelque chose qui sortirait tellement des conventions que personne ne le comprendrait
- Je fais des choses dans ton dos, comme tester mes designs sur des utilisateurs naïfs, même si ce n'est pas prévu dans le projet
- Je ne me soucie pas du nombre de clics, tant que l'utilisateur sait où il est et ce qu'il fait, le nombre précis de clics ne compte pas vraiment
Excellente explication de l'UX design assistée par du dessin.
[Blog] Un article où je me questionne sur ce que je suis, professionnellement parlant. L'occasion d'expliquer concrêtement ce que je fais. Alors, ergonome, UX designer, ou autre chose ? À vous de me répondre !
Un bon article sur l'ergonomie des formulaires.
Template pour créer des persona (entre autre)
Galerie d'avatars utilisables dans des maquettes et sites web (section authorized).
“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.