Pourquoi les sites Web bloquent-ils généralement l'interaction de navigation lorsqu'ils se trouvent sous une superposition plein écran?
Je travaille sur un projet de recherche de navigation web. Au cours de la recherche, j'ai constaté que lorsqu'il y avait une superposition plein écran, les sites Web avaient tendance à bloquer l'interaction de la barre de navigation. Comme sur Twitter, lorsque vous cliquez sur une image, la superposition du site bloque toute la page. Je ne peux plus rechercher ni aller sur une autre page à ce stade. Je me demandais si cette approche avait un but? Merci beaucoup!
Regardons l'exemple que vous avez cité: le modal Tweet de Twitter
La superposition d'arrière-plan plein écran ici sert à deux fins:
- Il aide à concentrer l'attention de l'utilisateur sur le modal en atténuant visuellement le contenu non essentiel.
- Il bloque les interactions non essentielles.
Le deuxième objectif est précisément ce que vous demandez. Ici, Twitter a décidé que cliquer sur le bouton "Tweet", naviguer ou rechercher ne sont pas des interactions qui devraient inquiéter l'utilisateur en ce moment. Au lieu de cela, ils devraient se concentrer sur un ensemble spécifique d'actions: à savoir, Répondre, Retweeter ou Favoris.
L'objectif global de Twitter est de créer des tweets ou d'interagir avec d'autres tweets. En vous concentrant sur les actions clés, ils ont réduit votre charge cognitive en limitant vos options. Vous êtes désormais en mesure de discerner plus rapidement quelles actions sont disponibles pour vous, puis ce que vous souhaitez faire ensuite.
Une personne peut réaliser toutes les actions précédentes (Répondre, Retweeter, Favoris) à partir du flux. Cliquer sur des tweets individuels permet aux utilisateurs de se concentrer sur certains éléments d'action et/ou contenu. Auparavant, Twitter dirigeait les utilisateurs vers une page autonome si vous visitiez un lien Tweet spécifique. Ils ont changé cela maintenant pour prendre le profil de l'utilisateur et y afficher le Tweet. Il a l'avantage de concentrer votre attention sur un Tweet particulier, mais vous permet ensuite de quitter rapidement le modal et de commencer à afficher d'autres tweets de cet utilisateur. Ici encore, leur objectif est un engagement continu. Une page autonome est une expérience sans issue.
C'est une implication très courante des modaux - une tâche à la fois.
-Contexte pour comprendre le contexte des modaux.
Les applications peuvent être trop accablantes pour les utilisateurs et les guider pour faire une chose à la fois réduit la quantité de charge de travail, d'où le processus de réflexion qui réduit les temps de traitement et l'expérience globale avec la plate-forme.
Loi de Hick : " La loi stipule que plus les utilisateurs sont exposés à des options, plus il leur faut de temps pour prendre une décision. Cela signifie que plus vous offrez d'options aux utilisateurs, que ce soit des produits à choisir ou des images à regarder, plus il faut de temps et d'énergie pour prendre une décision concernant la prochaine étape d'interaction. Le résultat possible ici est que les utilisateurs font les choix mais ressentir des sensations désagréables après avoir utilisé le produit, ou dans le pire des cas, ils peuvent ne pas vouloir faire un effort aussi important et simplement partir. , vous rendez la convivialité du produit plus efficace. "(1)
Pour comprendre l'importance d'assombrir l'arrière-plan pour mettre en évidence le modal actif:
Principes de la Gestalt: "Figure/Sol. Ce principe montre la tendance de l'œil à séparer les objets de leur arrière-plan. Il existe de nombreux exemples d'images qui montre deux visages selon l'endroit où votre œil est focalisé sur l'objet ou l'arrière-plan. " (1)
Maintenant, concernant la question spécifique:
Définition de Modal: "Une boîte de dialogue modale est une boîte de dialogue qui apparaît au-dessus du contenu principal et déplace le système dans un mode spécial nécessitant interaction utilisateur. Cette boîte de dialogue désactive le contenu principal jusqu'à ce que l'utilisateur interagisse explicitement avec la boîte de dialogue modale. " (2)
D'autre part
Définition de non modal (ou non modal): "Les boîtes de dialogue et fenêtres non modales ne désactivent pas le contenu principal: l'affichage de la boîte de dialogue ne change pas la fonctionnalité de l'interface utilisateur. L'utilisateur peut continuer à interagir avec le contenu principal (et peut-être même déplacer la fenêtre, la réduire, etc.) pendant que la boîte de dialogue est ouverte. " (2)
Donc, en comprenant les différents éléments disponibles pour présenter les informations, et en prenant en considération les meilleures habitudes UX et les principes de conception, le but principal d'un modal est d'attirer l'attention de l'utilisateur sur une fenêtre spécifique de la plate-forme tout en désactivant tout type de "distraction". "ou des éléments non liés qui pourraient créer de la confusion ou augmenter les délais de traitement pour effectuer une certaine tâche. Il est important de mentionner que l'arrière-plan du modal vous permet toujours de voir la page principale au cas où vous auriez besoin d'informations contextuelles pour comprendre où vous en êtes sur la plateforme. (par exemple, vous êtes sur votre profil mais modifiez un élément spécifique et ne pouvez pas interagir avec d'autres éléments de votre profil)
(1) https://uxplanet.org/psychology-in-design-principles-helping-to-understand-users-10bcf122f4b (2) https: //www.nngroup. com/articles/dialogue-modal-non-modal /
Le but des superpositions est de diriger votre attention vers ce que le site Web juge être sa principale action; par exemple. inscrivez-vous à la newsletter, visionnez des images, inscrivez-vous, etc. Certains sites utilisent cela comme un moyen de bloquer l'accès à leur contenu, comme LinkedIn ou Pinterest; vous pouvez voir un aperçu du contenu derrière la superposition, mais vous êtes obligé de faire tout ce que les sites souhaitent pour commencer à voir le contenu. D'autres sites utilisent des superpositions de dépassement similaires afin de détourner pleinement votre attention sur l'objectif de la superposition, comme la visualisation d'images. L'utilisation de la navigation dans ces cas n'est pas souhaitée, car ils permettent aux utilisateurs de simplement ignorer tout ce qui se passe dans la superposition.