web-dev-qa-db-fra.com

Est-ce que mettre un formulaire de création / modification dans un modal est une bonne pratique?

Dans mon application Web, je dois choisir entre mettre une forme de création/modification d'un objet générique dans un modal ou dans une nouvelle page.

Après quelques recherches sur Google, il semble que les modaux devraient être utilisés pour afficher les informations uniquement par ex. un détail modal ou une alerte de confirmation mais je n'ai toujours pas trouvé de bonne pratique.

Pour résumer, les pros de l'utilisation des modaux:

  • Ils sont dynamiques donc il s'ouvre plus vite qu'une nouvelle page
  • Ils ne cassent pas votre flux de travail

Les contre:

  • Ils ne sont pas compatibles avec le référencement.
  • Plus difficile à déboguer

Alors, quelle est la meilleure pratique ici en termes de convivialité et de fonctionnalité?

website-designweb-appmodal-windows
3
user83869

J'ai beaucoup de valeur à mettre des interfaces de création/modification avec le reste du contenu de la page.

En règle générale, je ferais glisser l'interface de création/modification vers le bas lorsque vous cliquez sur le bouton créer/modifier, puis la faire glisser à nouveau lorsque les modifications sont enregistrées. Fiddle here: https://jsfiddle.net/hr3mhufh/2/

Avantages de l'affichage en ligne:

  • Pas besoin de recharger la page
  • Ne rompt pas votre flux de travail - l'interface apparaît très près du bouton "créer/modifier"

Inconvénients de l'affichage en ligne:

  • Plus de travail pour masquer/afficher les éléments sur la page (par rapport à passer à une nouvelle page)?

Pour l'édition, je pourrais également envisager d'échanger un élément de texte pour un élément d'entrée lorsque vous cliquez dessus. JQuery Datatables Editor le fait hors de la boîte: https://editor.datatables.net/examples/inline-editing/simple.html

1
cheersphilip

Qu'en est-il d'un "panneau d'édition" affiché à droite du contenu? Les champs du panneau d'édition seraient automatiquement remplis avec tout enregistrement actuellement sélectionné. Je suppose que le contenu est une grille/liste d'enregistrements à modifier.

0
Franchesca

Répondre à votre question, La meilleure pratique utilisée par les géants de la technologie tels que google/Facebook/Twitter est de donner un écran pour créer ou modifier le formulaire.

Modal peut fonctionner rapidement, mais je suppose que la création et l'édition de formulaires sont à l'écran depuis des siècles et que changer cette pratique pourrait ne pas divertir le profane.

Pour Layman, modal = erreur/information ou quelque chose avec un bouton OK. Ne vous attendez jamais à vous inscrire/vous connecter ou à tout autre bouton de déclenchement.

Remplir le formulaire de banque/hôpital de papier de format A4 sera plus facile que de remplir le formulaire de coupon qui est 1/3d de format A4.

Vous pouvez faire l'expérience de la même chose et je vous recommande donc d'aller avec un écran autre que modal.

0
R. Rajpara