web-dev-qa-db-fra.com

Création d'une interface utilisateur de barre d'accès pour une application Web

Discutons des interfaces utilisateur des barres chaudes, car j'en fais une.

Qu'est-ce qu'un hotbar?

Vous les voyez souvent dans les jeux vidéo. Appuyez sur 1 pour une action. Appuyez sur 2 pour une action.

Les exemples communiquent mieux que les descriptions, voici donc un exemple d'interface simple.

Hotbar UI

Pourquoi faites-vous ça?

Je souhaite que la saisie des données utilisateur dans mon application soit plus rapide (je l'espère, plus facile) que les 100 autres applications du marché. Je recommande les hotbars pour les applications que les gens doivent utiliser tous les jours, peut-être plusieurs heures.

Quelle est votre question, Tyler?

Quelqu'un a-t-il effectué des tests d'utilisabilité sur les barres chaudes? Je n'ai même jamais vu de hotbar dans la nature. Mais cela semble prometteur ("disposition expérimentale") https://v4-alpha.getbootstrap.com/examples/offcanvas/

Donc, fondamentalement, les hotbars sont nouvelles sur le Web. Discutons. Quels problèmes voyez-vous, à part le manque de familiarité? Je vois vraiment mon expérience d'application s'améliorer considérablement avec une, y compris le bénéfice émotionnel de l'autonomie quand ils peuvent basculer rapidement entre 6 fonctions différentes en toute simplicité.

6
Tyler

Donc, les hotbars existent depuis un certain temps, MAIS, comme vous l'avez mentionné, ne pas utiliser les applications Web!

Gardez quelques points à l'esprit:

  • Vous devez dire à l'utilisateur que vous disposez de cette nouvelle fonction (la Hotbar)
  • Tout le monde n'a pas l'idée d'un hotbar - Les gens qui n'ont jamais joué à aucun jeu s'abstiendraient d'une telle nouvelle manière d'interaction et s'en tiendraient à la manière de base
  • Que fait exactement le hotbar? (Je ne vois pas de bénéfice dans votre capture d'écran - sauf le changement d'équipe - et cela semble (sans contexte) n'en vaut pas la peine.)
  • Comme vous l'avez dit, les hotbars ont du sens si les utilisateurs doivent les utiliser pendant beaucoup de temps, mais à l'exception des jeux, je ne vois aucune utilité pour le moment (dans votre exemple)

Si vous pouvez fournir plus d'informations sur ce qu'il est censé faire, je peux peut-être vous aider davantage.

1
Daniel Maurer

Les hotbars sont nouvelles sur le Web, mais pas les raccourcis clavier. Bien sûr, l'utilisateur moyen n'utilise généralement pas ce type de fonctionnalité.

Ce dont vous parlez est vraiment un rappel visuel de certains raccourcis clavier. Il existe des études et des exemples de raccourcis clavier utilisés avec succès. Voici un point de départ: https://webaim.org/techniques/keyboard/accesskey

Je ne sais pas quels sont vos objectifs d'accessibilité, mais vous devez garder à l'esprit que les utilisateurs de lecteurs d'écran devraient également être conscients de ces raccourcis. C'est certainement l'occasion d'améliorer l'accessibilité et la convivialité de votre application.

0
elliottregan

Je pense que vous auriez besoin d'utiliser une touche de raccourci clavier en plus de la touche numérique (pour rendre plus difficile pour l'utilisateur de tomber accidentellement sur un autre écran) sans remplacer les fonctionnalités importantes du navigateur. Sur Mac, Command-1 ouvrira le premier onglet, Command-2 ouvrira le deuxième onglet, etc., donc la touche de commande n'est probablement pas un bon choix.

Cependant, des applications comme la suite Google utilisent assez bien la touche Contrôle. Vous pouvez nommer chaque section quelque chose comme "Page 1" et mettre "Ctrl-1" comme texte d'aide, ce qui rend l'utilisateur conscient du modèle. Il devrait être personnalisé pour chaque système d'exploitation, il y a donc un peu de travail là-bas. Je pense que cela vaut la peine d'être testé.

0
Stacy H