写在前面的话
关于《交互设计实用指南》，我们最近收到很多朋友的反馈，有支持的也有批评的，在此一并感谢了，有你们的关注，我们才能走得更远。《交 互设计实用指南》其实是收集和总结了交互设计上的一些问题，肯定有很多老生常谈的东西，是不是老生常谈其实不是问题，“问题在于，这些老生常谈的东西有没 有被积累，有没有被传承，有没有被体系化。”（青云语）
《交互设计实用指南》的读者群涵盖了许多行业，而且就算是交互设计专业的读者也存在经验和水平的差异，所以读者们对《交互设计实用指南》有很多不同的声 音。我们期待你们的声音，你们的认可是对我们的支持，你们的批评是对我们的鞭策，有了你们我们才能把事情作得更好，为行业作出更大的贡献。

科普

《辞海》中“记忆”的定义是：“人脑对经验过的事物的识记、保持、再现或再认。”
记忆是人类一个非常重要的心理活动，它是人类很多其他思维活动和行为的基础。在所有的认知心理活动中，记忆和软件交互的关系最为密切。我们脑内的神经元反 映的信息在需要用的时候可以被准确的再次呈现，也就是储存在DNA链上的信息基因，在适当条件下，指导合成信息蛋白并呈现的过程。在信息处理的角度，我们 都关心怎么找到信息，而找到信息的结果，也正是再认、再现的目的。按先后阶段顺序，记忆分为三种类型：感官记忆、短时记忆、长期记忆。

由于互联网产品的特性，用户在使用过程中，通常只用到感官记忆和短时记忆。感官记忆是指个体凭视、听、味、嗅等感觉器官感应到刺激时所引起的瞬间记 忆（一般按几分之一秒计算）。感官记忆只留在感官层面，如不加注意，马上就会消失。感官记忆的时间非常的短，然而在试验中我们会发现，在视觉刺激后留有暂 时的余像，比如卡通动画就是连续静止的画面在 我们面前快速运动产生。除了余像，声音也会有短时间的余留，然而余音、余像现象只在一秒内，甚至半秒内完成，所以对于提高记忆力或减少记忆负担没有什么意 义。

一般的短时记忆只能保持二十秒左右，最长不超过一分钟。在这么短的时间内我们能储存多少信息呢？答案是7±2即5～9个项目，平均为7 个项目。这是美国心理学家约翰.米勒在其论文《魔力之七》中证实的。这个七是指什么呢？七个数字，还是七个人名，或是七件东西？其实都可以。

定义

根据一般人的短时记忆存储规律，我们把产品给用户带来的记忆挑战或困难叫作记忆负担。
这里分为两种负担：
一是产品给与用户的记忆负担，包括产品的内容信息，操作功能等。
二是用户自己的记忆负担，包括自己的个人信息，安全问题答案，输入内容，上次操作行为，操作流程等。

分析
第1，人在短时间的注意力是集中和少量的，基于识别的用户界面在很大程度上依赖于用户所关心对象的可见性，显示太多的对象和属性会让用户很难找到感兴趣的 对象。
第2，用户不喜欢经常重复性输入一些信息，比如个人帐号，安全信息，操作习惯，上次操作行为等，这些工作占用了用户完成其他重要任务的时间。
如何减轻用户的记忆负担呢？

1.使用常用交互方式和文案,力求简洁

美国科学家研究发现，大脑会“优待”较常用的记忆内容和操作形式，有意抑制那些相似但不常用的内容，以便减轻认知负担，防止混淆。 从某种程度上来说，习惯就是一种”熟知记忆”。可以不出现的内容尽量不出现，即使需要出现也要用最简洁的方式出现。（交互设计实用指南系列(4)—简洁清晰， 自然易懂）

上图是某银行网站上的流程说明，充满了专业词汇和不必要记住的内容。个人以为，既然是需要线下办理的流程，不如用最常用的交互方式和文案来说明。比如学习 一下移动公司：请到银行网点办理，具体银行职员会详细说明。然后银行出具一张纸质清单，反正别人也记不住这么多电子信息。
2.保持正确的对应关系
在用户的操作流程中，必须保持正确的对应关系，一个流程只有一个最重要的操作，一次操作只有一个结果，逻辑清晰，有先有后。比如有操作步骤提示的时候，就 严格按照12345步来排列，不能一会跳到第3步，一会又跳到第2步。流程的对应关系混乱会加大用户的的记忆负担。

