您的位置: 首页 > 艺术设计 > 设计理论 > 交互行为三部曲
开展全面的网站评估 回到列表 天极产品设计流程
 交互行为三部曲

作者:chouyuchouyu 时间: 2007-10-11 文档类型:原创 来自:蓝色理想

臭鱼的blogwww.chouyu.com.cn

之所以会出现“交互设计”这个词儿,很大程度上是alan cooper想区别于以往的界面视觉效果设计,重新定义一下基于电脑的软件设计工作。既然是区别于原先的界面设计,我想,可以简单的不准确的概况一下这个概念:交互设计=界面设计+行为设计。界面的设计无须多说,行为的设计就有很多话题了。

之前的很多小文里也经常会提到有关行为设计的问题,几天前如厕时偶然意识到关于行为设计的一些问题联系起来考虑会更有助于设计。

啥是网页上的行为?看到一个链接,左键点了一下,打开一个新页面。
当然行为也有更复杂的,填写、提交一份注册资料;删除我日志中的垃圾评论;打开一个视频,调整音量,全屏观看…

关于这些行为,我们可以分为三个步骤,并对每个步骤提出相应的准则:

  • 第一步.操作前,操作可识别;结果可预知。
  • 第二步.操作时,操作有反馈。
  • 第三步.操作后,操作可撤销。

文字排列的还挺整齐的,怪像诗的哦。好吧,借以沉痛悼念即将远去的诗人:白龙。

如果你深谙设计之道,恐怕已经知道我说的这几点是什么了。那么本文看到这里对你来说已经足够了。将这些设计问题联系起来考虑,在设计一个行为的过程中能有意识的考虑这一系列问题,应该会有助于你的设计。

如果你还有兴趣再具体了解一下上面说的这些准则,我们继续。

第一步.未操作前;操作可识别,结果可预知

这是两个准则。操作可识别,是说按钮应该象按钮,链接应该象链接。《麦当劳两则》中的第一则提到了“链接应该看上去象链接”;第二则提到了操作应该给用户明确的提示。

按钮应当是有立体感的,看上去就感觉像是可以点击的。《接受伪按钮》《谁是按钮?它在干嘛?》都是在说有关按钮的事儿。不过与现在说的这个主题似乎不是很一致,还是别去看了。

操作可识别是为了保证用户触发操作的有可能性。如果看不出那是个链接,恐怕就没人去点了。

QQ空间中有个不好的例子:

有输入框,但却看不到验证码图片,读了上面一行文字才知道,光标点进输入框后验证码图片就会出来了。“没看到图片我怎么知道要输入什么?”“不知道要输入什么,我就不去不输入啦。”操作前表现的不够清楚,会影响触发操作的可能性。
(上面那行温馨提示算是个补救措施,但并不能解决问题。如果都靠提示就可以了,那么就不需要设计师了,有作家就够了。)

“结果可预知”是说,未进行一个操作之前,应该让用户大致能猜测到操作后会是什么样的结果。或者说,操作的设计应该和用户的期望相同。那些只写成“返回”“上一步”“下一步”的链接,如果可能,最好还是写清楚些为好。比如写成:“下一步 进入购物车”、“返回首页”…还有些时候,让结果变的不可预知是因为观念上的问题。设计者故意给用户一些意料之外的结果。《他想要什么?》中有些例子,说的更清楚些。

第二步.操作时,操作有反馈
进行了一个操作后,需要页面上有反应。

使用系统按钮也算的上是一种反馈吧。点击一个系统按钮时,按钮会动一下,告知用户:“您点了一下。”当然这个反馈还不足够。还需要执行这个按钮应该有的功能。

QQ空间商城的页面很短;QQ秀商城左侧固定,右侧可滚动,这些都是为了保证点击了一个商品后,用户能看到页面页面上的变化。与之对比,天下秀 等网站的操作都存在类似的问题。(说别人的坏话,这样不好,很不好。)

第三步.操作后,操作可撤销

执行一个操作后,应当允许撤销,允许用户反悔。操作执行前的提示、二次确认并不能完全解决问题,几天前,我在删除垃圾评论的时候就遇到了这样的问题,错误的删除了一条评论,虽然之前有二次确认的小窗口,但是仍旧是删了。之后我追悔莫及,需要的是撤销刚才的操作。但是,WP里删除评论是不许撤销的。为此我特意致歉了一下,那段致歉就写在了那条评论牺牲的位置上。

有些时候,不提供撤销操作是故意的,设计者妄图通过这样的设计达到自己不可告人但又尽人皆知的险恶目的。当然,这样的情况越来越少了。大家都知道,网页上最简单的操作是关闭该网页,想牵着用户鼻子走,通常是很难的。

当然更多时候,不提供撤销操作是设计的时候没考虑周全。比如西宁邮政宾馆的热水器:《西宁邮政宾馆与博客网》,由那个热水器带来的恐惧使我直到现在还是只洗凉水澡。

本文链接:http://www.blueidea.com/design/doc/2007/4973.asp 

出处:蓝色理想
责任编辑:moby

相关文章 更多相关链接
我们为何需要用户角色
基于网络媒介的交互设计研究
输入表单的三种布局
界面和交互的关系之讨论
关于“交互设计”
作者文章 更多作者文章
QQ空间大头贴改版设计总结
请尊重用户的需求
web2.0是互联网上的现代主义
关于自动更新
按"右箭头"按钮,往左移
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2