web-dev-qa-db-fra.com

Changement d'état irréversible

Je travaille sur une interface utilisateur pour un workflow et un système de gestion des tâches.

Chaque tâche peut être dans l'un des trois états suivants:

  • nouveau
  • en cours
  • achevée

La tâche est éditée sous une forme qui a des boutons Enregistrer/Annuler. Il comprend également une case à cocher qui indique "Terminé". Une fois la tâche enregistrée avec la vérification de "Terminé", deux choses se produisent:

  • Le statut de la tâche est changé en "Terminé";
  • La tâche est verrouillée de toute modification ultérieure;
  • La tâche suivante est activée.

Le problème est qu'après avoir enregistré la tâche comme terminée, elle est irréversible. La case à cocher ne tient pas ici car elle implique que vous pouvez modifier sa valeur ultérieurement.

Des idées pour un bon moyen de transmettre l'irréversibilité de l'action?

Notes annexes:

  • La seule question connexe que j'ai pu trouver était Popup pour une case à cocher et Comment concevoir une action de changement d'état , mais cela n'aide pas dans ce cas.
  • L'utilisation de boutons radio ou d'un sélecteur déroulant ne ferait pas le travail pour la même raison.
  • Je sais qu'avoir des actions irréversibles dans un système est une mauvaise pratique, mais malheureusement, cela ne peut pas être changé dans le système actuel.

enter image description here

3
Dvir Adler

Vous pourriez penser à confirmer l'action de l'utilisateur pour terminer la tâche après avoir cliqué sur le bouton. Par exemple, en utilisant une superposition de style lightbox:

mockup

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

Bien sûr, vous pouvez choisir d'utiliser un autre traitement que la lightbox, l'essentiel étant que l'utilisateur ait la confirmation que l'achèvement de la tâche est irréversible, mais aussi une fois que l'utilisateur l'a appris, il y a une option pour masquer la confirmation.

4
Tim

Voici une idée que j'avais. Vous pouvez aider à le comprendre en commentant, ou suggérer l'un des vôtres avec une réponse séparée.

Au lieu de la case à cocher, ajoutez un bouton intitulé "Tâche terminée". En cliquant dessus, il se transformerait en une simple étiquette indiquant "Terminé". Le bouton donnerait le sentiment de prendre une mesure et de s'engager également sur ses conséquences.

Le seul (gros) problème que je vois, en plus d'être non conventionnel, est que si l'utilisateur regrette de cliquer sur le bouton avant d'enregistrer la tâche, il doit cliquer sur Annuler, ce qui rejettera également toutes ses autres modifications.

1
Dvir Adler

Nous avons 3 actions qui peuvent être effectuées avec la tâche

  • save - qui enregistre toutes les modifications
  • annuler - qui supprime simplement toutes les modifications dans la session d'édition en cours
  • fait/terminé - ce qui termine une tâche entière

Alors, que diriez-vous de faire 3 boutons. Le bouton de tâche terminée peut avoir une étiquette comme "Enregistrer et terminer". Et après avoir cliqué sur la boîte de message comme {Serg}. En fait, le bouton "Terminer et enregistrer" fera deux choses dans la liste ci-dessus: Enregistrer, Terminer/terminer.

1
Phil Mobile

J'irais pour quelque chose de similaire à ce que fait ux.stackexchange.com sur leur page d'accueil. Ils affichent normalement les questions ouvertes. L'onglet 'Réponses' des questions résolues sera mis en surbrillance et la question fermée sera grisée afin que l'on puisse constater qu'il n'y a aucune action pour cette tâche.

Si vous parlez d'un tableau de bord et que l'état de la tâche est mis à jour au fur et à mesure de leur exécution automatique, je mettrais en surbrillance la ligne entière de la tâche dont l'état vient d'être modifié.

Modifier: J'ai oublié de mentionner que les actions se produiront en cliquant sur la ligne plutôt que sur un bouton séparé (qui fonctionnera sur la ligne sélectionnée via la case à cocher), et les couleurs indiqueront quelles actions sont possibles sur cette ligne

0
ripu1581