上图是新手进入Flickr流程说明。

3.控制信息量
神奇的数字—7,多数情况，用户记忆信息在7加减2个左右，1个记忆最牢靠，3个很清楚，7个以上就需要给对信息进行分类，来帮助用户理解和记忆。通过合 理的设计手段，来使信息有效的推送给用户，或者帮助用户轻松完成任务。

上图的评分系统有十个选项，用户在评价的时候需要鼠标浮在蚂蚁图标上获得提示。但是有十个提示，用户很可能看见几个提示之后已经忘记最开始的提示内 容了，这样的收集到的评价肯定不准确。这个交互设计案例中有一个缺点之一就是信息超量，用户很难记住过量的信息。(当然还有其他缺陷，比内容展示不明显， 信息传达不准确等。)

4.帮助用户记忆
记住用户的操作与信息，保持操作的一致性来降低用户对于不同操作的记忆。我们可以先记住用户的行为，让用户自己去修改他的行为。比如：用户在输入密码错误 之后，刷新后的登录页面仍然保留用户刚输入的用户名；很多网站有收集用户个人资料的需求，也会有状态提示已经完成的百分比，并提示哪些资料还需要完善，帮 用户记住未完成的操作等等。这些方式都是在帮助用户记忆，以减少用户记忆负担。

如上图案例，就是帮助用户记忆的体现。

一款很少有记忆负担的软件产品，肯定更容易得到用户的青睐。减少记忆负担，对于产品和用户来说，可以增强用户黏性，提高工作效率，提升任务成功率。 交互设计师在设计产品的时候，要注意到这些方面，才能把产品交互作得更加人性和易用。

听觉交互事件顾名思义就是：耳朵听到的声音给用户感觉，并产生的相关反应的过程。比如WINDOWS的系统提示音，网络游戏中的一些音效，很多论坛的短消息提醒，等等。听觉交互事件的主要交互目的是有四种：提示，警告，反馈，补充。我分别举例说明一下。

提示：比如很多即时通信软件的好友上线提示，系统消息提示。

警告：系统操作错误的警告音，软件登录密码错误，某些游戏中红血警告，时间限定警告，机会限定警告。

反馈：注册成功，升级成功，操作按钮被点击。

补充：很多FLASH站的背景音乐，游戏中的战马嘶鸣、马蹄绝尘、刀剑铿锵，电子杂志翻页音效。

声音交互事件的交互方式很单一，就是默认在交互过程中发出声音。它的优点是提醒用户注意，在输出设备（听筒、音箱等）齐全的情况下，信息传达稳定，用户容易接收，交互效果最好。但它也有缺点，就是受制于输出设备，如果没有音箱或者听筒，交互效果就基本没有。所以听觉交互事件一般不独立用在互联网产品上。

听觉交互事件的注意事项：

1.不独立使用，应该与其他交互事件配合使用，至少要与视觉交互配合。

2.不强制用户接受，有选择项可以让用户关闭，不要期待用户为你去关输出设备。

视觉交互事件

视觉交互事件就是眼睛看到的界面给用户的感觉，并产生的相关反应的过程。视觉交互事件经常和其他交互事件混合在一起使用，但它本身可以独立使用。比如很多线下活动在线上作的网络广告，某些电影的线上海报，某些牛人的个人网站通知，流程图，注册时用户确认已阅读用户协议前不可点击（或倒计时完成后方可点击）的按钮等等。

我再举一个具体的例子，某网站出现一个震撼的广告图，内容为“浙江移动推出充值200送200优惠活动，请到附近营业厅办理。”用户可能不会点击，他会打电话给移动公司询问，或者告知朋友去充值，或者直接就去营业厅办理了。这个人只要有了反应，交互事件就进行得很完美，广告效果就达到了。视觉交互与其他事件交互的结合也比比皆是，我就不一一枚举了。

视觉交互事件是用户最直观最容易获得的体验，因此它需要具备美观，吸引，冲击，共鸣等特点。这一部分与界面视觉设计需要关注的部分重合，但不完全一样。

视觉交互事件的注意事项：

1.表达清晰，有时甚至要牺牲美观来满足信息清晰的传达

2.与目标用户群产生共鸣，从文案、配色、图案等方面来提高吸引力，让用户有深入了解产品的欲望

3.配合其他交互事件使用时，尽可能满足其他交互事件的需求，避免产出好看不中用的华而不实的产品

