发现网页中的信息与交互

两周前，在一家知名互联网媒体公司做内部沙龙交流。有朋友问我，做为产品设计、用户体验师或交互设计师，在设计网站时有哪些事情要做？

互联网发展到现在，各种产品形态种类繁多，眼花缭乱。但再复杂的网站都是由页面构成的，而无论什么样的页面，都只有两样东西需要考虑：一种是让人看的元素；另一种是让人操作的元素。我这样的解释比较通俗，也并没有很好的把概念抽象出来，目的是为了方便记忆。“让人用”和“让人操作”这两件事情，就是我们常说的信息设计和交互设计。

信息设计：

互联网虽然是个虚拟的世界，可我一直坚信任何互联网产品都可以找到现实版的映射。Win7新增的便签纸功能非常的方便，而它的现实版例证就是3M公司发明的及时贴产品。而设计类似京东商城的产品时，当我们无法找到正确的路径时，总会拿西单大悦城做类比。

不光产品可以映射，信息设计工作其实有点像现实中的杂志设计，编辑在制作一本杂志时。首先要在考虑各种因素后（包括：聆听用户、杂志定位、文章质量等），决定若干内容的排序和展现，例如：广告放在哪？名人的报道在第几页？专栏如何放？当这些问题解决后，还要考虑专栏放在某一个页面时，图文等元素如何排版。

总之，内容结构和内容布置的所有问题都可以归结为信息设计，也就是设计那些网站或页面中“让人看”的元素。信息架构是一门高深的学问，我只讲几点个人体会：

1.展现用户想看到的。页面中的信息，大部分要以用户为导向，用户想看什么，就提供什么。

2.展现你想让用户看到的。用户明确的需求一定要满足，但是很多人来到网站则只有预期没有需求，是来随便逛逛的。可以花些心思引导这部分人，把你最想给用户看到的内容展现出来。

3.符合人类的视觉系统习惯。人类的视觉是从左到右、从上到下的浏览习惯，眼球长时间看单一的文字，或单一的图片墙都会发生视觉疲劳等等。

交互设计：

交互设计指的是人机交互，人指用户，机就是网站系统。交互设计的工作量集中在能够被响应的区域。比如：超链接、按钮、输入框、单选多选、List选择等等，这些元素提供了人机交互的可能性，也就是所说的“能操作”的元素。交互功能是希望用户做某些事，或用户想达到下一个目标必须做的事情。

交互操作的成本是远高于流量页面的信息，所有转化率的损失是不可避免的。有一次看到某网站的首页，弹出率（用户只浏览了这一个页面就离开了）超过50%，我就对网站的产品人员和交互人员说只有两种可能：第一，网站根本找不到用户想要的；第二，交互设计太差，无法到下一步，于是选择离开。

1.别让用户思考。用户会说：你想让我做什么就直接告诉我吧。网站和软件是唯一没有说明书的产品（如果有说明书，也很少有人会看）。如果设计的交互功能不伦不类，用户研究了半天还是不知所云，那你就死定了。用户的离开是对糟糕交互设计的惩罚。

2.别让用户烦躁。5年前，在一个网站注册需要花超过5分钟，复杂的填写项目像是在办移民添表格一样，而且一旦填写错误，你就必须重来一遍。现在再去看看你能想到的网站吧，30秒钟就可以完成，只需要填写用户名和密码，其他类似生日、性别等“让人烦”的信息全部被去掉了。

产品经理或者交互设计师可以抽象出这部分是信息设计，那部分是交互设计，这样可以更好的分工和安排工作。但是用户全然不知这些，对用户来讲没有信息和交互的概念，每个网页对用户来说都是一个整体，要么满足需求、让我舒服，然后留下；要么不满足需求、让我烦躁，迅速离开。因此我们可以分开工作，但是从体验角度很多事情还是要统一考虑的。