何时使用灯箱效果?

时间:2010-01-13 01:18:37

标签: html ajax usability lightbox

我们都看到了网络上流行的灯箱效果(例如JQuery LightboxShadowbox)。昨天我与一位完全迷恋灯箱的客户进行了讨论,并希望每次提交表格时都使用它们,包括:

  • 登录表单 - 单击登录按钮,灯箱将显示用户名和密码字段
  • 客户咨询表格 - 表格提交后,灯箱会显示“谢谢”
  • 注册表单 - 表单提交后,Lightbox会显示“谢谢”

我想知道人们何时应该和不应该使用灯箱以及为什么。

5 个答案:

答案 0 :(得分:5)

从不使用灯箱怎么样?从来没有为你工作?灯箱通常是如此笨拙和陌生,打开其中一个灯箱几乎普遍比简单链接到正常的新页面更糟糕。对于可用性,它们不如新的浏览器窗口或对话框,它们甚至不值得考虑:

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

  • 添加了精神工作量。灯箱迫使用户学习并记住另一种导航方式。很糟糕的是,有三种不一致的方法可以解雇某些内容以便返回之前的内容。用户可能需要使用“后退”按钮,或关闭当前窗口,或关闭当前选项卡。现在我们添加关闭灯箱,它有自己的特殊控件。我们不需要这种复杂性。

  • 破坏性后退按钮操作。如果您启用“后退”按钮,则用户可以单击它以打算退出灯箱以返回到基础页面(或者在灯箱内移回页面,例如查看幻灯片时)。但是,单击“返回”会移动基础页面,强制用户继续前进并重新设置所有内容,包括打开灯箱。如果禁用“后退”按钮,用户可以将其视为在新选项卡或窗口中打开灯箱内容,因此他们单击窗口/选项卡“关闭”按钮返回,吹走底层页面,其历史记录,也许整个浏览器会话。

  • 牵张。为了确保底层页面不可读,灯箱通常会给它们一个柔和的外观,降低文本的视觉对比度。我想,目的是建议页面被禁用,以便用户不会尝试点击它,但我们有更好的方法来“禁用”页面:转到另一个页面。你使用灯箱取而代之的是一个令人分心的文字和图像的边框,用来装饰你真正希望用户注意的内容。因此,使用灯箱意味着失去新窗口的优势,允许用户查看和访问两个页面上的内容;这也意味着失去了进入新页面的优势,以确保用户只关注新内容。

Lightboxes代表重新发明对话框,没有任何优势和许多缺点。如果需要对话框,请使用对话框。灯箱看起来不像弹出窗口,所以这曾经是让用户不要因为广告而放弃它们的方法,但现在广告商正在使用类似灯箱的元素,因此如果还没有丢失,优势就会消失。我认为没有理由使用灯箱。

答案 1 :(得分:3)

可接受的用途,恕我直言:

  1. 单步表格(或多步骤表格的第一步)
  2. 详细信息(放大图片或深入描述)
  3. 确认或其他反馈信息
  4. 理想情况下,对于每个人,您都会优雅地降级为完整的单独URL / HTML资源。这提供了可书签性(假设您的灯箱不进行历史记录管理)以及搜索引擎可抓取性。

    如果您确实选择使用它们,那么始终如一地使用它们至关重要。由于它们本质上是一种新的UI模式,因此用户希望(下意识地)能够理解您如何应用该模式。这增强了他们对网站的信任以及预测网站行为的能力。

答案 2 :(得分:3)

我认为灯箱在UI中适合模态对话模式的任何地方都很有用。

例如,显示一个带有AJAX操作的登录灯箱以允许用户登录比将它们重定向到一个全新的页面然后将它们重定向回原来的位置要少得多,所以我认为这是合适的,只要登录是可选的开始。但是,如果强制用户在可以使用该站点之前登录,则此模式无用。

然而,使用灯箱来显示感谢信息是侵入性的 - 所以我不会那样做。在页面布局中具有明确标记的状态指示符或消息是更好的,因为它可以更清楚地与主UI相关并且不会使用户烦恼。

我通常使用灯箱提供页外功能,其中所需的UI不适合主页 - 例如,在需要上传多个文档的页面上,我会在旁边提供一个上传按钮每个文档项,单击时会显示一个收集文档详细信息的灯箱(类型,文件,日期等),然后使用AJAX将文件发布到服务器。

这使得主页面保持简化,对话框可以定义一次并重复使用多次,我认为它使用起来非常简单,因为它本质上就像桌面应用程序一样。

答案 3 :(得分:2)

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

就个人而言,我只会将它用于图像。

答案 4 :(得分:1)

我认为首先你必须决定是否需要所有这些表单的模态对话框。

通常,网络用户不希望模式表单登录,创建新帐户或提交查询。您可能会发现,当背景逐渐消失并被迫只关注注册表时,用户会感到幽闭恐惧症。

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

尽管如此,我并没有完全反对这一点,因为我可以看到它适用于某些特定的Web界面。但我会谨慎行事,特别是如果用户参与的数量对本网站至关重要。