web-dev-qa-db-fra.com

Les éléments doivent-ils être sélectionnés par défaut

Toutes mes excuses à l'avance pour la description assez détaillée, seulement je n'ai pas encore le représentant pour poster des images.

Je travaille sur une application où vous pouvez parcourir les images et les ajouter à un "dossier" personnel. Lorsque vous accédez à la page "votre dossier", les images sont répertoriées sur la page sous forme de miniatures dans de petits panneaux, chacun comportant une case à cocher. Les cases à cocher vous permettent de sélectionner des images, puis vous pouvez effectuer des actions sur vos images sélectionnées à l'aide des boutons en haut de la page (par exemple, télécharger, modifier, supprimer). Les boutons sont:

[Télécharger] [Plus d'actions] | [Tout télécharger]

Où "plus d'actions" est un bouton déroulant avec des actions moins couramment utilisées (modifier, supprimer, lier des éléments, etc.). Les deux premiers boutons sont grisés jusqu'à ce que vous ayez sélectionné des images, moment auquel elles deviennent actives. J'ai reçu des commentaires (mais pas de tests appropriés) qu'il est un peu ennuyeux de devoir sélectionner des éléments avant de pouvoir faire (ou voir) l'une des options les moins couramment utilisées, malgré un lien pratique `` sélectionner tout '' près de la boutons.

ne meilleure solution consisterait-elle à sélectionner tous les éléments par défaut? Et à supprimer le bouton "Télécharger tout"? Vous recherchez vraiment les opinions des gens et si quelqu'un a vu des interfaces utilisateur similaires?

EDIT: J'ai maintenant le représentant pour poster des images alors voici une maquette de l'interface utilisateur actuelle. Lorsque vous sélectionnez une image, le panneau devient vert.

mockup of current ui

4
benb

Observations générales

- Veuillez ne pas les sélectionner tous par défaut. En tant qu'utilisateur, je choisirai ce dont j'ai besoin - je ne veux pas que vous me disiez ce dont j'ai besoin.

--Je suis partiellement d'accord avec d'autres commentaires à condition que les boutons grisés soient ennuyeux. Télécharger Je peux comprendre le fait d'être grisé jusqu'à ce qu'une sélection soit faite, mais je veux voir ce que sont Plus d'actions. Il peut s'agir d'informations qui m'aident à sélectionner des éléments/affectent ce que je sélectionne.

--Toute raison pour laquelle les boutons Télécharger et Plus d'actions précèdent le contrôle Sélectionner tout/Aucun? Mon flux de travail à ce sujet est, essentiellement, de haut en bas, donc en tant qu'utilisateur, je préfère voir les contrôles placés dans l'ordre d'utilisation. Cela localiserait les boutons Télécharger (mais peut-être pas le menu Plus d'actions) après les éléments à sélectionner.

--Tout sélectionner et Tout télécharger ce n'est pas la même chose et je pense que vous avez besoin des deux. Par exemple, si je veux 15 des 16 éléments, je clique sur Sélectionner tout puis désélectionne manuellement celui dont je ne veux pas.

3
gef05

File list from Handcraft

Dans notre application, vous pouvez gérer les images téléchargées de manière similaire à la façon dont vous faites les choses. Comme vous pouvez le voir, j'ai choisi de diviser l'équivalent "télécharger tout" en deux tâches: tout sélectionner, puis faire quelque chose avec la sélection actuelle. Vous pourriez envisager d'essayer cela car cela supprimerait le besoin d'un bouton "Télécharger tout" et rendrait plus clair que certaines actions n'auraient aucun effet car elles ne s'appliquent qu'à la sélection actuelle.

Gmail a une approche similaire:

Gmail selection handling

Les actions concernant la sélection des choses sont cachées sous une liste déroulante. Les boutons s'appliquant à la sélection actuelle s'affichent bien à droite. Il disait "avec sélectionné:" mais ils l'ont changé quand ils ont nettoyé l'interface utilisateur il y a quelques années. Cette approche est contre-intuitive car vous vous attendez à ce qu'elle soit plus difficile à comprendre, mais Gmail a fait beaucoup de tests si clairement que cela fonctionne mieux que ce à quoi je m'attendais.

1
Rahul

Il existe différentes façons de faire la sélection:

  • implicite et facilement annulable, par ex. cliquez sur un nom de fichier dans l'Explorateur Windows pour le sélectionner; cliquez ailleurs pour désélectionner. La sélection est très visible (comme la couleur d'arrière-plan contrastée).
  • plus explicite et plus de friction à annuler, comme dans votre exemple où vous utilisez des cases à cocher pour marquer les éléments sélectionnés. Vous devez activement décochez cet élément pour supprimer la sélection. La sélection est également moins visible (comme une petite coche à côté de l'objet sélectionné).

Dans votre situation, je ne sélectionnerais pas un élément par défaut, car il sera toujours arbitraire, n'est pas tout à fait visible et ne peut pas être annulé facilement.

Si ces boutons étaient cliquables depuis le début sans sélection très visible à proximité, les gens cliqueraient probablement dessus sans se rendre compte qu'ils le font dans le contexte de cette image sélectionnée automatiquement.

Cela étant dit, si vous êtes intéressé par une meilleure découvrabilité de vos fonctions, pourquoi ne pas activer le bouton "plus d'actions" et leur montrer ce qui est possible, mais griser ces actions une à une, indépendamment?

0
Jan

Vous n'avez pas besoin à la fois de [Télécharger] et [Télécharger tout] si la sélection des images est une préparation préférable à ces actions.

Au lieu de cela, vous devez inclure d'autres "options de sélection", comme [Tout sélectionner], [Ne rien sélectionner] et [Sélection/filtrage avancé] (où vous pouvez sélectionner des images à une certaine date, un mois, une année et des images étiquetées avec certaines étiquettes, etc. )

Vous devriez vraiment permettre à l'utilisateur de voir les éléments dans le menu déroulant. Les utilisateurs aiment explorer l'interface utilisateur pour en savoir plus sur ses fonctionnalités.

  • Une solution simple serait de désactiver les sous-éléments (au lieu du bouton principal). Cela ne donnerait aux utilisateurs aucune indication sur pourquoi ils sont désactivés.

  • Pour tenir compte de cela, vous pouvez établir une règle "au moins une image sélectionnée" pour le système (c'est-à-dire qu'il s'agit toujours d'au moins d'une image sélectionnée - la l'image active) et ne désactivez jamais aucun des boutons.

  • Ou vous pouvez transformer l'état "pas d'images sélectionnées" en une situation rare et donner aux utilisateurs un message approprié qui leur dit que l'action ne peut pas être exécutée lorsqu'il n'y a pas d'images sélectionnées. (En y réfléchissant, vous n'avez même pas besoin de transformer l'état "aucune image sélectionnée" en situation rare. Vous pouvez toujours avoir le boutons activés, et donner à l'utilisateur un message "pas d'image sélectionnée" chaque fois qu'il n'y a pas d'image sélectionnée ...)

0