Dans l'image ci-dessous, la barre latérale (Bleu) est un conteneur déroulant qui possède des champs de saisie, des cases à cocher et un sélecteur de couleur (jaune). Lorsque l'utilisateur clique sur le bouton de sélection des couleurs, une boîte de dialogue contextuelle s'affiche (vert).
Si ce pop-up se ferme automatiquement lorsque l'utilisateur fait défiler la zone derrière (bleu), ou lorsque la page de l'application est redimensionnée?
Si oui, ce comportement répond-il aux attentes des utilisateurs? Cela ne provoquera-t-il pas une perte de concentration de l'utilisateur sur le contrôleur (sélecteur de couleurs)?
Vous pouvez contourner le problème et intégrer le sélecteur de couleurs à l'intérieur du conteneur déroulant? Lorsque l'utilisateur clique sur le "bouton contextuel", il étend le sélecteur de couleurs à l'intérieur du conteneur. Il peut s'effondrer si l'utilisateur clique à nouveau sur le bouton ou une fois qu'une couleur est sélectionnée.
Une fois que vous avez une fenêtre contextuelle modale, un utilisateur s'attendrait à ce qu'elle y reste jusqu'à ce qu'elle la ferme explicitement ou qu'elle clique dessus. Si vous incorporez le sélecteur à l'intérieur du conteneur, il ne sera pas considéré comme un modal et les utilisateurs ne se sentiront pas obligés de le fermer.
Cela va contre les attentes des utilisateurs . Les utilisateurs ont cliqué sur pour l'ouvrir, et ils s'attendent à cliquer pour le fermer.
Votre question concernant le défilement derrière:
Je comprends votre inquiétude à propos du sélecteur de couleurs qui bloque le contenu , en particulier lorsque les utilisateurs défilent vers le haut ou vers le bas . Cependant, lorsque l'utilisateur fait défiler , il s'attend uniquement à ce que la page défile, il ne s'attend pas à ce que le défilement ferme un pop-up et faites défiler une page. Les utilisateurs s'attendent à ce que cette pop-up reste ouverte jusqu'à ce qu'ils cliquent sur = Fermer bouton/icône ou -dans certains cas- cliquez en dehors de celui-ci.
La conception des fenêtres contextuelles pourrait également encourager la fermeture des fenêtres contextuelles. La conception oblige en quelque sorte les utilisateurs à fermer une fenêtre contextuelle qu'ils ont ouverte. ** Prenons l'exemple du sélecteur de couleurs MS Paint. Les utilisateurs choisissent une couleur puis doivent cliquer sur le bouton OK pour la confirmer, ce qui ferme la fenêtre contextuelle.
Si possible, l'idée de Jaco: "intégrer le sélecteur de couleurs à l'intérieur du conteneur déroulant" est une excellente idée pour éviter le problème.