web-dev-qa-db-fra.com

Comment positionner «Quitter», «Enregistrer le brouillon» et «Continuer» sur le Web mobile?

Remarque: En raison des contraintes de ce projet, je ne peux que toucher le CSS. Fondamentalement, nous sommes en train de hacky et de styliser ce site de bureau afin qu'il soit à moitié utilisable sur mobile.

Je travaille sur une application Web où les utilisateurs doivent répondre à certaines questions, puis passer à la page suivante. Ils ont également la possibilité de quitter le processus de question mais de sauvegarder leur place (Enregistrer le brouillon) ou simplement de quitter le processus sans enregistrer leur place (Quitter).

Étant donné que l'action principale est "Continuer", je suggère que ce soit pleine largeur et une couleur proéminente. 'Safe Draft' et 'Quit' seraient placés au-dessus ou en dessous, et c'est là que ma question entre en jeu.

Je pense qu'il est plus logique de mettre "Enregistrer le brouillon" et "Quitter" ci-dessus, car je pense que cela empêcherait le doigté des graisses lorsque vous essayez de cliquer sur "Continuer". L'autre concepteur dit de mettre "Enregistrer le brouillon" et "Quitter" ci-dessous continuer, étant donné qu'en tant qu'action principale, cela devrait venir en premier. Existe-t-il une meilleure pratique lors de la présentation de ces actions, ou y a-t-il des idées que vous pourriez avoir?

Options

mobilebuttonsplacement
2
Daniel Cortes

Ce que je propose est le suivant:

enter image description here

  • La fonctionnalité "Enregistrer le brouillon" (sauvegarde de la progression de l'utilisateur) pourrait facilement être répliquée lorsque l'utilisateur clique sur "Continuer" et, par conséquent, il n'est apparemment pas nécessaire d'avoir un bouton "Enregistrer le brouillon" distinct.
  • "Enregistrer et quitter" peut être utilisé par l'utilisateur quand il veut partir au milieu mais veut aussi sauvegarder la progression. Il n'y aura pas de boîte de dialogue de confirmation lorsque l'utilisateur clique dessus.
  • Le bouton "Quitter" est auto-descriptif et indique à l'utilisateur qu'il peut quitter tout cela en cliquant ici et en tant que tel, il ne s'attendrait pas à ce que le logiciel enregistre sa progression.
    Ici, vous pourriez avoir une boîte de dialogue de confirmation demandant à l'utilisateur sa volonté de quitter l'application et de ne pas enregistrer la progression. Il pourrait indiquer "Voulez-vous enregistrer les progrès? Oui ou Non". Si l'utilisateur clique sur "Non", il quitte sans enregistrer et s'il clique sur "Oui", il quittera tout en enregistrant la progression un peu comme la fonctionnalité du bouton "Enregistrer et quitter".
2
Mohit

Quelques informations sur votre conception:

  • Vous placez un bouton Quit à proximité immédiate du bouton Continue - ce qui signifie que certains peuvent le toucher par erreur. Plus précisément, Continue est le principal objectif commercial. Je déplacerais la sortie pour être une petite icône X en haut de la page. Gardez également à l'esprit que, pour des raisons de pardon, vous devez proposer une option d'annulation après avoir appuyé sur Quitter.

  • Avec à la fois Quit et Save Draft les utilisateurs ne souhaiteraient pas continuer. Vous pouvez donc compacter ces deux actions en une seule, simplement appelée Quit (ou l'icône X en haut), lorsque l'utilisateur clique dessus, offre:

    • Supprimer le brouillon (il vaut mieux supprimer que simplement quitter car cela signifie qu'une perte de travail peut être impliquée).
    • Enregistrer le brouillon.
    • Annuler (au cas où quelqu'un aurait cliqué sur Quit par erreur).

Voici comment l'application de messagerie sur l'iPhone traite la demande de suppression:

A Screen Shot of the menu showing after you press delete in the iphone mail application

1
Izhaki

À combien de questions les utilisateurs doivent-ils répondre? Si ce n'est qu'une poignée d'entre eux et qu'ils ne sont pas trop complexes, il n'est peut-être pas nécessaire d'enregistrer un brouillon.

Pourraient-ils simplement cliquer/taper sur la réponse et passer automatiquement à la question suivante? Cela vous permettrait d'avoir le dos en haut à gauche (comme iOS l'a généralement) s'ils veulent le changer. De cette façon, vous n'auriez que 2 boutons à vous soucier: "Annuler" et "Enregistrer le brouillon" (si ma question précédente ne l'a pas déjà supprimée).

Pourriez-vous avoir un bouton de question "Suivant" et un bouton "Précédent" et enregistrer la session automatiquement avec chaque "suivant"?

0
EdGG