web-dev-qa-db-fra.com

Menu contextuel circulaire en survol

Je travaille sur une interface utilisateur centrée sur la souris dans une application de bureau. Le public cible est constitué de personnes connaissant bien les ordinateurs.

L'élément principal de l'interface utilisateur est un bouton circulaire qui sert également d'indicateur d'état. Appuyer dessus fait apparaître un contrôle avec des onglets. Je souhaite supprimer les onglets et laisser l'utilisateur faire un choix immédiatement via le clic initial.

enter image description here

Garder l'interface utilisateur minimale et discrète est la première priorité, et la réduction des clics de souris est la deuxième priorité.

Dans la conception prévue, nous allons ajouter des boutons spécialisés qui lancent des interactions spécifiques (afin qu'il n'y ait pas d'onglets à l'étape suivante). Ces boutons sont masqués sauf si le curseur de la souris se trouve à proximité:

enter image description here

À la lumière de la plupart des directives UX appelant à désactiver les boutons au lieu de les masquer, Je voudrais que vous critiquiez mon processus de réflexion qui justifie le masquage des boutons:

Affordance

  • Les boutons supplémentaires apparaissent lorsque la souris se trouve à ~ 1 pouce du bouton principal
  • Si l'utilisateur veut faire quoi que ce soit en utilisant l'outil, il doit soit utiliser le raccourci clavier, soit déplacer sa souris sur l'icône principale (où il découvrira les boutons supplémentaires)
  • Alors que l'icône principale reste un indicateur d'état, le survolant révèle une interaction par défaut (disponible via l'un des boutons supplémentaires). Cliquer pour invoquer cette interaction

Mémoire musculaire

  • Les boutons supplémentaires sont toujours dans les mêmes positions par rapport à l'icône principale

Appuyez sur

  • La première touche agit comme un survol de la souris. La deuxième touche comme un clic de souris
  • Les icônes augmentent en taille lorsqu'une interaction tactile est détectée

Ai-je raison de penser que la possibilité n'est pas inhibée puisque les boutons supplémentaires apparaissent à chaque interaction?

Y a-t-il autre chose dont je devrais être conscient?

2
Amadeusz Wieczorek

Affordance

En termes les plus simples, l’abordabilité peut être considérée comme:

La perception de quelque chose suggère des interactions possibles.

Ni dans le sens originel (accessibilité) ni dans le sens corrigé (accessibilité perçue), cela n'a beaucoup à voir avec l'accessibilité de Don Norman .

Divulgation progressive

Ce que vous proposez ici est une forme de divulgation progressive (Lidwell, W., Holden, K., Butler, J., 2010. Principes universels de conception . Rockport, Beverly, Mass.):

Une stratégie de gestion de la complexité de l'information dans laquelle seules les informations nécessaires ou demandées sont affichées à un moment donné.

Et est peu différent d'un sous-menu ou d'une liste déroulante:

A dropdown

Google Inbox a le même modèle que celui que vous avez suggéré, avec les options au-dessus du bouton rouge qui n'apparaissent qu'en vol stationnaire:

A screenshot of Google's inbox interface

Donc, en ce qui concerne le fait que les boutons ne s'affichent que lorsque vous cliquez sur le bouton de lecture - je ne vois aucun problème, en particulier pas ceux liés à l'abordance.

2
Izhaki

Vous pourriez avoir des options qui apparaissent avec un "clic droit" . Il est beaucoup plus rapide de cliquer que de déplacer la souris sur l'écran vers une zone spécifique, d'où la raison pour laquelle de nombreux logiciels ont des contrôles à la fois dans le menu et sous un clic droit:

enter image description here

Un autre exemple serait MS Word où il y a certains contrôles qui n'apparaissent qu'après une certaine action par ex. copier des choses dans un document:

enter image description here

Vous pouvez prendre la même logique et proposer des contrôles uniquement lorsque les éléments contrôlables sont mis en surbrillance (selon votre exemple dans la question) et ils peuvent apparaître à proximité de l'emplacement du curseur à un moment donné.

En résumé: Les contrôles sur le vol stationnaire sont corrects (comme Izhaki l'a mentionné) mais il existe d'autres alternatives qui nécessitent moins de connaissances préalables du menu caché, par exemple des contrôles comme ceux de MS Word qui apparaissent lorsqu'ils sont requis/disponibles in situ. Sinon, divers menus contextuels qui vous permettent d'économiser doivent cibler une zone de l'écran - même si vous devez les connaître en premier lieu (comme avec votre exemple ou avec Google Inbox)

2
Chris