Modal plein écran vs modal conventionnel?
Mon site rencontre de nombreux cas où j'aimerais utiliser un modal. Inscrivez-vous, connectez-vous, commentaires et téléchargement de fichiers en sont quelques exemples.
Maintenant, je peux aller avec une conception modale conventionnelle où le modal est généralement assez petit et vous pouvez voir la page en arrière-plan (derrière une superposition noire transparente), comme celle ci-dessous:
Ou je peux opter pour un design modal plein écran, comme celui ci-dessous. Je trouve que les modaux plein écran sont meilleurs et plus propres.
Quels sont les inconvénients de l'utilisation d'un modal plein écran? Dois-je opter pour la conception modale conventionnelle ou la conception modale plein écran?
Je viens de suivre ce même processus la semaine dernière, d'abord en commençant par le modal plein écran, puis en le rétractant vers un modal "standard".
Les utilisateurs de TL; DR cliquent sur le bouton de retour dans le navigateur.
Cette expérience était pour l'interface utilisateur Web (bootstrap) - à partir de votre capture d'écran, il semble que vous utilisez bootstrap ou quelque chose de similaire. Vous avez marqué cela comme "webapp", donc je pense que je suis sur la bonne voie.
Mon désir d'utiliser un modal plein écran (qui nécessitait une variété de mods CSS dans le bootstrap) était de ne pas distraire l'utilisateur avec le contenu "derrière" le modal. Le résultat avait l'air bien et fonctionnait bien pour moi. Au moment où j'ai laissé un collègue interagir avec le modal plein écran, j'ai su que j'étais en difficulté. S'il ouvrait le modal par erreur, il frappait immédiatement le bouton "retour" dans le navigateur. Bien sûr, cela l'amènerait à une vision complètement différente de celle d'où il était parti, perdant tout autre progrès qu'il aurait fait dans la vue initiale.