模态对话与灯箱 - 谁赢了？

Question

在我看来，模态对话框和灯箱都有相同的用途。似乎在一端有一种性感（但是javascript很重）的规模，而另一端则是经济的（但很无聊）。

是什么驱使你决定使用一个而不是另一个？或者，有没有更好的方法来询问用户复杂数据而无需导航到另一个页面？

Answer 1

网页中的灯箱和模态窗口有很多共同之处。 Kekoa描述得很好。

另一个不同之处：灯箱通常可以通过点击弹出窗口（在变暗的背景上）来关闭，而模态窗口通常只能通过弹出窗口内的交互来关闭（例如，点击确定/取消/ X） 。

这是因为模态窗口是'模态'并且“要求用户在返回之前与[他们]进行交互”（http://en.wikipedia.org/wiki/Modal_window）。

Answer 2

这取决于您的申请。如果您的应用程序不像网页，更像是一个应用程序（如Google Docs），那么当您希望将用户的注意力集中在特定任务上时，模态对话框就有意义。

如果您的应用程序是一个网站，我会说您不应该通过模式对话框来混淆用户。人们习惯于分开页面，甚至通过一系列页面来完成复杂的任务。如果它是复杂的数据，我通常会将其分解为逻辑步骤，以减少任务的压倒性优势。您可以使用Ajax使其更酷，而无需实际加载整页。

很少使用模态对话框。我认为如何不使用模态对话框的一个很好的例子是Facebook。 Facebook有一种幻想ajax可以让事情滑落，退回去。它们的界面非常复杂，但大部分复杂性都是隐藏的。