何时使用灯箱效果？

Question

我们都看到了网络上流行的灯箱效果（例如JQuery Lightbox和Shadowbox）。昨天我与一个客户，谁是完全迷恋于灯箱，并希望每一个表单提交包括时间使用他们的讨论：

• 登录表单 - 点击登录按钮和灯箱出现带有用户名和密码字段
• 客户查询形式 - 灯箱会出现一个“谢谢”的形式提交后
• 登记表 - 灯箱会出现一个“谢谢”的形式提交后

我想知道当人们认为灯箱应该是不应该使用d，为什么。

Answer 1

可接受用途，IMHO：

1. 单步形式（或多步形式的第一步骤）
2. 详细信息（放大的东西图形或深入描述）
3. 确认或其他反馈信息

理想情况下，对于每一种情况，您都会优雅地降级为完整的独立URL/HTML资源。这提供了书签功能（假设您的lightbox不做历史管理）以及搜索引擎可爬行性。

如果您确实选择使用它们，则一致使用它们至关重要。由于它们基本上是一种新的UI模式，用户期望（潜意识地）能够理解你如何应用模式。这增强了他们对网站的信任度和预测网站行为的能力。

Answer 2

Lightbox的意图是突出显示某个元素（如图像，图形等）。我个人不喜欢浏览器中弹出的HTML页面，但有些用户可能会喜欢它。

个人而言，我只会将它用于图片。

Answer 3

我认为首先你必须决定是否要为所有这些形式进行模态对话。

一般而言，网络用户不希望模态表单登录，创建新帐户或提交查询。您可能会发现用户在背景消失时会感觉到幽闭恐惧症，并且不得不专注于注册表单。

模态对话经常受到批评，因为它们会阻塞所有其他工作流程，直到窗口关闭或填充。这也可能导致其他Web控件无法响应的混淆。

不过，我并不完全反对这个，因为我可以看到它在某些特定的Web界面上工作。但我会谨慎行事，特别是如果用户参与的数量对这个网站至关重要。

Answer 4

我认为在用户界面中，只要模式对话框模式适合，灯箱就很有用。

例如，显示一个带有AJAX动作的登录灯箱以允许用户登录，这比将其重定向到一个全新的页面然后将它们重定向到他们所在的位置要困难得多，所以我认为它适合于此，登录是可选的，以开始。但是，如果您强制用户登录后才能使用该站点，则此模式无用。

但是，使用灯箱显示谢谢你的邮件是侵扰 - 所以我不会做它。在页面布局中有明确标记的状态指示符或消息更好，因为它可以更清楚地与主UI关联并且不会让用户恼火。

我通常使用lightbox来提供页面外功能，其中所需的用户界面不太适合主页面 - 例如，在需要上传多个文档的页面上，我会提供一个上传按钮。到每个文档项目，点击时会显示收集文档细节（类型，文件，日期等）的lightbox，然后使用AJAX将文件发布到服务器。

这使得精简主页，该对话框可以定义一次，并多次重复使用，它的使用很简单，我想，因为它本质上就像一个桌面应用程序。

Answer 5

如何使用从来没有一个灯箱吗？不适合你吗？灯箱通常是如此尴尬和陌生，以至于打开其中一个灯箱几乎普遍比简单地链接到像普通的新页面更糟糕。对于可用性，他们是那么不如一个新的浏览器窗口或对话框，他们甚至不值得考虑：

• 不可移动的和模态。作为对话框的替代方案，灯箱无法实现不可移动和模态。我看到的灯箱不能移动，所以用户无法看到它背后的所有内容，以帮助与内部的相互作用。即使它是可移动的，您也无法将其移动到窗框外面，因此它总是遮挡住一些东西。对话框没有这个限制。由于灯箱必须是模式，所以即使灯箱可以移动，用户也不能与父页面交互。当需要时，对话框可能无模式。

• 增加了心理工作量。灯箱强制用户学习并记住另一种导航方式。为了返回到之前的内容，有三种不一致的方式来解散某些内容已经够糟糕了。用户可能需要使用后退按钮，或关闭当前窗口，或关闭当前选项卡。现在我们添加关闭灯箱，并使用它自己的特殊控件。我们不需要这种复杂性。

• 破坏性后退按钮操作。如果您启用了后退按钮，用户可以点击它打算回退收藏夹返回底层页面（或向后移动灯箱内的网页，例如观看幻灯片放映时）。但是，单击Back会将底层页面移回，强制用户前进并重新设置所有内容，包括打开Lightbox。如果你离开禁用后退按钮，用户可以把它意味着灯箱内容在新标签或窗口打开，让他们点击窗口/标签关闭按钮返回，吹走基础页面，它的历史，也许整个浏览器会话。

• 分心。为了确保底层页面不可读，灯箱通常会给它们一个柔和的外观，从而减少文本的视觉对比度。我想，我的意图是建议禁用页面，以便用户不会尝试点击它，但我们有更好的方法来“禁用”页面：转到另一页面。你用灯箱取而代之的是一个分散注意力的文字和图像的边界，用于装饰你实际上希望用户关注的内容。因此，使用Lightbox意味着在允许用户查看和访问这两个网页上的内容的过程中失去了新窗口的优势;这也意味着失去了进入新页面的优势，以确保用户只关注新内容。

灯箱代表重新发明对话框没有优势和许多缺点。如果您需要一个对话框，请使用对话框。灯箱看起来不像弹出式窗口，所以这是一种防止用户忽略广告的方法，但是现在广告客户正在使用类似灯箱的元素，因此如果不是已经损失，优势正在消失。我看不到使用灯箱的理由。