web-dev-qa-db-fra.com

Instruction de sélectionner aucun, un ou plusieurs éléments?

J'ai un formulaire pour une application de réservation de salle de réunion, similaire à une application de calendrier/planification. L'utilisateur doit choisir:

  • Une pièce
  • Aucun, un ou plusieurs actifs (projecteurs, tableaux blancs, etc.)

J'ai du mal à essayer de comprendre quelle est la meilleure instruction pour étiqueter la zone de liste Actifs . Quelques idées auxquelles j'ai pensé mais qui ne me plaisent pas vraiment:

  1. Sélectionnez un ou plusieurs actifs à réserver
  2. Sélectionnez les actifs à réserver
  3. Sélectionnez les actifs à réserver
  4. Sélectionnez un ou plusieurs actifs à réserver (facultatif)
  5. Sélectionnez les actifs à réserver (facultatif)

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Dans le cas où cela est pertinent, la zone de liste Actifs est multi-sélectionnable, mais elle ne nécessite pas de maintenir Maj ou Contrôle, ce qui signifie que l'utilisateur n'a qu'à cliquer pour sélectionner, puis à nouveau pour désélectionner un élément.

Quelle serait une bonne façon d'étiqueter ce champ, ou des suggestions pour retravailler d'autres parties du formulaire pour qu'il soit plus clair que l'une est à sélection unique et l'autre à sélection multiple?

2
jingtao

En règle générale, la plupart des utilisateurs ne lisent pas ou ne font que parcourir les instructions, pensant qu'ils savent déjà ce qui est écrit.

La possibilité de sélectionner un ou plusieurs éléments doit être compréhensible par les seuls éléments visuels du widget. Les listes ne sont généralement utilisées que pour des sélections uniques, et les listes de sélection multiples sont au mieux maladroites.

Je suggère d'utiliser des cases à cocher pour indiquer clairement que plusieurs options sont sélectionnables.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Vous pouvez intégrer les cases à cocher de la manière que vous voulez dans votre conception, l'important est simplement l'association. Alternativement, vous pouvez également utiliser des symboles +/- qui ont une connexion similaire.

3
API-Beast

enter image description here

Quelques suggestions, suivies d'une question:

Suggestions: 1. Envisagez de supprimer la ponctuation dans l'interface utilisateur. Surtout les points d'interrogation. 2. Pensez à supprimer le texte d'instruction. 2. L'utilisation du rouge et du vert donne l'impression d'un état OK (avidité) et d'un état d'erreur (rouge). 4. Petite modification suggérée au libellé de l'infobulle.

Question: Le projecteur Dell dans la salle de conférence du 25e étage peut-il être sélectionné pour une réunion dans la salle de réunion 1?

1
Brian

Je pense que "Sélectionnez un ou plusieurs actifs à réserver" est très bien, l'autre option serait quelque chose dans le sens de changer le mot "actif"

Avez-vous besoin d'un autre [ou autre] équipement?

Si oui, veuillez sélectionner ci-dessous

0
Djave

Pour appliquer la sélection d'un seul élément, vous utilisez généralement quelque chose comme un bouton radio, tandis que lorsque plusieurs éléments peuvent être sélectionnés dans la même liste, vous utilisez une case à cocher.

Cependant, peut-être avoir une file d'attente visuelle pour savoir s'il s'agit d'une sélection de `` bouton radio '' (généralement un cercle avec un point lorsqu'il est sélectionné) ou une `` case à cocher '' (généralement un carré avec une coche lorsqu'il est sélectionné)

Checkbox and Radio button example

Bien sûr, il existe des exceptions à cela, par exemple des zones de liste avec une sélection multiple, et les boutons radio/cases à cocher par défaut peuvent ne pas correspondre à la convivialité de votre interface utilisateur, mais cela vaut la peine de réfléchir à la façon dont vous pourriez l'incorporer.

0
steeveeet