ID-yanyan

交互即表达，是近日学习臭鱼大人的互联网交互设计方法得到的认识。自己在看PPT的过程中，遇到许多不懂，幸而有VV孩子大力相助，热情解答和讨论。感谢臭鱼分享知识的同时，一定要严重感谢vv孩子！！！于是整理成学习笔记，包括个人理解和好友间的讨论，不乏粗浅之处，欢迎各位一起讨论。

通过对界面和操作行为设计，提高可用性

做交互设计的人一定要明白，不光在能操作的地方才有交互，整个页面的视觉传达同样严重影响每一个小“交互”的过程，可以认为是操作的前传。要在这里搞砸，故事往后的发展可就不那么轻松如意了。所以，我们从页面表达原则开始理解。

页面表达原则

1.更少的信息量更好

2.结构化更易于理解

3.信息的表达应该清楚、明确、直接

这三条在竞品分析的方法中也有，我认为这是信息表达的通用原则。出发点是文艺调调的除外……

从4开始针对互联网产品，适用范围也许可以扩展至大多数软件，无论它在不在web上。

4.操作可识别

问：有什么例子？除了鼠标移过、停留、点击的时候，应该显示三个不同的状态。

答：这是说视觉上表现的形式，必须以用户熟悉的方式，保证指引其正确操作。

比如可点击的链接，就应做成：链接。按钮就要做成可点击的样子，让别人知道，就叫可识别。而不是必须用鼠标在文字中查找，才知道啥可以点，啥不可以点。咱不在这儿逗用户玩儿，能干什么最好不言而喻，一看就知。就像设计优良的门把手，我伸手就知道是推是拉，是旋转还是压按。

5.操作前，结果可预知

6.操作时，操作有反馈

7.操作后，操作可撤销

直接面向操作行为的三条。

做之前知道将做什么，用户来完成任务，每一步图/文解说要简洁明确，别在这里设路障。（参考原则123，哈哈）

过程中知道后台在运行，常用动态图标/进度条/礼貌提示语。怎么做的不用告诉我，我知道在做并且尽快做好就成。

做之后能够撤销或返回上一步。

好吧，第二天来审视本文，发现臭鱼对4-6条曾有更为详细的解说，请大家参考。

8. 让用户知道身处何地

一般导航加标题就是很好的指示。

如果要往细了做，站点名称/页面名称/栏目和下一级栏目/页内导航/面包屑路径等等都是可以的。

由此想到了现实中的指示系统设计。还有华科的迷宫西十二楼。

9. 避免内容看上去像广告

是说内容的语言描述或图不要像广告？主要针对Flash的滥用而言。原本从心理学角度，运动的物体更加吸引人，但由于flash被广告滥用，用户在网站上看到flash就会觉得是广告，从而有意识跳过。

那么看上去像内容的广告呢？说不定会是个好广告！

10.不提供多余的功能（有延伸内容，另外发文）

问：怎么判断那些功能的主次程度？这个好像有点困难，尤其在实际项目中

答：这就是要研究用户，关注现阶段用户最需要的是什么功能。需求排序，然后利用有限的资源来完成这些需求。

11. 相同的功能，在不同的页面中应保持一致性

12. 措辞统一

一来降低理解难度，减少用户挫折感；二来能让产品保持统一风格，培养用户有固定和熟悉的感觉。

其实很难做到，比如“日志”和“日记”，在不同的页面会不自觉的混用这两个词，是日常生活带来的习惯，打比方我用惯QQ空间，那我会跟好友说我在写日志，但是对我妈就会说我在网上写日记。

“登录”和“登陆”

登录-login，是需要录入用户名密码的

登陆-进入网站的过程，不带身份判断

说到这里，想起了中学的语文考试……那些个词语和错别字的辨析要搞死人的……

话说我本来很清楚，自从做了某些题，反而迷糊起来。坚决不认为这是教小孩的好方法。

p.s.本系列学习笔记，另有1~2篇在整理中，近日集中在工作及论文而稍有延误。