蜂巢联合-北京网站建设 | 北京网站制作 | 北京网站设计

建站咨询热线:010-86380355 售后客服:010-51265897 QQ:1219770678  

您现在位于:首页 >> 网站建设知识


如何设计亲切友好的对话框

蜂巢联合:http://www.mycomb.com/    发表日期: 2013-12-8 14:20:05   点击数:1598  

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

 


本站关键词:网站建设  北京网站建设  网站制作 网站设计  建网站 做网站  网站改版
      
   

       

上一条:略谈网页设计的“四项基本原则”  下一条:退出页与继续登录页制作建议

 

 

 联系我们 | 关于我们 | 网站地图 |虚位以待 | 蜂巢动态 | 汇款方式
建网站热线:(010) 86380355 13720004070 QQ:1219770678
售后服务电话:010-51265897 传真:010-51265897转822 地址:北京市海淀区西土城路31号12号楼1单元801室 邮编:100088
北京蜂巢联合科技有限公司 版权所有 京ICP证050691号