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 ?
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.
Des posters expliquant les choses à faire ou à ne pas faire pour des interfaces numériques accessibles
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
Norman states that discoverability results from the appropriate application of five fundamental psychological concepts: affordances, signifiers, constraints, mappings, feedback and a sixth one he calls the conceptual model.
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é