Dialogue modal vs visionneuse - qui gagne?

Question

Dans mon esprit, les dialogues modaux et les lightboxes ont le même objectif. Il semble qu'il y ait une échelle de sexy (mais javascript-heavy) à une extrémité et économique (mais ennuyeux) de l'autre.

Qu'est-ce qui pousse vos décisions à utiliser l'un plutôt que l'autre? Ou bien, existe-t-il un meilleur moyen de demander à l'utilisateur des données complexes sans naviguer vers une autre page?

Answer 1

Cela dépend de votre application. Si votre application ressemble moins à une page Web et davantage à une application (telle que Google Docs), les boîtes de dialogue modales ont du sens lorsque vous souhaitez attirer l'attention de l'utilisateur sur des tâches spécifiques.

Si votre application est un site Web, je dirais que vous ne devez pas confondre l'utilisateur en ayant des dialogues modaux. Les gens ont l'habitude d'aller à des pages séparées et même à travers une série de pages pour effectuer des tâches complexes. S'il s'agit de données complexes, je les diviserais normalement en étapes logiques qui réduiraient la tâche accablante. Vous pouvez utiliser Ajax pour le rendre encore plus cool, sans avoir à charger une page entière.

Les dialogues modaux sont rarement utilisés. Je pense que Facebook est un bon exemple de l'utilisation des dialogues modaux. Facebook a envie de faire glisser les choses en arrière. Leur interface est très complexe, mais la plus grande partie de la complexité est cachée.

Answer 2

Les lightbox et les fenêtres modales des pages Web ont beaucoup en commun. Kekoa l'a bien décrit.

Autre différence: les boîtes à lumière peuvent généralement être fermées en cliquant en dehors de la fenêtre contextuelle (sur l'arrière-plan estompé), tandis que les fenêtres modales ne peuvent généralement être fermées qu'en interagissant à l'intérieur de la fenêtre contextuelle (par exemple, en cliquant sur OK / Annuler / X). .

En effet, les fenêtres modales sont 'modales' et "obligent les utilisateurs à interagir avec eux avant de pouvoir retourner" (http://en.wikipedia.org/wiki/Modal_window).