《用户体验要素》为我们清晰地介绍了关于用户体验的五个要素,五个要素是按照产品的整个生命过程来描述的。
产品设计五要素分别是:战略层、范围层、结构层、框架层、表现层。
首先,在做一款产品之前,我们先尝试着问自己几个问题,问题分为以下3类:
1.为什么要做(战略层)
我们的用户是谁?解决用户的什么问题?产品定位是什么?产品的商业目标是什么?
2.怎么做(范围层)
采用什么功能和内容来达成目标。
3.做什么(结构层、框架层、表现层)
产品做成什么样子?可以用结构图、线框图、和高保真原型图来分别表示。
#1.战略层
就像毛主席说的,主义譬如一面旗帜。柳传志也说过,自己的领导力三要素就是:搭班子定战略带队伍。足可以看出战略思想的重要性。
整个产品周期很长,先定个战略,有规划,有指导思想,才能够好好做产品。比如,我们做产品总得定一个小目标吧?
(1)商业目标:比方说,先赚它一个亿。再比如,我们先干一年,目标积累100万用户(也好拉投资嘛对吧)。这就是我们的商业目标。
(2)用户需求:比方说,我们觉得有的用户打车困难,有的用户的汽车总是自己一个人开,浪费空间,所以我们想来个共享经济,做个滴滴,让没车的用户可以方便地做有车的用户的车。这就是我们的用户需求。
用户需求需要好好挖掘,可以通过问卷调查、访谈等各种方式挖掘用户的核心需求。为了避免我们的做法与用户需求有偏离,我们可以对用户进行分类,把典型的用户种类划分制作成用户画像Personal,甚至,我们可以把用户画像打印出来挂在墙上,以后做决定的时候时刻想着他们的需求,这样就不至于我们做出太过于偏离用户需求的决定。
商业需求是公司内部需求,用户需求是公司外在需求,它们共同组成战略层的核心内容。
#2.范围层
在上一步,我们把战略定好了,目标很美好,要么几百万用户,要么一年赚几个亿,那么,接下来是不是就该想想怎么做了呢。
我们的产品要有哪些功能?接着上面做滴滴打车的例子,我们要让用户能够提出出发地和目的地,就能够找到车,对不对?我们要让司机能够轻松地找到乘客对不对?我们要给他们提供便利的支付方式对不对?我们要让乘客和司机能够通过联系方式交流对不对?我们要能够动态地、实时地把最合适的乘客推荐给最合适的司机对不对?
上面描述了我们想做的产品功能,这就是范围层要考虑的,哪些功能要做,哪些功能不要做,哪些先做,哪些后做,写下来之后就变成需求文档了,以后开发的排期、优先级、做不做某个功能的时候产生纠结,都可以把之前写下来的需求文档搬出来。
在前面的战略层,解决的是为什么做的问题,在范围层,解决的是做什么的问题。那么,接下来结构层、框架层、表现层,都是解决怎么做的问题的。只是由抽象到具体,由框架到细节,步步推进的。
#3.结构层
在结构层,要考虑两个问题:“交互设计”和“信息架构”。
##(1)交互设计: 指的是针对用户的操作,产品要怎么反应来配合用户操作。
在这里有一个“概念模型”的概念,比如,我们做电商,有购物车,购物车的概念模型可以是现实中的购物推车,那么它就有往里面放东西、从里面移除东西等功能,那么在电商平台设计购物车的功能的时候,就可以对应着来考虑与用户的交互方式了。
尤其需要注意的一点,我们设计的交互方式不要与用户默认的思维习惯相背离,比如,在用户的脑海里,默认浏览器右侧的ScrollBar是用来上下滑动页面的,而你的产品把它设计为拉动ScrollBar以放大、缩小字体,这就会让用户很难接受,因为这与他们的脑海中的习惯不相符。
再比如,在移动设备上,我们习惯于通过点击来放大、缩小图片,习惯于通过手指上下滑动来浏览长图。而微博客户端Weico曾经推出一个版本,修改了这一用户行为习惯,使得用户很容易进行误操作。理所当然地,在后来的版本中,Weico也将操作方式改回了大家习惯的方式。
尽管我们说,交互设计要遵循用户的默认习惯。如果我们对用户的行为习惯有了深刻的研究,以至于我们认为我们比用户更了解自己,我们设计的操作方式是最适合用户的。那么我们可以尝试推广自己的交互设计方式,慢慢培养用户习惯。当然,这是需要时间和代价的。
##(2)信息架构: 信息的组织方式。
我们的产品肯定有很多内容,那么这些内容应该怎么组织起来,让用户觉得好用、易用呢。比如操作文件夹的时候,我们总见过打开一个文件,再嵌套另一个文件夹,再嵌套另一个文件···一下嵌套十来层的文件夹组织方式,令人不厌其烦。在进行信息架构的时候,我们可以把自己的一个个的产品内容当做一个节点node,然后将这些节点有序的组织起来。具体的结构方式有层级结构、矩阵结构、自然结构、线型结构等,我们可以根据自己的产品特点来进行针对性的设计。
#4.框架层
经过了上面的结构层,我们可以看到,我们只是对产品的交互方式和内容组织方式进行了一个大概的设计。那么在框架层,就需要进一步地进行设计了。在框架层,包含:界面设计、导航设计、信息设计。
(1)界面设计:界面设计要做的就是选择合适的界面交互控件,这些控件既能够让用户易于理解其含义,又能够让用户借助于此来圆满完成任务。
(2)导航设计:导航设计要做的就是让用户在使用产品的时候有位置感,让用户知道自己在什么位置,知道下一步可以到哪里去,知道上一步怎么返回,避免让用户有云里雾里的感觉。具体而言,索引表、网站地图、导航链接、当前位置导航信息等,都可以是导航设计的一部分。
(3)信息设计:信息设计要做的就是怎么把各种设计元素粘合在一起,怎么把它们呈现出来,让用户很好地理解和使用它们。
在产品设计中,有一个很重要的概念:线框图。线框图可以说是上述的界面设计、导航设计、信息设计的三者的结合,是产品的雏形和大体形态。需要注意的是,线框图与产品原型略有差别,原型是对线框图的更细致描述的产品体现,原型要求必须有交互,而线框图则可以是静态的,没有交互也可以。
#5.表现层
表现层:将内容、功能和美学汇集到一起产生一个最终设计,完成其它四层所有目标,并同时满足用户的感官感受。
- 在表现层的视觉实际中,我们用于吸引用户的一个主要工具就是对比(contrast)。对比能帮助用户理解页面导航元素之间的关系。在设计中需要保持一致性(uniformity),这使得我们的设计可以有效传达出信息,并不会致使用户迷惑。
- 此外需要保持内部和外部设计的一致性。选择合适的互补的不冲突的配色方案。并设计视觉模型和风格指南。
- 表现层是用户真真切切地可以感受到的产品外在。这是离用户最近的。在这一层,可以通过设计产品的配色方案、排版、对比、风格统一,充分研究和使用用户的感知方式(嗅觉、味觉、触觉、视觉、听觉等),将产品的风格完整呈献给用户。
#6.核心思想汇总
前文已基本上完成了对五层体验要素的解读,但还有很多细节未能涵盖在内,一些关键细节:
1.要足够了解用户,可以通过用户调研的一些方法来实现。
2.产品易于被用户理解,交互流程符合用户的习惯,概念模型没有歧义,最好做到用户不思考。
3.开发产品的每一步,都得考虑用户的理解和使用场景以及对最终产品的影响。
4.知道要做什么,也要知道不要做什么(边界),并排序需求优先级。
5.内部产品说明文档,要具体明确,最好能有数字指标。
6.交互设计和信息架构要符合用户的思考方式,特别是直觉。
7.按“用户的思路”和“支持任务和目标”的方式来分类和排列信息。
8.表现层要为尽可能为用户提供指引,同时考虑配色方案、排版和字体。
9.任何一步的设计都要围绕网站目标和用户需求。