你好,对话框

标签: 交互设计 对话框 | 发表时间:2012-08-14 15:41 | 作者:CDCer
出处:http://cdc.tencent.com

  “怎么了?”除非你对某类对话框已司空见惯,否则遇到,第一反应往往是这样的?这种体验就像你明明急着去赶车,途中却不断被拦住塞传单一样。不能否认,它是一种打断,有时甚至会成为打扰。做为设计师,虽知“打断”暂不能杜绝,但不使之变为“打扰”,却是我们该努力做到的:

①  多次打断=打扰

  隔一个小时打断你一下,你或者还可以忍受。若是1分钟内好几次打断你,想起来就抓狂吧?这也是Chrome为什么在判断此网页多次出现对话框“打断“用户后,出现这么一个”禁止此页再显示对话框“的选项。

 

  把握住一个原则:能不用对话框就尽量不要对话框。除非以下两种情况:

  A. 某个操作是具有很大风险的,或者不可逆的。

  下面请你用此原则做判断,此对话框的出现是否合理:

  在win7系统下,每删除一个文件都会出一个对话框请我确认是否删除

 

  (提示:一般的删除真的是不可逆吗?windows还有个回收站,从回收站找回又会费很大成本吗?)

  B.无法预先避免,一定需用户确认的。

  下面请你用此原则做判断,此对话框的出现是否合理:

  活动已经结束,“投票“仍呈可点态,点击后对话框告知我一切都结束了

 

  概括一下,在准备设计一个对话框之前,请“ ”思,打断真的有必要吗,值得吗:

 

②    表意不清=打扰

  A.问“是/否”还是“确定/取消”

  先温习下语文:

 

  那么再回到我们的对话框:

  情景1:用户点击了退出,为了避免用户是误操作,你再询问用户真的要退出,此时是用“是/否”还是“确定/取消”好?

 

  建议:

  既然是点了“退出”,真想退出的概率还是远多过误操作的概率,那么,这里面就是有一个很强的“是的,我要退出”的前提在。

  如果你接着出对话框问“你是否要退出?”用户可能会莫名其妙,我都点了“退出”了,你还在问我是否,我不已经选择了吗?

  而用“你确定要退出?”就能给用户一个讯号,我们知道他选择了退出,这里只是一个再确认。

 

  情景2:Chrome浏览器有一个功能,当你第一次打开一个外文站点,他要出一个对话框询问你的意见要不要翻译。这个时候该用“是否”来询问还是“确定”呢?

  建议:

  既然是第一次打开,我们无法判断用户是希望翻译还是不希望:现在英文普及度高,有些用户可能就是喜欢读原汁原味的,有些则希望看翻译领会大致意思即可。即便是同一个人,在不同时段,有时会希望看翻译后的网站,有时则会希望看原始网站。

  不能揣测出用户的意思的时候,这里显然要用“是否”来做询问。这也是chrome现在的做法:

 

 

  B.所答该所问

 

  看到这里,你或者会有疑问,之前举的Chrome的例子,问“是否需要翻译?”答的是“翻译/否”啊,压根没出现“是”啊。请接着往下看…

 

  C. 能否即不是“是/否”也不是“确定/取消”

 

  看来用明确的动词好像是好于“确定”的?

  也不全是,当你在问题中提到的点很希望得到用户的注意,或者是这个操作不是几个字就能说清,需要在问题中详细描述时。此时用“确定”会更合适。

  即在有些时候(上面已分析):

  “是/否”也可演变为“某具体动词/否”;

  “确定/取消”也可演变为“某具体动词/取消”的组合。

 

  D.一定要用“是否”或“确定”做设问吗?

  情景:用户读连载小说,连续阅读直到一需付费的章节,出现一对话框,提示你需要花30Q点购买才可以阅读,你会用下面的哪个对话框?

  对话框2,“购买此章”的button也起到了引导作用,又直观。可没用“确定”购买的问句,也没用“确定”的button,会有问题不?

  可用性上看,没有问题。

  那这里用对话框1和对话框2有什么区别?有优劣之分吗?

  那再次咬文嚼字一下:刚才在区分“是/否”和“确认/取消”的时候,就已经说过在问“确定”之前,其实我们心中就已经有一个“是”前提了。

  在现在这个情景下,用户不是在确定了购买意向,点击了“购买”后,然后弹出一个告知其更多信息, 再次确定其是否真的购买的对话框。

  而是用户在试读,读完一章又一章的免费章节,他其实都无法预料从哪一章就要开始收费了。

  所以这个对话框的出现,是不含任何“是”的前提的,同时也是没有预期的。

  此时陈述给用户一个事实,更偏向于一种告知。而写明“购买此章”的按钮更起到了一种建议和引导作用。

  若问“你确定….”就像你还不清楚一个人是否有买房计划,也不清楚对方是否喜欢这个房子,就直接叫人家交钱一样。会略显唐突了。

 

  咬文嚼字结束。如果你认同,那就严谨起来,让你的用户见到对话框时,说“ 你好 ”,而不是“ 讨厌 ”。

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=5899)

