2007-5-19 12:24:00
关于界面和交互设计的思考

先琐言(下面橙色框内为废话,你可以:跳过锁言,直接思考>>

忙了很长一段时间了。上周持续通宵,终于完成了手中的子项目。后来女友来看我,第一句话是:你瘦了。
我非常同意。因为如果说我胖了,肯定是因为浮肿。而我当时已过了浮肿期。

网站开始内测了(先透漏网站名,曰优点网)。客观而公正的说,我对我们的成果不甚满意。然而,路才开始,其修远兮?上下而求,上下而索。

第一期封闭快要结束了。本月底可以出来了。很多朋友未曾见过,很久。正值夏至未至之时,应当糜烂一场,大醉无归。自向天笑,去留烦恼。请,奔走相告。

前几天收到老妈的短信,责问我为什么不打电话回家。原来家里出事了。当时就想哭。很难受。很担心。希望爸爸一切安康,早日好起来。一切都会好起来的。我爱你们。

昨天和同事打篮球把脚给崴了,从此残废一两周。所谓步履艰难,如果封闭结束腿脚仍然不便,只好爬行回家了。

很多琐事我其实不想写,可是写了。或许,说出来就好了。
可是写到这里,我也不知看客们是否还有心情看我标题中所说的“两个思考”。

再思考。

很久没有关注朋友了,去看了一下朋友王宇小甲的blog,有些收获。

一、保持登录状态

我想这几乎是所有做网站的人都会碰到的一个问题,下面是原文的话:

一般的对安全性要求不高的网站,登录框下面都会带有一个复选框,选中后用户下次就不用再登录了,大概叫法有以下几种:
  1. 保存我的信息
  2. 记住我
  3. 自动登录
  4. 保持登录状态
如果我们吹毛求疵一下,假设这个用户是互联网新手,那么哪种说法可以“don’t make me think”呢?个人觉得:4好于3好于2好于1。

Quote From  http://www.iqst.cn/blog/?p=13

    
保持登录状态确实是一个很cool的叫法,乍看起来,似乎是最好的方案。我在原文后面有评论如下:

保持登录状态好像也有歧义,菜鸟可能认为,我如果不选,我就没有保持登录状态了,他会think:不保持登录状态会怎样?是不是登录之后可能就会很快退出?再说选择保持了又保持多久?
    
所以,要说保持登录状态,也应是“永远保持登录状态”。那,永远又到底有多远?还是有些不太易懂。
    
另外,从何得知选中“保持登录状态”后就是说我下次来的时候不用输入用户名和密码而自动登录了?
    
当然,“自动登录”也是有问题,若为“下次自动登录”,我认为就很OK了。
    
故,“下次自动登录”应该好于“保持登录状态”吧,My point。见笑了。hehe     

Comment by    ThinKing — May     17, 2007 #   

Quote From  http://www.iqst.cn/blog/?p=13


这四个方案中,我想,我更喜欢“下次自动登录”。在新的网站(优点网)设计中,我们也是这么做的。

二、用户交互的条件

用户交互的条件是个很有意思的问题。小甲从1984年的书联想到现在web 2.0设计中的交互条件,思维够发散。文中提到:

有一本1984年出版的书《Evolution of Cooperation》,提出了人们产生合作的三个必要条件,这三个必要条件对于网络社区交互的形成也有一定的参考意义,针对这三个条件来做相应的产品设计将事半功倍:
  1. 相遇的可能性
  2. 可确认的身份
  3. 以往行为的记录

Quote From  http://5qer.com/blog/?p=53


如果我没有理解错的话,甲甲谈的是用户交互,也就是三个条件:
1、对方是谁?
2、对方做过什么?(对方喜欢什么?)
3、找到对方!

毋庸置疑,这是产生交互的必备条件,但似乎不止于此,也就是必要但不充分。真正交互还要有第四个条件。

说这个话题之前必须得搞清楚用户交互是什么

首先,用户交互定义在哪种程度上?

找到对方算是交互完毕么?应该不算吧。

用同城搜索找到很多个用户,每个人的头像、资料、日志和相册摘要我都看得很清楚,满足以上三个条件,但最终我可能还是关闭网页了。——这应该是没有和用户交互,只有和网站交互。

我如何去和用户交互?所以有“相遇的可能性”远远不够,随着用户体验的提升和Web 2.0的发展,这个互联网上,间接可以看到并确认其身份和行为记录的“相遇可能性”太多了,但是我很少和他们交互,哪怕访问他们的页面。

其次,那找到并访问对方的相关页面算是交互吧?我认为也不是。

交互交互,有交(交流),也有互(相互)。只有单方面动作,不算真正的交,只能算是手淫。更不能算互。

最后,让我们把用户开始交互的那个临界动作定义在:你回访我。也就是——我访问你,你回访我。这样我们才真正开始用户交互,以后才会有更深层次交互的可能。这也便是校内网交互简单的真谛。

回到最开始的问题:用户交互的条件。

其实已经很清楚了,除了这三个,还需要第四个条件——达成一致。即,我对你有兴趣而访问了你,同时,你对我有兴趣也访问了我。

“达成一致”也适用于合作发生的条件情况。我没看《Evolution of Cooperation》一书,但如果此书只提了3个条件,我认为可能是作者的疏忽,不达成一致如何产生真正的合作?:)

