La perfection en UI se mesure par ce qu'on ne peut plus enlever ni ajouter. Chaque élément superflu augmente la charge mentale de l'utilisateur, et par là les risques de confusion, de saturation et d'erreur.
Dans une vue de détail, nous pouvons prendre le temps d'absorber une information complexe, de comprendre des états nuancés. Mais dans une liste, chaque état supplémentaire est un effort cognitif multiplié par le nombre d'éléments à traiter. Le type de vue où le pattern des « états binaires » déploie sa force.
Le contexte est ce qui donne son sens à l'interface. C'est l'environnement cognitif, la situation que l'utilisateur comprend a priori quand il utilise une fonctionnalité. Quand on ouvre une liste de tâches, on s'attend à voir des choses à faire. Quand on consulte sa messagerie, on cherche les messages qui demandent notre attention. Ces attentes naturelles définissent l'état normal des choses, celui qui n'a pas besoin d'être signalé.
Cette compréhension du contexte nous permet d'identifier l'état par défaut, celui que le contexte nous fait comprendre. La tâche terminée mérite un signalement, une simple coche qui vient modifier cet état par défaut. Cette économie de moyens permet à notre cerveau de scanner l'avancement global et celui des éléments qui le compose.
La force des états binaires ne réside pas uniquement dans leur capacité à rendre un état implicite. Leur vraie puissance vient de leur simplicité cognitive : notre cerveau n'a pas à classifier, juste à détecter la présence ou l'absence d'un marqueur. Cette simplicité permet d'empiler plusieurs états binaires sans créer de confusion.
Nous détectons les exceptions plus vite que les règles. En ne marquant que ce qui sort de l'ordinaire, nous créons des interfaces où l'information importante émerge d'elle-même, sans effort conscient de l'utilisateur.
Cette économie de moyens représente l'essence du design d'interface. Pourtant, nous voyons souvent l'opposé : des interfaces qui tentent d'exposer toute leur complexité. Chaque pixel affiché doit porter une intention, un sens. Le défi n'est pas de réduire les pixels, mais d'augmenter le ratio entre les pixels affichés et leur puissance de signification. Les interfaces les plus puissantes sont celles qui donnent le plus avec moins.
La prochaine fois que vous concevrez une interface de liste, ne vous demandez pas comment représenter tous les états possibles des items avec des colonnes de statuts, des dropdowns qui exposent tout le workflow ou des tableaux avec tous les attributs.
Demandez-vous comment découper vos états complexes en paires simples, puis quel signifiant visuel distinct vous pouvez utiliser pour chacun. Le contexte pourra parfois porter l'état par défaut c'est l'idéal, mais l'essentiel est de maintenir cette simplicité binaire qui permet au cerveau de scanner l'information sans effort.
- lu/non-lu : gras/normal + background
- favori/standard : étoile pleine/vide
- important/normal : chevron jaune/vide
- sélectionné/non : case cochée/case vide
La capacité à empiler ces états sans créer de confusion cognitive :
- Chaque dimension utilise son propre signifiant visuel distinct
- Notre cerveau peut scanner chaque dimension indépendamment
- On peut combiner les états (un mail peut être à la fois non-lu ET important)
- Le scan visuel reste efficace malgré la densité d'information
Ce qu'on ne voit pas, c'est aussi ce qui est issu de la navigation (spam/pas spam, archivé, etc.) qui est une forme de présenter un état binaire et « factorise » un état sans l'exposer dans la liste des items.