模式窗口/对话 被认为是一个良好做法的网站?有一件事涉及我关于使用模式窗口,它是这么多像一个弹出窗口和可能会导致用户感到沮丧或者导致使用者只是接近它,因为它是侵入。你知道的任何研究,谈论用户喜好和使用率?

是否有任何障碍问题超出了具有模式窗口的链接加载内容,在新的一页的时候JavaScript关闭?做你 喜欢 网站或网页应用程序的使用模式窗口?为什么或者为什么不呢?什么好的和坏的做法的实施模式窗口?我知道情态动词可能是最经常使用时显示的照片和画廊,但是其他一些实际使用情况?你利用他们在你的网站,并什么带你到你的决定?

有帮助吗?

解决方案

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

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

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

其他提示

似乎很多人将模态窗口与分层面板混淆。对话框可以是模态窗口,弹出窗口是模态窗口。分层面板不是窗口,但具有弹出窗口或对话框的外观。在某种意义上它是模态的,即底层不可用。模态窗口在网站上很受欢迎,因为它们不受弹出窗口阻止程序的影响。

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

恕我直言,模态窗口是为了一个狭窄的特定目的而设计的,现在很多时候使用不当。仅仅因为你可以做某事并不意味着你应该做的事情!: - )

我只在网络应用程序上使用模态窗口来处理需要用户完全集中的简单问题或操作,这就是Modal的用途,“忘记背景”。并专注于应用程序所要求的内容......

的示例:

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

选择用于发送电子邮件的前置文本(可用于正确主题和正文的模态窗口,或选择要发送给客户的预定义主题/正文...

像这样的东西:)

我做了很多财务网络应用程序,这些应用程序从用户输入所有财务数据的网站开始工作,通过PDF填写合同发送合同,只需点击几下,这些是我使用模态窗口的操作。

希望有所帮助

37Signals有一篇关于模态的有趣帖子这里。他们谈论使用模态来指示屏幕大小的重要性,其中模态叠加不够重要,无需导航到新页面。

我经常在网络应用中使用模态窗口来进行数据输入屏幕。例如,用户将具有列表或搜索结果屏幕,并且可以单击记录以在模态窗口中将其打开以进行编辑。我不会在网站中使用模态窗口,因为我更喜欢像网站一样的“应用程序”。

大部分的问题的对话上网中心对贫困的执行情况。一些考虑因素包括:

  • 屏幕上的大小
  • 浏览器窗口调整大小
  • 从哪里开放的对话
  • 提交形式的元素
  • 恶劣的复盖的闪光灯效果
  • 优雅的退化(如前所述)

所有这些可以很容易地克服的一些远见和编程技术,使得对话上网非常有用的,当实施适当的。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top