web-dev-qa-db-fra.com

L'utilisation de pop up ou de modal pour mobile / tablette est-elle une bonne pratique? Si oui, pourquoi? Si non, quelles sont les options alternatives?

Dans quels cas devrait apparaître et modal devrait être utilisé? Quels sont les meilleurs et les pires scénarios d'utilisation des fenêtres contextuelles et modales?

Dans la version mobile/iPad, quelle option est l'option la plus appropriée et pourquoi?

Quels sites Web utilisez-vous pop & modal? (par exemple: Facebook, Trello, Amazon etc.)

5
NB4

Utiliser quand

  • vous souhaitez permettre aux utilisateurs de maintenir le contexte de leur tâche.
  • l'utilisateur doit savoir/faire quelque chose d'important avant d'exécuter sa tâche.
  • vous avez besoin d'un accusé de réception et le coût d'une erreur peut être très élevé.
  • vous souhaitez que votre utilisateur se concentre sur un seul contenu, que ce soit une image, un article ou une vidéo.
  • vous souhaitez interrompre la tâche en cours d'un utilisateur pour attirer toute son attention sur quelque chose de plus important.

Ne pas utiliser lorsque

  • vous souhaitez afficher des messages d'erreur, de réussite ou d'avertissement
  • le contenu est trop qui nécessitera un défilement.
  • il comprend plusieurs étapes - comme l'assistant.
4
DPS

Quelle est la différence?

Pour ceux qui ne le savent pas, popup est normalement une fenêtre enfant ouverte par une page Web qui bloque toute interaction avec la fenêtre parent (jusqu'à ce que la popup soit fermée ). Un modal n'est pas une fenêtre , mais plutôt une construction HTML qui donner une impression de la fenêtre et bloquerait toute interaction avec le reste de la page.

Voici à quoi ressemble un modal bootstrap: enter image description here Source: http://v4-alpha.getbootstrap.com/components/modal/

Lequel choisir?

Vous devriez très certainement choisir le modal plutôt que la fenêtre contextuelle dans toute exigence réaliste.

Les fenêtres contextuelles ont tendance à être agaçantes pour les utilisateurs, en particulier parce qu'elles empêcheraient souvent les utilisateurs de revenir à la page précédente ou même de naviguer vers d'autres pages (selon la façon dont le développeur Web les a configurés). Les modaux, d'autre part, sont la voie à suivre pour de meilleures animations, une facilité d'utilisation et moins de gêne.

Un autre problème avec l'utilisation de popup provient des configurations de bloqueur de popup. Si un utilisateur a bloqué une fois les fenêtres contextuelles sur votre site Web, il est probable que vous ne vous en rendrez jamais compte et qu'il penserait que votre site ne fonctionne pas. Les modaux ne peuvent pas être désactivés et vous donnent ainsi un contrôle complet sur la façon dont les utilisateurs voient votre site.

0
Nisarg