如何设计亲切友好的对话框
有不少设计合理性欠缺的网站,让浏览者在浏览过程中经常碰到各种各样的对话框,这种体验就像急着去赶车,途中被人不断塞传单:网站建设★网站设计★网站制作★网页设计-800元全包;企业网络推广☆网站优化☆seo☆关键词排名☆百度快照-2200元全年展示;做网站优化排名-网站建设公司☎13518219792(注:选好网站模板,请联系客服,百度云盘下载提取网站模板)
(一)设计出的是多次打断的对话框
有些网站设计对话框是1分钟打断好几次,这会让浏览者抓狂的。这是Chrome为何在判定此网页多次出现对话框“打断“浏览者后,出现如下”禁止此页再显示对话框“的选项的原因。
我认为应把握住一个基本原则:对话框能不用就尽量不用。不过以下两种情况除外,一是某项操作风险很大,或不具可逆性,二是情况无法预先避免,用户必须确认。
总结起来,设计对话框前,请思考打断真的是必须的吗:
(二)对话框打断的意思表达不清
A.问“是/否”还是“确定/取消”
让我们来先温习下语文:
下面,回到对对话框的讨论:
情景1:用户点击退出按钮,为避免用户进行误操作,询问用户是否真的退出,此时用“是/否”还是“确定/取消”哪个好?
如果对话框是“你是否要退出?”用户肯定会莫名其妙,都点“退出”了,系统还问这个,有必要吗?
如果用“你确定要退出?”这就给用户一个信号,系统知道他选择退出,这只是再确认一次。
情景2:Chrome浏览器设计有一个功能,当浏览者第一次打开外文网站,要出一个对话框询问是否要翻译。这时该用“是否”来询问,还是“确定”呢?
我的建议是,如果不能完全揣测用户的意思,显然要用“是否”的对话框来做询问。
B.所答该所问
看到这儿,浏览者就会有疑问,前面举的Chrome的例子,提问“是否需要翻译?”回答的是“翻译/否”噢,根本就没出现“是”喔。那么,请大家接着往下看……
C.能否即不是“是/否”也不是“确定/取消”
看来采用明确的动词,似乎是好于“确定”的?
其实这也不全是,当很希望获得用户的注意的时候,或该操作并非几个字就能说得清楚,需要进一步在问题中加以详细描述时,这个时候用“确定”会比较合适。
即在某些时候,“是/否”是可以演变为“某具体动词/否”;
“确定/取消”当然也是可以演变为“某具体动词/取消”的组合的。
D.一定要用“是否”或“确定”做设问吗?
情景:如果用户阅读连载小说,直到阅读到需付费的章节,这时出现一对话框,提示需耗费30Q点购买才能继续阅读,设计师会用下面的哪个对话框?
对话框2,“购买此章”的按钮也起到引导作用,比较直观。可是没用“确定”购买的问句,也没有用“确定”的按钮,不会有问题吗?
从可用性上去看,是没有问题的。
那在这里用对话框1与对话框2,区别是什么呢?其优劣情况如何?
让我们再次咬文嚼字:刚刚我们在区分“是/否”与“确认/取消”之时,就已然说过了在问“确定”之前,其实我们自己的心中就已经有一个“是”的前提了。
在当前的这个情景下,是用户在进行试读,当他读完了一章章的免费章节,他其实也不知道从哪一章就要开始收费。所以该对话框的出现,是不包含任何“是”的前提的,与此同时也是没有任何预期的。此时出现对话框,简单理解就是一种告知,写清楚了“购买此章”的按钮是起到了一种建议与引导作用,效果会好得多,也不唐突。
文章标题:如何设计亲切友好的对话框
URL标题:http://scyanting.com/article/dghjgii.html