你好,对话框

你好,对话框

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

多次打断=打扰

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

多次打断=打扰

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

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

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

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

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

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

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

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

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

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

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

表意不清=打扰

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

先温习下语文:

表意不清=打扰

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

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

表意不清=打扰

建议:

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

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

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

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

建议:

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

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

表意不清=打扰

B.所答该所问

表意不清=打扰

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

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

表意不清=打扰

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

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

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

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

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

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

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

表意不清=打扰

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

可用性上看,没有问题。

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

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

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

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

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

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

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

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


本文转载自tencent cdc

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,716评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,558评论 1 294
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,431评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,127评论 0 209
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,511评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,692评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,915评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,664评论 0 202
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,412评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,616评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,105评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,424评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,098评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,096评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,869评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,748评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,641评论 2 271

推荐阅读更多精彩内容

  • 在UI设计中,友好的对话框设计会使人机交互更高效,可以用户更方便、快捷的得到web页(或APP)想传达给用户的信息...
    StonerZhu阅读 1,884评论 1 9
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,569评论 25 707
  • CREATE TABLE IF NOT EXISTS ecs_order_info (order_id mediu...
    cookie口阅读 15,559评论 0 16
  • “比你优秀的人还比你用功” 计划虽然赶不上变化,但是没有计划和奋斗目标的一年一定是不充实的。选择和计划有时候比努力...
    杨虾米阅读 173评论 0 0
  • 农历腊月廿三开始参加了简书官方举办的简年接力活动。活动要求是从猴年的腊月廿三到鸡年的正月初七,每天都要坚持写500...
    老草阅读 533评论 26 21