L’article explique comment concevoir des tableaux clairs et efficaces, en s’appuyant sur les travaux d’Edward Tufte et de Charlie Munger. Il souligne que le choix entre tableau et graphique dépend de l’usage : les tableaux conviennent mieux aux petits jeux de données et aux comparaisons précises, tandis que les graphiques mettent en valeur les tendances et le mouvement des données. Pour rendre un tableau lisible, il recommande de limiter les bordures et les couleurs, d’aligner correctement le texte et les nombres (à droite pour ces derniers), et d’éviter les répétitions inutiles. L’article propose aussi des bonnes pratiques en HTML/CSS pour structurer et styliser les tableaux, comme l’utilisation de <thead>, <tbody>, et <tfoot>, l’alignement vertical sur la baseline, et l’adaptation responsive pour mobile. Enfin, il insiste sur l’importance de maximiser le ratio "data-ink" (encre utile) et de supprimer tout élément redondant ou superflu pour faciliter la compréhension. Une référence utile pour quiconque souhaite améliorer la présentation de données.
Dans ce billet, Lea Verou explore l’idée que le succès d’un produit dépend de la manière dont il gère l’effort demandé à l’utilisateur en fonction de la complexité des cas d’usage. Elle illustre ce principe avec plusieurs exemples : Google Calendar, qui optimise les cas simples tout en permettant les cas complexes avec un effort supplémentaire ; l’élément HTML <video>, où la personnalisation des contrôles devient soudainement très coûteuse en effort ; l’éditeur Instagram, qui sépare les filtres prédéfinis des réglages avancés ; et Coda, qui intègre intelligemment des formules générées automatiquement pour faciliter la transition entre simplicité et complexité. Elle souligne aussi l’importance de concevoir des interfaces qui minimisent l’effort utilisateur, même si cela complique l’implémentation, comme le montre l’exemple des robinets ou des bornes de train d’Oslo. L’article plaide pour une courbe d’effort progressive, évitant les « falaises d’utilisabilité » où un petit besoin supplémentaire exige un effort démesuré. En résumé, un bon design doit être une « bonne affaire » pour l’utilisateur, pas une arnaque.
Tout est dans le titre
Tout est dans le titre
Un excellent article sur l'analyse et l'optimisation des dispositions de clavier... et des commentaires très judicieux sur "l'optimisation pour une note" versus "l'optimisation réelle"
Une discussion autour de l'ergonomie de la saisie de données numériques : vaut-il mieux un choix de valeurs (via des boutons radio) ou une saisie numérique directe ? L'auteur n'oublie pas les questions de vie privée :)
Tout est dans le titre (via https://stephaniewalter.design/fr/blog/semaine-pixels-27-janvier-2017/ )
L'auteur explique comment organiser et présenter visuellement l'information
Tout est dans le titre
Pour résumer :
- aligner le bouton principal à gauche (bord gauche des inputs)
- mettre le bouton de retour au dessus du formulaire
- mettre les boutons d'actions relatifs au dessus du formulaire (ex: mot de passe oublié)
- placer les boutons supplémentaires par rapport à ce qu'ils font
- pour un formulaire avec un champ unique, mettre le bouton près de l'input
- pour un formulaire avec un champ de sélection multiple, placer les boutons avant le formulaire
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre (suite de l'article précédent du même auteur - https://itexpert.fr/blog/telemetrie/ )
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
... une vraie leçon d'ergonomie et d'accessibilité
Tout est dans le titre