文章目录[隐藏]
《用户体验要素》是一本实用类书,试图回答如何以用户体验为中心进行产品设计。作者通过构建自下而上的五层模型:战略层,范围层,结构层,框架层,表现层;来将以用户体验用户需求为中心的设计方式层次清晰的表达出来。并指出;一开始对战略层的深思熟虑,会帮助我们在整个产品设计中节约大量的时间。
作者这本书写于pc时代,大多案例都是网站的建设。但是整个思考产品的思路,直到今天;都没有过时。
一、 以用户体验为中心设计产品
用户体验是指产品如何与外界发生接触,也就是用户如何接触和使用你的产品。这并不仅仅是你的产品外观如何设计,功能如何齐全;这些细节入微的细节,都显示出你做产品最本源的想法。
你为什么要做这个产品?你是否真的想过用户的所想和所需。
一个好的产品形态并不应该是功能特性而决定,而是”用户自身心理感受与行为”所决定的。
而当前;我们更多的是按照自己的喜好在做产品。
那如何以用户体验为中心设计产品呢?作者给出自己的模型答案。用户体验要素的五层设计模型
二、 五层模型
五层模型,通过分解以用户体验为中心的设计过程,更好的解决产品设计的问题。
从上而下分别是:
-
表现层:如何将框架图以合适的视觉样式展现给用户
-
框架层:如何将结构层的功能以符合用户使用习惯的方式在页面上呈现
-
结构层:范围层确定的产品功能如何转化为有层次逻辑的产品
-
范围层:战略层定义的产品目标和用户需求提供用那些功能承载
-
战略层:产品目标和用户目标;我们想做什么;想给用户提供什么;我们为什么要做
下面逐一介绍下几个层次;以及在在我个人产品经验中现实中的分工大概如何。
2.1 战略层:目标
这一部分需要项目的产品经理或者领导经过一番调研工作后确定。
做一件产品,要回答两个问题。
-
我们做这件产品的目标是什么?
-
对应的用户需求是什么?用户能得到什么?
我们在项目开始的初始;团队的成员就要对此有 明确
的认识。 对战略明确的认识会在后面的过程中提供一把标尺;引导我们按照正确方向走。
因为我们越是明确知道用户想从我们这里获取什么,我们就能够更好的服务他们。
产品目标可以是商业目标,赚钱;可以是达到品牌宣传的目的。为了确保我们达到了目标,我们还要指定衡量的指标。
为了了解用户需求,我们就要对用户进行分析的调研。先通过市场营销的手段细分用户,找到产品真正的目标客群(这很重要;也需要很客观;避免陷入幸存者偏差);对在对用户进行场景化分析,以确定产品真正可能使用到的场景。
最后,这些需要落成文档;简介明了并切入要点。并让团队成员清晰的了解。
需要注意的是,战略并不是不可以修改。通过后续工作的开展;可以不断的演进。
2.2 范围层:为了达成目标要提供什么
依旧是产品经理要去想的事儿
我们确认了目标,就要想想要提供哪些给用户,能满足他们的这些需求,能达到我们的产品目标。
这一层你要做2件事:
-
1 定义需求: 明白该做什么,不该做什么。
-
2 定优先级: 明白什么是必须做的,什么可以缓一下。根据战略;技术实现难度时间成本来判断
然后同样的;我们需要把这些需求点记下来;但不是精细到细节;而是将可能存在冲突的点记下来。
作者提供了几个原则,值得参考:
-
乐观:永远描述如何防止错误的事儿,引导用户做出正确的行为,而不是描述“不应该这么做”
-
具体:一个功能点的具体要求要明确,因为不明确就会造成实现上的误解
-
客观:描述尽量使用意义明确的场景
2.3 结构层:提供的功能如何完整的结构化流程化
产品经理的活;有经验的交互有时候也会提供意见
这就好比你把一个个确定好的功能点;整理成一个层次清晰的脑图。对每一个功能点需要一个完整流程图。
对结构是否有质量的的标准是:用户是否功能的每一个步骤都是合理的。
这里我们会产出一个可以给交互设计师的文稿。
2.4 框架层: 结构层的具体化
主要由交互设计师操刀;产品把控方向
这个阶段需要将结构层的变得清晰更加实在。在我们平时的产品设计中就是让交互出原型图。
(有时候;我们只有一个点子就让交互去做原型图;简直就是流氓啊)
-
这个阶段,需要注意让设计尽量符合用户的习惯。
-
要注意突出重点;让人一眼看到重点的部分。
-
不要为了所有人的所有偏好做设计。(这与程序员要考虑所有异常不同)
-
在合适的地方权衡利弊用合适的组件。
这里在平时的产品设计中会产生交互图;并交由视觉设计师;做表现层的设计。
2.5 表现层:框架层的感知化
视觉设计师主导;产品经理根据战略方向把控(你懂一些设计必要的)
将交互稿交给设计师,根据用户感知和战略方向,做出产品的最终呈现形态。
视觉设计师不能仅仅考虑美学问题;也要考虑视觉设计有没有破坏产品结构,有没有帮助更好的完成战略目标。
-
好的视觉设计忠于眼球;用户的眼球移动路径流畅。
-
通过差异和一致突出页面重点内容;但又不太杂乱。
-
注意内部一致性(同一个页面的设计语言是否统一)和外部一致性(同一个公司的设计语言是否统一)
-
配色和字体排版可以有差异化;不用为了统一而牺牲设计;但差异化要用户肉眼可以分别
最终这一阶段;我们会产出视觉稿;结合之前的PRD;产出可给开发提需求的需求文档。
三、一些听起来是废话的总结
这五个层面的设计是一个流程;也是一个思路。通过自下而上的设计流程,让产品设计遵循以用户为中心,先确定目标和用户需求,想清楚要为什么用户提供什么价值,再不断往上推进。保证我们不会走偏方向。在底层花的时间越多越充分,后期的流程应该越顺利,因为那些目标需求与价值都明确的记在心中。
但是科普过五层模型的人,却似乎大部分都不是这么做的。也许是他们并没有看完吧。
对于五层模型有两个注意点:
这个五个层面的设计;下层的改动一定会导致上层的设计的变动;而较高一个层的设计改动也要考虑到是否会影响到下一个层次。这种双向联动的效应是一个常识。我们要很注意。因为我们时常做到最后就忘记了我们最开始的目标是什么,或者说;因为上层的改动,已经无法实现我们最初的设想而不自知。
第二;五个层次的工作相连的部分略有重合是一种比较好的节奏;如果一味的要求我们把上一个层次的事儿的做完了;在做下一个层次的事儿;可能会导致一种你和用户都满意个割裂感。也就是说,考虑范围层面的时候,依旧可以对战略进行一定的调整。
最后;我提醒自己一直要记住:知道你在解决什么问题;并知道你为什么要这么做。
原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36342/