À la mémoire des cases à cocher carrées

• Les adorables souvenirs des cases à cocher
  • Les cases à cocher sont carrées, contiennent une coche et permettent de sélectionner plusieurs éléments à la fois.
  • Au fil du temps, les différents systèmes d’exploitation ont affiché les cases à cocher de manière différente.
  • La coche n’a pas toujours été présente, mais le fait que la case à cocher soit carrée n’a jamais changé.
• Pourquoi carrées ?
  • Pour distinguer les cases à cocher des boutons radio.
  • Les boutons radio ne permettent qu’une sélection unique, et en sélectionner un désélectionne toutes les autres options.
  • Dès les années 90, la distinction entre formes carrées et rondes existait déjà.
• L’arrivée du web
  • Le web, et en particulier l’arrivée de CSS, Flash et JavaScript, a réinventé et redessiné les conventions existantes.
  • Sur le web, on voit souvent des boutons radio avec une coche ou des boutons radio carrés.
  • Même les applications natives ont adopté des cases à cocher rondes sous l’influence du web.
• La tradition des éditeurs de systèmes d’exploitation
  • Les éditeurs de systèmes d’exploitation ont maintenu la convention selon laquelle les cases à cocher sont carrées et les boutons radio ronds.
• La fin d’une tradition
  • Apple a abandonné avec visionOS la tradition des cases à cocher carrées en adoptant des cases à cocher rondes.
  • L’auteur y voit la disparition du dernier espoir de voir perdurer la tradition des cases à cocher carrées.
  • Il annonce officiellement 2024 comme l’année où la case à cocher carrée a finalement disparu.

L’avis de GN⁺ :

• Le design des cases à cocher et des boutons radio joue un rôle important dans l’interface utilisateur, car leur forme guide intuitivement la manière dont l’utilisateur effectue ses choix.
• Le fait qu’Apple rompe avec cette tradition en introduisant des cases à cocher rondes mérite l’attention, dans la mesure où cela représente une nouvelle tentative de faire évoluer l’expérience utilisateur.
• Cet article offre un éclairage intéressant sur l’histoire du design et des interfaces utilisateur, et montre comment l’évolution des technologies influence les interactions des utilisateurs.

[kuroneko]

En mémoire des cases à cocher carrées

RIP...

[bbulbum]

N'abîme pas... mon expérience utilisateur...

[GN⁺]

Commentaires sur Hacker News

• Je suis surpris d’apprendre qu’iOS utilise depuis longtemps des cases à cocher rondes. Même dans l’app Réglages de macOS, les interrupteurs on/off remplacent de plus en plus les cases à cocher. Mais les boutons bascule ambigus restent un problème. Par exemple, quand l’icône du micro est blanche, difficile de savoir s’il est activé ou désactivé ; et s’il y a une barre dessus, on ne sait pas si cela signifie qu’il est en sourdine ou si un appui va le mettre en sourdine.
• Apple n’a peut-être pas ignoré les règles de design ; cela peut être un effort pour améliorer la fiabilité du suivi du regard dans VisionOS lors de la gestion des cases à cocher. Comme le regard des gens est attiré par les coins, les boutons arrondis attirent davantage l’attention, et lorsqu’un bouton est affiché seul, la forme en capsule est privilégiée.
• Les utilisateurs du web trouvent les contrôles existants ennuyeux et pensent qu’il faut réinventer et redessiner les contrôles standard. Résultat, le bouton « OK » d’une boîte de dialogue se retrouve à gauche, à droite, ou dans la barre de titre selon les préférences du designer.
• Le flat design supprime des fonctions intrinsèques de notre système visuel. La couleur, les bordures, la transparence, les textures, l’ombrage et les mouvements fluides nous aident à interpréter rapidement l’information visuelle. Ces éléments sont importants pour transmettre l’information visuelle, mais ils ne doivent pas être surutilisés.
• Beaucoup de web designers ne comprennent pas la différence entre des options inclusives et mutuellement exclusives. Il y a de la confusion dans l’usage des cases à cocher et des boutons radio.
• Il est difficile d’expliquer à des personnes âgées, avec des capacités techniques déclinantes, quelles zones de l’écran sont des boutons cliquables dans Material Design. Seule l’expérience d’usage antérieure permet d’identifier les éléments actifs.
• Depuis 2013, les designers d’Apple ont abandonné de nombreuses conventions qu’ils avaient eux-mêmes établies pendant des décennies. Steve Jobs accordait de l’importance à « la façon dont ça fonctionne », et Apple est passée de leader du design à suiveur du plus petit dénominateur commun. Le mauvais design est un problème moral et, dans les pires cas, il peut blesser ou tuer des gens. C’est un problème qui commence par de petites choses en design et en ingénierie. J’espère que la génération Zoom s’en rendra compte, et About Face d’Alan Cooper est un bon point de départ.
• Motif (utilisé dans X11) employait un petit carré en relief pour les cases à cocher et une forme de losange en relief pour les boutons radio. L’état activé était en creux et l’état désactivé en relief vers l’extérieur.
• Les vrais boutons radio dans les voitures étaient pour la plupart rectangulaires. Il existe une bonne explication de leur mode de fonctionnement.
• Apple a abandonné les cases à cocher carrées dans Apple Notes il y a longtemps. Je crois que c’est comme ça depuis l’introduction d’iOS 7 en 2014.