Modal對話框與燈箱 - 誰會贏？

Question

在我看來，模態對話框和燈箱都有相同的用途。看起來，一方面是性感（但是JavaScript），另一方面是經濟（但無聊）。

是什麼驅動你的決定使用一個在另一個？或者，有沒有更好的方法可以在不導航到其他頁面的情況下向用戶提出複雜的數據？

Answer 1

這取決於您的應用程序。如果您的應用程序不像一個網頁，更像一個應用程序（如Google Docs），那麼當您想要關注特定任務的用戶注意力時，模態對話框就很有意義。

如果你的應用程序是一個網站，我會說你不應該通過模態對話框混淆用戶。人們習慣於分離頁面，甚至通過一系列頁面來完成複雜的任務。如果它是複雜的數據，我通常會將其分解爲邏輯步驟，以減少任務的壓倒性。您可以使用Ajax來使其更酷，而無需實際加載完整頁面。

應該很少使用模態對話框。我認爲如何不使用模態對話框的一個很好的例子是Facebook。 Facebook已經幻想阿賈克斯的東西滑出，滑回。他們的界面非常複雜，但大部分複雜性都是隱藏的。

Answer 2

在網頁中的燈箱和模態窗口有很多共同點。 Kekoa描述得很好。

另一個區別是：燈箱通常可以通過在彈出窗口外部（在變暗的背景上）單擊來關閉，而模式窗口通常只能通過在彈出窗口內進行交互來關閉（例如，單擊確定/取消/ X ）。

這是因爲模態窗口是'模態'和'要求用戶在他們可以返回之前與[他們]交互「（http://en.wikipedia.org/wiki/Modal_window）。