相关 [你好 对话框] 推荐:

你好,对话框

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

清楚明了的对话框选项

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

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

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

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

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

你好,老友

- 懒猫 - MISS F Magazine
2002年3月,Sarah Jessica Parker初登《VOGUE》封面. 《欲望都市》正当红,亲爱的Carrie牵着Mr.Big,演绎都会中的传奇故事——爱是反复验证锤炼后仍然说不清楚的吸引力. 那时初出道的你我,看着Carrie也像看自己,道理都懂,却没办法挣脱,边纠结边长大. 年轻的心犹如李宗盛唱“是空空荡荡,又嗡嗡作响”.

你好呀,DJ

- 小鱼 - 豆瓣blog
从今天起,豆瓣FM机器人不再孤独. 这个了不起的机器人独自默默推荐歌曲的日子到此为止——它有了新同事. DJ们加入了电台幕后工作者的行业,一起为电台的用户推荐更多样更个性的音乐. 从今天起,电台将增加一个全新的DJ兆赫,和私人兆赫、公共兆赫并列. DJ兆赫目前有10位DJ进驻,21期节目可供选择. 比起以风格划界的电台公共兆赫,DJ为我们提供了更多元更个性的音乐节目.

《朋友,你好》

- - 腾讯ISUX - 互联网用户体验设计
朋友网手机客户端下载页面设计分享. 先让我们来看看一些简单的数据:. ①    97%的中国城市已拥有手机,其中35%拥有智能手机;. ②    在电视与智能手机两者之间,50%的受访者表示宁愿放弃电视而非智能手机;. ③    中国城市智能手机用户随时随地都在使用智能手机,其中家里(66%),旅途中(59%),乘坐交通工具中(52%),餐厅(38%)及商场(30%)是使用智能手机最频繁的地方;.

你好!市场先生

- Eric - 财新博客-新世纪的常识传播者-财新网»Barrons
这一年,发生了著名的全球黑色星期一股灾. 而巴菲特也特意在1987年给股东的信中谈了对“市场先生”的看法. Market, you don't belong in the game." “确实,如果你不确信你能比‘市场先生’更好地理解你的生意并对其估值,那么你不适合做投资. “In my opinion, investment success will not be produced by arcane formulae, computer programs or signals flashed by the price behavior of stocks and markets.

你好,火星人 [枣读:199期]

- Charlie - 爱枣报
看完《自闭历程》的时候,我问自己最多一句话是:”如果拿你的人生去交换坦普尔·葛兰汀(Temple Grandin)的人生,你愿意么. ”身为阿斯伯格综合症(高性能自闭症)患者,坦普尔·葛兰汀拥有亚利桑那州立大学畜牧科学硕士,并于一九八八年获得伊利诺大学的畜牧科学博士学位,是当今少数的牲畜处理设备设计、建造专家之一.

《PPT,要你好看》内容概览

- 杨振华 - 般若黑洞
它专为非设计专业的你准备,阅读无需任何设计基础;. 它既能让你的PPT倍儿有面子,又能为你的PPT制作节约大量时间;. 它融合了大量的优秀PPT实例,不说废话、没有罗嗦;. 它基础、全面、系统、深入,新手可用于入门,老手可依之精进;. 你既可以把它当做PPT设计的学习指南,又可以把它作为工具书放在案头随手查阅;.