鼠标交互事件

鼠标交互事件顾名思义就是用户使用产品时，通过鼠标操作产生感觉，并产生相关反应的过程。鼠标交互事件是最常用的也是最重要的交互事件。比如导航条，很多性格测试，不计名投票系统，一些网页版小游戏，某些FLASH广告，部分网站上出现的快捷菜单等等都属于鼠标交互事件。鼠标交互事件包括主键点击，悬浮，双击，选中，副键点击，滚动等，经常体现在超链接,JS写的ON系列事件，FLASH的按钮等场景中。

鼠标交互事件因为操作比较简单，得到很多入门级网民的喜爱，我们在用户体验研究测试中也确实能找到这一类的用户，就是传说中的“鼠标流”，整个交互过程只用鼠标来完成，虽然这不能代表所有网民，但确实代表了一种趋势，用户都喜欢简单的交互方式，只不过我们更关注的是有效，如果用户点来点去，找不到入口（出口），达不到目的，那么这个鼠标交互事件就是失败的，需要改进了。

既然鼠标交互事件有这些需求，我们就应该在设计的时候权衡简单和有效的关系了。必须需要的步骤，我们一步都不能省，我相信用户不会吝惜一次点击的。另外一方面，我们不能因为用户不在乎多一次点击，就让用户不知道先点哪个的地方或者不停地点击。再举个例子，网站的快捷菜单，可以直达很多地方。我们不能把所有的页面都列出来，那样就变成sitemap了，在某个页面上的快捷菜单最好只列出重要的，常用的，或者相关的链接就行了；也不能只列一个“帮助中心”的快捷链接，尽管我相信你的帮助中心作得非常有条理，用户还是需要点了再点，一级接一级的去找到相关的帮助，如果能直接到本页面相关的帮助不是更好？这个权衡非常具有挑战性，希望大家在作交互设计的时候多考虑，多调查，多试验，相信能找到一个比较好的方案。

鼠标交互事件的注意事项：

1.傻瓜式：简单方便，在满足用户使用需求的同时，尽量减少点击次数。

2.提示明显：让用户知道哪里地方可以点击，点击哪里可以最快达成目标。这个需要在界面及文案上对用户给予引导。

3.反馈及时：用户在鼠标交互事件产生之后，能给以及时的反馈，比如鼠标经过变色，点击错误发出警告，跳转页面后能直接到相关的位置，AJAX请求后要反馈出明显的视觉提醒或者页面变化

4.层次分明：用户点击之后，能有整个操作过程的提示，在操作失误后可以返回重新操作，已经点击过的是不是需要记录状态等等。

键盘交互事件

键盘交互事件就是用户使用产品过程中，通过键盘操作产生交互体验的过程。键盘交互在网络产品的交互过程应用得相当普遍，比如撰写日志，添加评论，ENTER提交，小键盘翻页，TAB切换焦点，某些网页游戏的快捷键等等。键盘交互事件通常和鼠标交互混合使用，构成了互联网产品的主要交互行为。用户在进行键盘交互之前，对时间和精力的花费有一定的预期，由于多年互联网产品交互过程对用户习惯的培养，用户在进行键盘交互事件的时候耐心明显多于其他交互事件。所以键盘交互事件要充分利用用户对此事件的耐心，并且要充分尊重用户的习惯。举例说明：文本框里面的提示语在焦点产生的时候要有全选功能或者删除功能；文本框输入完成后要有ENTER提交的功能，而文本域输入完成后则是CTRL+ENTER作为提交，因为ENTER此时会作为换行的用途；有些文本输入有字数限制时需要提示剩余字数；有些文本域输入有时效性，需要有保存草稿功能，或者有时效性的提示；在需要设置快捷键的时候不要和系统默认的一些快捷相冲突，如果冲突了还不如不要。

尊重主流的操作习惯非常重要，在此特别提出。比如我很不喜欢QQ的CTRL+ALT+Z的默认提取消息，因为这是PHOTOSHOP的返回上一步的快捷键，这个设置非常干扰我的工作；我很喜欢GOOGLE文档里的CTRL+Z(俗称后悔键)和CTRL+Y（俗称恢复键），因为它符合大多数互联网产品的操作习惯。虽然有些习惯比较偏向个人，但我相信一定有很多产品自作聪明的设置了一些快捷键，反而干扰了一些常用软件或者系统的默认快捷键，本来是一个好的交互意愿，却取得了相反的交互体验。

