web-dev-qa-db-fra.com

Comment afficher au mieux une transition d'état d'activité respectant le cadre des composants de conception de matériaux de Google?

J'ai une application qui se compose de trois vues pour une activité. Une vue liste, une vue chat. Chaque activité a un statut, qu'un utilisateur peut soit marquer comme terminé, en attente

Exemple de vue de liste: Cochez pour indiquer que l'état est confirmé et en attente n'a pas d'icône enter image description here

Exemple de vue de discussion: enter image description here

Actuellement, pour changer d'état, j'ai un contrôle à bascule dans la vue de discussion pour marquer une activité terminée ou en attente. Le feed-back est reçu des utilisateurs, c'est que l'interrupteur à bascule est source de confusion.

Adhérer aux meilleures pratiques UI/UX quelle est la meilleure façon d'afficher la fonctionnalité de changement d'état? Est-il préférable pour un utilisateur de changer d'état dans la vue de liste via un bouton ou de changer d'état dans la conversation

1
shikhar

Bienvenue sur le site, shikhhar!

Il se pourrait bien que la combinaison du terme "activité terminée" et de l'élément interactif crée de la confusion chez les utilisateurs. "Activité terminée" est une description d'un état. Il ne marque pas une action, mais plutôt un état qui a déjà été atteint.

Pour appeler une action, il peut être utile de transformer le libellé + commutateur en un simple bouton "Terminer l'activité" ou "Définir comme terminé".

J'essaierais également d'utiliser le même design dans le chat et la liste.

2
virtualnobi