web-dev-qa-db-fra.com

Liens ou bouton pour ouvrir une fenêtre modale sur une table de données

Je travaille dans une équipe de convivialité et dans nos applications, nous utilisons toujours des liens pour ouvrir de nouvelles pages (navigation), et des boutons pour effectuer une action, soumettre un formulaire, par exemple. Mais maintenant nous sommes confrontés à un dilemme: nous avons une table de données et nous voulons éditer les lignes dans une fenêtre modale. Nous voulons être cohérents à tout moment, devons-nous donc utiliser un lien ou un bouton pour modifier la ligne dans un modal?

4
RitaS.

tilisez un bouton. Vous essayez de modifier quelque chose sur la page actuelle, après quoi vous reviendrez au contexte actuel. Le modal est donc une action même s'il remplit temporairement l'écran comme aller sur une autre page.

6
Graham Herrli

Ce sont les possibilités que j'ai pensé:

1 - utilisez un bouton "modifier" sur la dernière colonne (très répétitif, rend l'interface plus déroutante lorsque nous avons plusieurs lignes)

enter image description here

2 - utilisez une icone à côté du texte dans la colonne principale pour éditer, au survol une bordure apparaît (très différent de ce que l'utilisateur s'attend à voir dans un tableau à éditer)

enter image description here

3 - utilisez un lien hypertexte dans la colonne principale (l'utilisateur peut s'attendre à modifier dans une autre page)

enter image description here

1
RitaS.

Pourquoi avoir des boutons ou des liens?

Pouvez-vous définir les éléments pour qu'ils soient modifiables directement en ligne?

Sinon - s'il y a plus de données que ce qui est affiché dans chaque ligne (c'est-à-dire que les données affichées sur la ligne ne sont que les informations les plus pertinentes), alors vous pouvez utiliser un modal (comme vous l'avez suggéré) o élargissez le style accordéon de la ligne. Ceux-ci peuvent être effectués en cliquant n'importe où sur la ligne. Dans le cas de l'accordéon, vous pouvez également avoir une petite flèche qui change de pointant vers le haut (ou tout autre repère visuel).

1
Tims