键盘交互事件的注意事项：

1.安全性：键盘交互事件可能透露一些用户的个人信息，或者泄露一些隐私，好的互联网产品应该给于用户以保护。

2.稳定性：在利用用户对此交互事件的耐心来收集信息或者获得反馈的同时，要保证用户的耐心要有成果，不能让用户浪费时间和精力，结果前功尽弃，或者功亏一篑。

3.一致性：不要指望用户对键盘交互事件拥有高超的辨别能力而采取不同的操作方式，如果你采用了一种交互方式，尽量在相同或者相似的交互场景中延续使用相同的交互方式，退一步说，不要用不一样的交互方式，再退一步说，千万不要用相反的交互方式。这一点对视觉交互也很重要，但对于能称作界面设计师的人（不包含图片处理员）来说，一般这种一致性是可以保持的。

4.尊重习惯：目前互联网产品中有一些是非常伟大（或者说强大）的产品，不管交互方式是否绝对完美，至少他已经用市场占有率和时间的延续性培养了用户一些既有的习惯，交互设计师不要轻易打破用户的现有习惯，这并不是说不能有创新，而是指在现有习惯上优化和提升交互体验，是对现有交互方式的延展。

总结

以上是我对互联网产品的交互事件所作的分类和分析，尽管现实产品的交互事件都很复杂，但基本是这几种事件的组合，如果我们能在基础的事件上作好交互设计，那把复杂的交互事件作好希望就会很大。

另外业内对一个产品的交互设计作得好不好，没有一个标准，通过以上分析，虽然我们依然无法制定出这一标准，但是我们可以从上面的分析看出一个交互设计是不是作得不好。在我看来，这也是一个进步了。我希望各位同行都来贡献自己的力量，将好的交互设计应用在更多的产品，让用户得到更好的体验。

个人的一些分析，难免有不足，希望大家补充和指正。

挖坟

交互设计（Interaction Design）产生于二十世纪八十年代，在1984年一次设计会议上，大名鼎鼎的英国交互设计师比尔·莫格里奇首次提出交互设计这个概念，作为一门关注交互体验的新学科而存在并发展到今天，他一开始给它命名为“软面（Soft Face）”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后来把它更名为“Interaction Design”――交互设计。

思考

交互设计是一种如何让产品易用并尽可能让人乐在其中的技术，他包括了解目标用户在产品使用过程中的心理反应，了解用户在同产品交互时彼此的行为，了解大部分用户交互行为的习惯，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多领域多背景人员的沟通。

交互设计在产品上的使用也越来越得到各大网站以及网民的重视，交互设计的理论也日益丰满，经典的交互案例也渐渐丰富起来。

今天我们来分析一下互联网上交互设计的一些事件，为大家的研究和应用提一些个人肤浅的看法。

其实交互可以理解为在使用产品过程中用户的感觉以及针对感觉的反馈。从这个层面上来看，生活中交互是无处不在的。交互产生的感觉就是我们平时所熟知的五感，即听觉，视觉，嗅觉，味觉，触觉。当然你一定要认为交互可以给你带来第六感，我也不反对，因为确实有好的交互让你有种神秘莫测的感觉，而且可以让你沿着设计师预想的方向去使用产品。其中应用于互联网的交互设计基本上是没有嗅觉和味觉的，虽然不排除将来可能会相关硬件产品作为这些感觉的输出设备（比如不好看的网站，某输出设备直接散发出臭味，或者某输出设备尝起来很苦），但是我们目前只讨论目前绝大部分输入设备带来的感觉。

分析

我们在使用互联网产品的时候，听觉，视觉，触觉是经常被触发的。在此我对互联网产品的交互事件进行了分类：听觉交互事件，视觉交互事件，键盘交互事件，鼠标交互事件。后两者虽然都属于触觉交互事件，但基于网民的操作习惯（键盘流，鼠标流），我觉得分开会比较容易讨论这个话题，尽管某些时候他们都混合在一起，难以分开。

---------------------------------------------------------------------

接着读下一篇

 互联网产品交互事件分析[2]

感谢龙隐的设计，我加了两晚上的班。太痛苦了。不过终于出来了。

还要感谢DK帮我作人肉编辑，陪我到半夜。

查看活动：街拍3D秀

神人也是普通人经过不断的努力而成就自己的。

背景音乐的歌词