web-dev-qa-db-fra.com

Comment gérer plusieurs rétroactions d'une seule action

Celui-ci est un peu délicat: je dois donner à l'utilisateur 2 actions pour chaque objet de mon application: Ajouter à la liste et Fonctionnalité (c'est la meilleure traduction que j'ai pu trouver avec). Le problème est: Ajouter à la liste ajoute un élément à la liste des utilisateurs et Feature le place sur la première page de l'utilisateur mais ajoute également l'élément à cette liste. Alors, comment gérer les commentaires ici?

L'interface doit afficher les deux icônes/boutons en même temps, et elle doit donner à l'utilisateur des commentaires lorsque l'élément est déjà sur la liste ou s'il a été présenté.

Ma solution n'est pas encore satisfaisante jusqu'à présent: les états des icônes changent lorsqu'ils ont été utilisés, mais donner des commentaires sur un bouton sur lequel l'utilisateur n'a pas activement appuyé est assez déroutant.

the heart icon lights up if the other one has been used...

Existe-t-il un modèle pour ce genre de situation que je néglige? Mon approche peut-elle être loin?

Edit: Selon le point d'Izhaki sur la théorie des groupes, je pourrais aller avec quelque chose comme ça, la sorcière est un bon progrès:

enter image description here

Il semble toujours assez complexe pour mon utilisateur moyen. Peut-être que je devrais essayer une approche complètement différente, quelque chose comme une confirmation en deux étapes? L'utilisateur ajoute un élément à la liste et il lui est demandé s'il souhaite également le mettre en vedette?

3
JotaRMonteiro

Théorie des groupes

Je pense que vous appliquez vos connaissances de la logique fonctionnelle, où dans votre esprit il s'agit de:

A ou (A et B)

Mais cela suggère que B peut exister par lui-même, et vous traitez B comme un groupe indépendant comme ceci:

Two circles side by side, one labelled A the other B

Mais ce n'est pas vraiment le cas - avec l'interface fournie, disons que quelqu'un appuie sur l'étoile, ce qui mettra en évidence le cœur et l'étoile, puis appuyez sur le cœur. En théorie, seule l'étoile devrait rester allumée, mais cela n'est pas autorisé.

Au lieu de cela, ce que vous avez est la liste complète des éléments A et B qui est un sous-groupe au sein de A, comme ceci:

Two circles, labelled A and B, with B contained within A Ce qui vous laisse vraiment avec la logique:

A ou B

En d'autres termes, l'utilisateur sélectionne A (cœur) ou B (étoile), où le fait que B signifie également A est implicite.

Logique cachée?

Maintenant, cette logique cachée implicite risque d'être problématique. Vous pourriez rendre les choses plus claires en fournissant des icônes cœur et étoile, fournir et heart et un heart with a small star on it.

En outre, cela pourrait aider si l'interface rend explicite que ce qui est en B doit également être en A, quelque chose comme ceci:

Two rectangles - A and B, with B contained at the top of A

Le patient prioritaire est toujours un patient

Je ne suis pas sûr que l'analogie fonctionnera, mais considérez un médecin qui peut ajouter des patients à un système - un patient peut être simplement ajouté (groupe A), ou ajouté en tant que patient prioritaire (groupe B). Si un patient est prioritaire (groupe B), il doit également être un patient (groupe A). Suivre cette ligne de pensée pourrait peut-être aider ici.

4
Izhaki

Ne pensez pas qu'il y ait un modèle pour cela, mais j'ai vu cela dans les jeux (RPG d'aventure) pour collecter des objets et les placer dans l'inventaire/sacs. Ils animent le mouvement de l'objet au bon endroit. Cela se traduit assez bien en applications mobiles.

Cela suppose que vos deux listes sont visibles sur une barre d'onglets. L'utilisateur tape sur l'action. Vous affichez une miniature (ou une icône) qui représente l'élément et vous l'animez dans la zone correspondante de la barre d'onglets. Un "blip" mineur, un changement de couleur, etc. serait bien pour indiquer que l'article a été placé dans le groupe.

Si elle doit être divisée en deux groupes, pensez à faire deux fois la vignette. D'abord dans le groupe principal attendu, puis dans le groupe supplémentaire.

1
nightning

Pour faire écho et ajouter la réponse de @nightning ci-dessus, vous pouvez consulter plusieurs applications qui utilisent l'animation pour fournir des commentaires sur le déplacement des éléments dans les listes.

L'application de messagerie d'Apple affiche une animation célèbre du message envoyé dans d'autres dossiers lorsque vous le déplacez.

Un autre exemple que vous pouvez voir dans l'application iOS d'Ikea: lorsque vous ajoutez un article à votre liste de courses, l'image des articles vole dans le raccourci de la liste en bas.

0
Dvir Adler