2008-10-15 49 views
16

modal windows/dialogs是否被认为是网站的良好做法?我关心使用模式窗口的一件事情是,它非常像一个弹出式窗口,它可能会导致用户感到沮丧或导致用户简单地关闭它,因为它是侵入式的。你知道任何关于用户偏好和使用率的研究吗?模态对话框是网络的良好实践吗?

当JavaScript关闭时,除了模态窗口链接加载新页面中的内容之外是否还有任何可访问性问题?您是否使用模态窗口网站或网络应用程序?为什么或者为什么不?实现模态窗口有哪些好的和坏的做法?我知道模式在显示图片或画廊时可能最常用,但是还有其他一些实际用例呢?你在你的网站上使用它们,是什么引导你做出决定?

回答

14

从实践的角度来看 - 排除可访问性 - 模式窗口提供了一种替代方案,它不像对话框那么令人吃惊,并且比弹出式窗口更不受干扰。与上述两种方法中的任何一种相比,它们通常对现场具有更加内聚的感觉。除了图片或媒体之外,我还使用模式对话框来达到与对话框相同的目的 - 让用户提供某种形式的必需输入,或在让他们再次与网站互动之前确认某些内容。

从纯粹可接近的角度来看,它们并不是那么棒。他们通常需要JavaScript,并且由于模式对DOM的管理方式,屏幕阅读器不会很好地解释它们。为了解决这个问题,优雅地降级总是一个好主意 - 一个建议是将模态对话框的内容放在一个页面上。每当模态对话框应该出现时,让当前页面重定向到'模态页面',获取用户的输入,然后返回到它所在的页面。

最后,就我个人的意见而言,我并不介意模态窗口。我认为,如果使用得当,他们会提供一个体面的体验 - 如果引起我的注意,那么我宁愿这样做,而不会将我从页面重定向,显示难看的操作系统主题对话框或流行(我的浏览器可能会阻止,无论如何)。我想,总结一下,如果我不得不选择如何我想被打断,那么我会选择一个模态对话框。

+0

感谢您的深入解答。 – VirtuosiMedia 2008-10-15 19:50:50

1

我只对Web应用程序的简单的问题或要求用户完全集中行动使用模式窗口,这就是莫代尔是,“忘记的背景”,并集中在哪些应用是问...

示例:

“允许的最高贷款达到了限额,您确定要将这笔新贷款发给客户吗?”

中预文本发送电子邮件,例如(也可用于右主题和正文文字或选择一个预先定义的主题/发送到客户端的模态窗口...

东西这样的:)

我做了很多财务的网络应用程序,从用户输入所有财务数据到发送合同的PDF完成填充只有一些点击的网站,这些行动是在哪里我使用模态窗口。

希望它有助于

0

37Signals的有模态here一个有趣的帖子。他们谈论使用模态来指示屏幕大小的重要性,模态叠加不足以导致需要导航到新页面。

0

我相当普遍使用模式窗口的Web应用程序的数据输入屏幕。例如,用户将拥有一个列表或搜索结果屏幕,并可以点击一条记录在模式窗口中打开它进行编辑。我不会在网站中使用模态窗口,因为我更喜欢稍微少一点的“应用程序”,就像网站的感觉一样。

0

网上对话的大多数问题都集中在糟糕的实施上。一些考虑因素包括:

  • 屏幕尺寸
  • 浏览器窗口大小调整
  • 何处打开对话框
  • 提交表单元素
  • 苛刻覆盖频闪效应
  • 适度降级(如前所述)

所有这些都很容易通过一些预谋和编程技巧,在正确实施的情况下,网络上的对话非常有用。

1

看起来好像很多人把模态窗口与分层面板混淆。对话框可以是模式窗口,弹出窗口是模式窗口。分层面板不是一个窗口,而是具有弹出式窗口或对话框的外观。它是模态的,因为底层不可用。莫代尔窗口在网站上很受欢迎,因为它们不受弹出窗口阻止程序的影响。

模态窗口旨在获取底层应用程序需要继续的信息或用户操作。非模态窗口允许用户在窗口和底层应用程序之间来回切换。非模态窗口的一个很好的用法可能是屏幕帮助或教程,用户需要一个参考工具并访问底层应用程序。

恕我直言,模态窗口被设计为一个狭窄的特定用途,现在很多时候使用不当。只是因为你可以做点什么并不代表你应该!:-)