三、胡乱总结一下

两个哥们提的问题都很好,正好回归到我一直都在思考的界面设计和交互设计的区别。王宇在《文字工夫》中讨论的是界面设计的细节,小甲在《“交互”的三个条件》间接指出了交互设计的原则。

那么,什么是界面设计(UI)?什么是交互设计(ID)?我们先来解释几个概念:

所谓交互设计,是指设计师对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程,简单说,即设计和定义使用者如何使用一产品达到其目标,完成某一任务的过程。

特别地,

对计算机工业产品的交互设计我们称之为“人机交互(Human-Computer Interaction)设计”;

进一步,

交互设计过程中,如果我们打算以用户的目标和期望为导向做设计,这就是“目标导向设计(Goal-Directed)”或“以用户为中心的设计(User-Centered Design)”,例如,目标用户希望得到一个易用的产品,那么我们的设计就要以易用性(Ease to Use)为目标;

再进一步,

当将交互设计做好以后,需要尽可能去“描述和传达这种行为的最有效形式”,这时候所做的就是“用户界面设计(User Interface Design)”;如果用图形的方式表达出来,画在屏幕上,得到的结果就是“图形用户界面(Graphic User Interface)”;

更进一步,

如果我们的产品确实是在以用户期望的方式运行,该产品就是“易用的(Usable)”(Joel Spolsky,2006);

最后,

如果你的目标用户都对你设计的产品有口皆碑,赞叹不已,你就获得了良好的“用户体验(User Experience)”。

Quote From  http://bicespring.blogbus.com/logs/3560156.html

在上面的第三步中,我们得知,在交互设计上再完善一下,便成了用户界面设计。那是不是说交互设计是界面设计的一部分?

我认为,不是。

界面设计有多个步骤和目的,交互只是其中一个。同样,交互也应该可以通过其他非界面元素来产生。所以两者应该只是有所交叉。如下图所示:

那“?”所指的,分别又是什么呢?

我们再来看另外一段话:

用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分。

Quote From  什么是用户界面设计?

这个划分不仅仅适用于工作流程,也适用于界面设计的种类。因为广义上界面设计包括平面设计、网页界面设计、外观设计等,那么视觉设计也是界面设计的一个分支或种类。故而:

交互设计还包含什么呢?

首先,“非界面流程交互设计”。譬如打13800138000给手机充值,典型的执行式流程交互,无需界面。

其次,“用户交互设计”,典型的如facebook中的poke一下。交互非常简单,几乎不需要怎么界面设计。

于是,我们的图出来了:

呵呵。乱写的。小声点笑。

这篇文章断断续续写了3天,发生了很多事的3天。

阿门,保佑我和爱我的人。
思想鱼 发表于 2007-5-19 12:24:00 阅读全文 | 回复(8) | 引用通告 | 编辑
2007-5-19 12:43:00
Re:关于界面和交互设计的思考
Banlon(游客)有意思。
以下为blog主人的回复:
呵呵。你反应还真快。我还在修改中,你就评论完毕了。
Banlon(游客)发表评论于2007-5-19 12:43:00 个人主页 | 引用 | 返回 | 删除 | 回复
2007-5-19 22:02:00
Re:关于界面和交互设计的思考
Datura老大啊!~站长大人啊!~我彻底orz了啊~~~~
上次你说给我的积分弄到了1000 问题是我米看到
但这回为虾米我的积分变55了捏?
我郁闷啊~~~~~~~~~~~~~~~~~~~~~~~~~
以下为blog主人的回复:
已解决。呵呵。
非常抱歉。
Datura发表评论于2007-5-19 22:02:00 个人主页 | 引用 | 返回 | 删除 | 回复
2007-5-19 23:27:00
Re:关于界面和交互设计的思考
小甲我那篇文章是国外的一篇小文小小地引伸一下而已:)
那几个图有意思,存一下先~~~
以下为blog主人的回复:
我这图,画得太烂了……希望能说明问题。

我画图的功夫远不如你啦,呵呵
小甲发表评论于2007-5-19 23:27:00 个人主页 | 引用 | 返回 | 删除 | 回复
2007-5-20 13:19:00
Re:关于界面和交互设计的思考
老庄(游客)希望你家里会好起来!

