it-swarm.cn

关闭模式对话框

我每天都遇到模式对话框,并且始终看到不同的实现。

大多数模式对话框在对话框的右上角都有[X]以及“取消/关闭”按钮。

有太多选项,关闭模式对话框的最佳实践是什么?此外,是否有任何研究可供参考,显示出什么是首选?

我见过的实现:

  • 角上有[X]的取消/关闭按钮(右上/左上,右下/左下?)

  • 单击模式上的任意位置以关闭

  • 拐角处只有[X](右上/左上,右下/左下?)

  • 只是一个取消/关闭按钮

  • 单击模态之外的任何位置

  • Esc键,带或不带[X] /取消/关闭

23
rick schott

我认为最好的实现取决于对话框的类型和所需的交互模式。

我认为需要执行操作的对话框不应使用[X]将其关闭(也不要通过单击操作按钮以外的任何位置来关闭它们)。
大多数按钮都有“保存”和“取消”按钮组,因此用户可以考虑(即使是瞬间)“关闭”是否意味着“取消”。

我认为“信息对话框”应该同时具有“关闭”按钮和[X]。
如果信息是用户可能希望与之交互(例如,要选择和复制的文本),则当然不能允许在内部单击以关闭对话框。
如果您希望用户注意该信息,我也将不允许单击外部以将其关闭,因为这增加了用户必须专注于对话框以将其关闭的机会(并希望在那里读一些东西)。

16
Dan Barak

你忘了[〜#〜] escape [〜#〜](Esc键)关闭一些(Cancel(确定/取消),或[〜#〜] ok [〜#〜]单个确定)模态窗口

6
igor

从不单击角落的十字架。如果按钮被遗漏了,我通常会感到困惑,直到我记得它仍然是一个窗口。我会使用“确定” /“取消”按钮(除非其他词更合适,例如“是/否”“保存/不保存”),并且在角落有一个与取消按钮相同的叉。没有其他“隐藏”操作,例如,如果您单击任意位置,则关闭。

4
Jouke van der Maas

无论用户是否单击退出按钮,始终需要退出按钮,因为缺少退出按钮会造成混淆。 “关闭”链接有帮助,但需要在“ X”后面加上。我建议您始终提供所有退出选项(“ x”,链接并单击任何位置以关闭)。

我目前尚不了解有关此主题的研究,但Smashing Magazine上有一篇有趣的文章,内容是有关Modal Windows的正确使用,您可能会对此感兴趣: http://www.smashingmagazine.com/2009/ 05/27/modal-windows-in-modern-web-design /

4
Pam Rdz

明确的对话框按钮也是一个重要的辅助功​​能。我从事 GNOME人机界面指南 已有多年经验,每次更新它们时,都会通过删除对话框中的“冗余关闭按钮”来调用“减少混乱”,对于那些可以使用窗口框架控件及其关联的键盘快捷键(Alt-F4,与MS Windows相同)明确关闭。

但是,每当我们向GNOME可访问性社区推荐它时,他们都会重申他们偏好保留窗口本身内部的有形按钮。

2
calum_b

我可能会同时使用两个控件:

(X)-右上角

原理:在网络上非常普遍,我认为甚至Mac用户也已经习惯了。 [X]是用户良好识别的标志,并且具有(关闭)似乎多余。

[确定/关闭]-内容中

合理:如果用户浏览了文本,则眼睛很可能落在文本下方,并且光标可能更靠近关闭按钮,因此按下按钮的速度可能更快,尤其是因为它也更大。您还可以将焦点放在“关闭”按钮上,以便用户只需按Enter即可关闭对话框。

0
Anna Rouben