注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

网络新势力

关注互联网,研究互联网,学习互联网,参与互联网——做一个互联网人

 
 
 

日志

 
 
关于我

姓名:何直群 网名:腾龙 职业:网站策划、BS程序开发(ASP\PHP) 介绍: 网站程序员(ASP & PHP)、网站构架与策划人,长期关注互联网的发展。曾就职于通信世界网(非记者)、盛大网络北京分公司、互联网观察中心、宝利亚洲。现就职与265负责网站联盟产品相关工作。曾创办过新农在线(已停)、我摘(www.wozhai.com)等网站…… ---------- 腾龙博客好友请加: QQ群:3347162 MSN群:group137861@xiaoi.com -----------

网易考拉推荐

寻求完美的交互设计的平衡点  

2007-01-06 07:30:11|  分类: 互联网研究 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

臭鱼的交互设计是我看到的最好的关于交互设计的BLOG。当我前段时间发现他的时候,我如饥似渴的连续看完了他以前的所有日志,受益非浅。虽然部分的内容也值得商榷,不过,很难得的是,他可以通过很浅显的例子将高深的交互设计问题谈的很清楚。在本BLOG起头,我特意向各位推荐,有关注交互设计的朋友,不妨碍注意一下这个BLOG。

臭鱼的最新日志是讲页面中的操作连接的可用性的问题。就是说,在某些时候,从逻辑上我们认为用户不应该执行某个操作,但是却又给予了用户相关操作的一个“功能”,并举了一些事例。详细的内容,大家可以参考上边的链接。

也许是因为长时间从事技术工作的原因,我对于这个问题的理解更倾向一种平衡。臭鱼的这个BLOG提到的问题可以分成两个部分来分析:

1、操作的可能性

当用户在某个页面,我们可以推测用户最有可能使用的功能和最有可能使用的链接。然后我们需要在这个页面的适当位置放置相应的按钮或者链接,这就是我讲的操作的可能性。比如说,一个留言的表单,肯定存在用户是有提交这个操作的可能性。

2、操作的可用性

基于上边讲的操作的可能性,同时也存在操作的可用性,也就是说用户虽然有可能需要这个操作,但是这个操作是否可用,却又有各种的情况。同样拿留言表单来看,当用户没有填写任何留言内容的时候,我们认为这个提交操作是不可用的。

因为存在操作的可能性,并且需要让用户知道他可以执行这样的操作。所有我们需要提供相应的操作“句柄”。但是,因为考虑操作的可用性问题,所以,我们必须在操作不可用的时候,使操作“句柄”隐藏或者使他有明显的不可用标记。

如果从一个完美的交互设计来考虑。当操作不可用的时候,我们需要对操作进行隐藏或者“不可用”标记(比如设置按钮为disabled)。

但是,很明显,在部分情况下,这种完美的交互设计对于技术的难度非常大。就比如臭鱼所举的Qzone商城的例子,用户肯定有通过这些页面进入其他页面的操作的可能性。但是如果当用户使用了某个商品选购的操作后,如果没有更新。系统会认为返回个人主页等任何试图离开这个页面的操作是不可用的。

这个时候:1、隐藏各个链接或者设置这些链接不可用,都是很不恰当的。因为当用户执行一个操作后,他发现和这个操作没有直接关系的链接都没有办法使用了,这会让他很迷茫。2、如果取消对话框,而直接跳走,很明显会给用户带来操作结果丢失的麻烦。

在这个时候,给于用户一个选择,虽然感觉有一些罗嗦,但是不失为一个方便用户的举措。

另外,完美的交互设计,往往也存在很多技术上的难点:

1、留言提交按钮的可用问题。现在一般的处理是在用户点提交后,通过JS进行提交数据的有效性检验。如果要实现上边的完美设计,我们不得不在用户的任何一个表单修改的时候,进行全面的表单数据有效性检验。1、如果我们没有足够的提示用户表单数据确实的部分,会让用户疑惑,为什么我不能提交呢?2、如果给予足够的提示,又可能增加页面的复杂程度。

2、连接的可用性问题。一方面我们很难控制连接的可用性,另一方面,很多时候页面的连接来自不同的地方(比如我们经常将页面的头和尾作为单独的文件存放)。如果因为一个操作而设置整个页面的所有连接的可用性,肯定是相当困难的。

所以,我觉得,很多时候,完美的交互设计是我们追求的目标,在现实中,却不得不做某种妥协,寻求一种平衡。

首发:SOHU BLOG

  评论这张
 
阅读(70)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017