现在你的文章我已经理解起来比较吃力了,看来差距又大了
以下为blog主人的回复:
……

书业有专攻,电信和互联网差距还是蛮大的,你和亮亮的文章有的我也很费解,正常啦。。。
老庄(游客)发表评论于2007-5-20 13:19:00 个人主页 | 引用 | 返回 | 删除 | 回复
2007-5-21 8:55:00
Re:关于界面和交互设计的思考
renkin(游客)太深奥,我不懂,我关心的是我生日聚会你来不来
以下为blog主人的回复:
这个问题很值得关心。我也十分关心。我非常想去。

我用到了“很”“十分”和“非常”,可见我真的太想去了。
renkin(游客)发表评论于2007-5-21 8:55:00 个人主页 | 引用 | 返回 | 删除 | 回复
2007-5-21 10:03:00
几个问题希望和您探讨
Douis(游客)您好,看了您的文字受到了一些启发。同时也产生一些疑惑,不知道能否探讨一下?

首先:关于“用户交互”的疑惑。看您文中的意思,是不是把所谓“用户交互”与我们软件开发中的“交互设计”看作是两个独立的概念?是不是说我们在开发工作中的交互设计实际上是“网站交互”即网站与用户间的交互,而您提及的“用户交互”是指网站用户之间的交互呢?

第二:如果您的“用户交互”概念是引申于《the evolution of cooperation》书中提到的人与人之间的合作,那么这种合作关系产成的必要条件-即书中提及的三个条件-我认为并不适于直接拿来对应计算机产品的交互。并且“甲”文章中也是把这本84年的商业著述中的结论用作软件产品设计的“参考”而已。所以个人认为把这三个条件直接用来套用计算机产品用户交互设计,是个牵强的问题,甚至可以算是“伪问题”,不知您意下如何?

第三:关于“达成一致”做为“用户交互”的第四个条件的疑惑。《the evolution of cooperation》原书我也没有读,但据我所知作者提出的三个条件是“必要条件”,也就是说如果达成人与人的合作,则必然存在那三个条件。所以我猜想作者并没有“疏忽”什么,而是这第四个条件并不是必要条件,也并非在作者讨论的问题之内。

第四:引申我第三个疑惑,“达成一致”您认为是实现“用户交互”的第四个条件。我觉得有点片面。首先交互本身不一定是主动、彼此的。这一点不能从“交互”这两个汉字的字面意思进行理解。交互这个词并非汉语先有,而是从英语翻译而来。事实上,我认为所谓的“达成一致”早已经包含在三个必要条件之中了,而且不能孤立的分隔出来。比如您现在正在读我的文字,我们之间是否已经产生了交互?您没有主动的访问我,仅仅是阅读,但我相信我们之间已经产生交互了。这种交互就是来自第3个条件“我做过什么”。也就是说,交互产生与三个必要条件发生的过程中,并没有第四个您所谓的最终“用户交互”产生的触发器。您这种看法似乎将交互与交互产生的过程视为静态、割裂的。

最后,关于您画的图示,界面设计与交互设计的关系。我认为实有不妥。怎么说呢?界面设计是不是应当属于交互设计的子集呢?您的图把界面和交互设计视为对等的两个事物,而两者的交集产成所谓“界面交互设计”,“界面结构”和“视觉设计”变成独立在交互设计之外的存在,这样似乎等于人为的割裂交互设计与界面设计的关系。我认为交互设计类似与功能实现,界面设计类似与表达方式,形式依附于内容,形式为表达内容服务,两者是互为条件互相依存的。不知您意下如何?

此外,您这个图片的推导过程,我也认为疑点多多,不过时间所限,仅就图形结论问题与您探讨。言语鲁莽之处望海涵。
以下为blog主人的回复:
感谢您能就此问题与我讨论,我已经对您的疑问表达出了我的看法,详见:
http://xsblog.com/user1/31/archives/2007/2007521221249.html
希望您有机会能看见。
Douis(游客)发表评论于2007-5-21 10:03:00 个人主页 | 引用 | 返回 | 删除 | 回复
2007-5-21 17:23:00
Re:关于界面和交互设计的思考
kun(游客)依旧搞笑的文风啊,概念太多,读不懂
以下为blog主人的回复:
呵呵,哪儿搞笑了?
kun(游客)发表评论于2007-5-21 17:23:00 个人主页 | 引用 | 返回 | 删除 | 回复
2007-5-22 11:13:00
Re:关于界面和交互设计的思考
WCX(游客)"随机 访问一个博客,看看你和谁有缘?"算不算是促进用户之间的交互呢?
WCX(游客)发表评论于2007-5-22 11:13:00 个人主页 | 引用 | 返回 | 删除 | 回复
发表评论:
加载中...
Powered by Oblog.