清楚明了的对话框选项

标签: 交互设计 | 发表时间:2013-03-08 01:00 | 作者:fourdesire
出处:http://www.yixieshi.com

  【导读】本文转载自 Desiring Clicks,文章讨论了把对话框做的清楚明了的重要性,我们当然可以细心的设计对话框中的文字,让用户清楚明了对话框的讯息,但是在大部分的情况下,我们几乎根本不会逐字去阅读讯息的内容。

  对话框(Dialog)是个好用又方便的工具,通常用来再三确认使用者的操作动作与决策,以避免一时的手误或误会操作动作的意思,常用于重要动作的确认,例如:「你确定要删除这个联络人吗?」,但若对话框搭配了不适当的响应选项文字,反而可能会造成使用者的困扰与误解,有时还可能做了错误的决定。

  对话框最常见的不当设计就是选项上的文字出现:「是(YES)与否(NO)」,回想在学生时期考试的时候,O 与 X 在是非题中是唯二的两个答案,而出题者会透过文字叙述上正反的误导,来测验学生是否真的清楚了解,先不论这样的测验方式到底对学习以及知识的建立到底有没有明显的帮助,使用者可不想在开心的使用你的程序或服务时,还要小心翼翼的了解你对话框的内容。

  我们当然可以细心的设计对话框中的文字,让用户清楚明了对话框的讯息,但是在大部分的情况下,我们几乎根本不会逐字去阅读讯息的内容。

  你必须要假设用户除了对话框上的按钮外,不会阅读任何其他讯息(对话框的标题或是讯息内容)。

  – John Gruber of Daring Fireball

  于是我们应该注意选项的文字表达,将是否的选项替换成直接明了的动作词汇,例如在 Mac OS 中注销的对话框,以「注销(Logout)」取代「是(Yes)」「取消(Cancel)」取代「否(No)」,这样简单的替换,即使不需要阅读对话框的内容,也可以清楚明了的知道我现在应该要注销还是取消我刚刚做的动作。

  Facebook 中删除留言的对话框也是将「是」直接替换成「删除(Delete)」的字眼,仔细想想,我们其实还真的没有去注意过这些对话框的内容到底写些什么,但是我们一直都可以轻松的做出正确的决定。

  换个情境,也许我们也可以将这样的概念应用在日常生活中,如快餐店的点餐响应,来减少店员因太习惯而误点的情况(笑):

  店员:「你是否要将中薯加大呢?」「你是否要搭配四块麦克鸡块呢?」

  我们则可以将「是、否、要、不要」的回答改成明确的动作如「加大、换成色拉、搭配」等字眼,那么我们在生活上也可以少了许多麻烦呢!

相关 [对话框] 推荐:

你好,对话框

- - 腾讯CDC
”除非你对某类对话框已司空见惯,否则遇到,第一反应往往是这样的. 这种体验就像你明明急着去赶车,途中却不断被拦住塞传单一样. 不能否认,它是一种打断,有时甚至会成为打扰. 做为设计师,虽知“打断”暂不能杜绝,但不使之变为“打扰”,却是我们该努力做到的:.   隔一个小时打断你一下,你或者还可以忍受.

清楚明了的对话框选项

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  【导读】本文转载自 Desiring Clicks,文章讨论了把对话框做的清楚明了的重要性,我们当然可以细心的设计对话框中的文字,让用户清楚明了对话框的讯息,但是在大部分的情况下,我们几乎根本不会逐字去阅读讯息的内容.   对话框(Dialog)是个好用又方便的工具,通常用来再三确认使用者的操作动作与决策,以避免一时的手误或误会操作动作的意思,常用于重要动作的确认,例如:「你确定要删除这个联络人吗?」,但若对话框搭配了不适当的响应选项文字,反而可能会造成使用者的困扰与误解,有时还可能做了错误的决定.

激活对话框中 tab 键蓝色按钮切换

- fred - Tip4Mac
不知大家在使用 Mac OS 时有没有一种困惑,在对话框出现后无法用 tab 切换选项. 以至于很多人觉得 Mac 连这种蛋疼却实用的小功能都没有,其实不然,我们来设置一下就可以了. 如果不用鼠标或者触摸板你按回车只能关机,可是手又很懒怎么办. Step1:系统偏好设置-键盘中选中“所有控制”. 这个时候看到蓝色的虚框了吧,按空格就可以选中虚框的内容,而回车还是蓝色高亮按钮,按 tab 可以切换,加按 Shift 可以倒退,于是这个问题就解决了.

九种方式实现 javascripts 弹出对话框窗口代码

- - CSDN博客Web前端推荐文章
【1、最基本的js弹出对话框窗口代码】. 这是最基本的js弹出对话框,其实代码就几句非常简单:. 因为这是一段javascripts代码,所以它们应该放在之间. 是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来.