【问题标题】:Modal Dialog vs Lightbox - who wins?模态对话框与灯箱 - 谁赢了?
【发布时间】:2009-05-02 19:08:08
【问题描述】:
在我看来,模态对话框和灯箱都有相同的用途。似乎一方面是性感(但大量 javascript),另一方面是经济(但无聊)。
是什么促使您决定使用其中一种?或者,有没有更好的方法来向用户询问复杂数据而无需导航到另一个页面?
【问题讨论】:
标签:
javascript
modal-dialog
lightbox
【解决方案1】:
这取决于您的应用程序。如果您的应用程序不太像网页,而更像是应用程序(如 Google Docs),那么当您希望将用户注意力集中在特定任务上时,模式对话框就很有意义。
如果您的应用程序是一个网站,我会说您不应该通过模式对话框来混淆用户。人们习惯于去单独的页面,甚至通过一系列的页面来完成复杂的任务。如果它是复杂的数据,我通常会将其分解为逻辑步骤,以减少任务的压倒性。您可以使用 Ajax 使其更酷,而无需实际加载整个页面。
模式对话框应该很少使用。我认为如何不使用模式对话框的一个很好的例子是 Facebook。 Facebook 有花哨的 ajax 让东西滑出,滑回。它们的界面非常复杂,但大部分复杂性都被隐藏了。
【解决方案2】:
网页中的灯箱和模式窗口有很多共同点。 Kekoa 描述得很好。
另一个区别:灯箱通常可以通过单击弹出窗口外部(在变暗的背景上)来关闭,而模式窗口通常只能通过在弹出窗口内部进行交互来关闭(例如,单击确定/取消/X) .
这是因为模态窗口是“模态的”并且“要求用户在返回之前与 [它们] 进行交互”(http://en.wikipedia.org/wiki/Modal_window)。