Les cases à cocher rondes prêtent-elles à confusion ou constituent-elles une norme acceptée?
Je parcourais dribbble.com aujourd'hui et suis tombé sur un nouveau post par l'un des designers que je suis. Il avait affiché un nouveau formulaire modal qui utilisait des cases à cocher arrondies. Je n'en ai jamais vu auparavant.
Est-ce une norme acceptée ou déroutent-ils l'utilisateur (avant de les vérifier en particulier) parce qu'ils ressemblent à des boutons radio?
Mise à jour: Je viens de trouver n autre endroit qui les utilise également.
Mise à jour # 2: Après avoir lu certains des commentaires, j'ai réalisé que c'était également présent dans iOS, mais je ne l'ai jamais remarqué. De plus, après avoir repris l'autre travail de Morgan, j'ai vu que sa conception originale de ce type de case à cocher était une refonte de l'iOS actuelle:
Je suppose que d'où cela vient comme une modification du bouton de suppression iOS habituel qui est rond. Étant donné que la seule fois où la case à cocher ronde s'affiche est lors de la suppression de messages, cela devait être un moyen plus clair d'afficher que plusieurs messages étaient prêts à être supprimés, mais ils n'ont pas pensé au fait que cela ressemble à une radio bouton. Il semble également uniquement être utilisé lors de la suppression d'un élément.
Si je voyais cela dans une interface - je suppose qu'un seul élément peut être vérifié, en particulier avant qu'aucun ne soit sélectionné. Seul le libellé du titre m'indiquerait qu'une sélection multiple est possible. Je pense que cette conception conduirait à un nombre supérieur à la normale de personnes choisissant un seul article plutôt qu'une sélection d'articles.
Je ne vois pas l'avantage ici de contourner les tendances acceptées autrement que de le rendre tout en courbes partout, mais de jolis rectangles arrondis feraient tout aussi bien le travail, seraient plus intuitifs et plus standard.
Je n'aime pas l'apparence d'un point de vue pur graphique - Je ne pense pas que ce soit juste du point de vue accessibilité.
- modifier la mise à jour -
Je l'ai repensé avec des carrés arrondis:
- nouvelle mise à jour -
Comme un addendum intéressant - j'ai trouvé cela (ci-dessous) sur une enquête de formulaire de feuille de calcul Google (de UXPin) récemment. Il combine la forme extérieure d'une case à cocher, de sorte que les questions à réponse multiple et les questions à réponse unique ont des options d'aspect assez similaire, mais les options à réponse unique ont la forme circulaire intérieure d'un bouton radio.
Je n'ai eu aucune confusion quant à la façon dont il pourrait être utilisé, mais j'ai trouvé cette représentation très inhabituelle - en fait, c'était la première fois que je la voyais. Je trouve cela assez intéressant.
Un chèqueboîte devrait ressembler à une boîte et non à un cercle. Ce ne sont pas des cercles de contrôle, après tout. Des coins subtilement arrondis, comme d'autres l'ont mentionné, seraient corrects, mais les interfaces utilisateur ont toujours représenté une case à cocher comme un carré et un bouton radio comme un cercle. Les concepteurs derrière vos exemples essaient probablement d'être différents, privilégiant le style à la fonction.
Une case à cocher doit être carrée. Comme Cooper, Reimann et Cronin l'ont écrit dans À propos de Face (c'est moi qui souligne):
Traditionnellement, les cases à cocher sont carrées. Les utilisateurs reconnaissent les objets visuels par leur forme et la case à cocher carrée est une norme importante. Il n'y a rien de intrinsèquement bon ou mauvais dans l'équerrage; il se trouve que c'est la forme initialement choisie et de nombreux utilisateurs ont déjà appris à reconnaître cette forme. Il n'y a aucune bonne raison de s'écarter de ce schéma. Ne les faites pas en forme de diamant ou rondes, quoi qu'en disent les gens du marketing ou des arts graphiques.
Les "cases à cocher" rondes dans votre deuxième mise à jour semblent être une violation de les propres directives d'interface humaine d'Apple .
Les utilisateurs s'attendent à ce que les vues et les contrôles standard se présentent et se comportent de manière cohérente dans toutes les applications.
Suivez les utilisations recommandées pour les éléments d'interface utilisateur standard. De cette façon, les utilisateurs peuvent compter sur leur expérience antérieure pour les aider lorsqu'ils apprennent à utiliser votre application.
...
Évitez de changer radicalement l'apparence d'un contrôle qui exécute une action standard. Si vous utilisez des contrôles inconnus pour effectuer des actions standard, les utilisateurs passeront du temps à découvrir comment utiliser eux et se demanderont ce que, le cas échéant, vos contrôles font que les standards ne font pas.
Notamment, il n'y a aucune mention de cases à cocher ou de boutons radio dans ce document.
Les directives Mac OS X décrivent comment les boutons radio et les cases à cocher doivent être utilisés ("Utiliser les boutons radio, au lieu des cases à cocher, pour fournir un ensemble de choix parmi lesquels les utilisateurs ne peuvent en choisir qu'un."), Et le le contrôle de case à cocher standard est un carré aux coins arrondis.
Les "cases" rondes impliquent qu'il s'agit d'une représentation graphique différente d'un bouton radio. Un déroutant.
Que ce soit le cas ou non, je ne sais pas sans lire le contexte. Les boîtes arrondies sont une chose, mais les cercles ne sont pas aussi utiles qu'ils pourraient l'être car ils utilisent le langage visuel d'un widget différent dont la fonctionnalité est suffisamment proche pour provoquer une dissonance cognitive.
Il n'y a pas assez de contexte sur la publication de dribble.com pour être certain que cela fonctionnera. Dans le contexte d'une application, ces cases à cocher arrondies peuvent fonctionner correctement. Ils peuvent également fonctionner si l'un d'eux est (toujours) vérifié par défaut (c'est-à-dire que l'image de la coche aidera à comprendre la fonction).
Cependant, il ne fait aucun doute dans mon esprit que les cases à cocher rondes ne sont PAS une norme; ceux-ci ont l'air sympa, mais vont semer la confusion. Loi de Jakob sur l'expérience utilisateur Web dit que "les utilisateurs passent la plupart de leur temps sur d'autres sites Web."
Je ne pense pas que la version iOS soit déroutante. Ce qui l'empêche d'être vu comme un bouton radio dans le sens standard du cercle familier avec le point qu'il contient depuis de nombreuses années à la fois sous Windows et Mac OS, c'est l'utilisation de l'iconographie en forme de coche. La coche suggère une case à cocher similaire à une case à cocher (croix). Pas la forme de la bordure environnante. S'ils avaient utilisé un point rond dans une boîte carrée, je pense que ce serait déroutant. Mais pourquoi? Les tiques ont été utilisées en remplacement d'une croix (ou d'un chèque) pendant des années. Regardez la boîte complète sur une liste de tâches. Personne n'est confus par cela. Donc, de mon point de vue, si la bonne iconographie est utilisée dans la conception, peu importe la forme de la bordure environnante. Poussez le bateau. Vous pourriez étoiles. Non pas que je le ferais. :)