两周前,在一家知名互联网媒体公司做内部沙龙交流。有朋友问我,做为产品设计、用户体验师或交互设计师,在设计网站时有哪些事情要做?
互联网发展到现在,各种产品形态种类繁多,眼花缭乱。但再复杂的网站都是由页面构成的,而无论什么样的页面,都只有两样东西需要考虑:一种是让人看的元素;另一种是让人操作的元素。我这样的解释比较通俗,也并没有很好的把概念抽象出来,目的是为了方便记忆。“让人用”和“让人操作”这两件事情,就是我们常说的信息设计和交互设计。
信息设计:
互联网虽然是个虚拟的世界,可我一直坚信任何互联网产品都可以找到现实版的映射。Win7新增的便签纸功能非常的方便,而它的现实版例证就是3M公司发明的及时贴产品。而设计类似京东商城的产品时,当我们无法找到正确的路径时,总会拿西单大悦城做类比。
不光产品可以映射,信息设计工作其实有点像现实中的杂志设计,编辑在制作一本杂志时。首先要在考虑各种因素后(包括:聆听用户、杂志定位、文章质量等),决定若干内容的排序和展现,例如:广告放在哪?名人的报道在第几页?专栏如何放?当这些问题解决后,还要考虑专栏放在某一个页面时,图文等元素如何排版。
总之,内容结构和内容布置的所有问题都可以归结为信息设计,也就是设计那些网站或页面中“让人看”的元素。信息架构是一门高深的学问,我只讲几点个人体会:
1.展现用户想看到的。页面中的信息,大部分要以用户为导向,用户想看什么,就提供什么。
2.展现你想让用户看到的。用户明确的需求一定要满足,但是很多人来到网站则只有预期没有需求,是来随便逛逛的。可以花些心思引导这部分人,把你最想给用户看到的内容展现出来。
3.符合人类的视觉系统习惯。人类的视觉是从左到右、从上到下的浏览习惯,眼球长时间看单一的文字,或单一的图片墙都会发生视觉疲劳等等。
交互设计:
交互设计指的是人机交互,人指用户,机就是网站系统。交互设计的工作量集中在能够被响应的区域。比如:超链接、按钮、输入框、单选多选、List选择等等,这些元素提供了人机交互的可能性,也就是所说的“能操作”的元素。交互功能是希望用户做某些事,或用户想达到下一个目标必须做的事情。
交互操作的成本是远高于流量页面的信息,所有转化率的损失是不可避免的。有一次看到某网站的首页,弹出率(用户只浏览了这一个页面就离开了)超过50%,我就对网站的产品人员和交互人员说只有两种可能:第一,网站根本找不到用户想要的;第二,交互设计太差,无法到下一步,于是选择离开。
1.别让用户思考。用户会说:你想让我做什么就直接告诉我吧。网站和软件是唯一没有说明书的产品(如果有说明书,也很少有人会看)。如果设计的交互功能不伦不类,用户研究了半天还是不知所云,那你就死定了。用户的离开是对糟糕交互设计的最大惩罚。
2.别让用户烦躁。5年前,在一个网站注册需要花超过5分钟,复杂的填写项目像是在办移民添表格一样,而且一旦填写错误,你就必须重来一遍。现在再去看看你能想到的网站吧,30秒钟就可以完成,只需要填写用户名和密码,其他类似生日、性别等“让人烦”的信息全部被去掉了。
产品经理或者交互设计师可以抽象出这部分是信息设计,那部分是交互设计,这样可以更好的分工和安排工作。但是用户全然不知这些,对用户来讲没有信息和交互的概念,每个网页对用户来说都是一个整体,要么满足需求、让我舒服,然后留下;要么不满足需求、让我烦躁,迅速离开。因此我们可以分开工作,但是从体验角度很多事情还是要统一考虑的。