《用户体验要素》读书笔记:要理解为何这样做产品

《用户体验要素》是一本实用类书,试图回答如何以用户体验为中心进行产品设计。作者通过构建自下而上的五层模型:战略层,范围层,结构层,框架层,表现层;来将以用户体验用户需求为中心的设计方式层次清晰的表达出来。并指出;一开始对战略层的深思熟虑,会帮助我们在整个产品设计中节约大量的时间。作者这本书写于pc时代,大多案例都是网站的建设。但是整个思考产品的思路,直到今天;都没有过时。一、 以用户体验为中心设计产品用户体验是指产品如何与外界发生接触,...

《用户体验要素》读书笔记:要理解为何这样做产品
《用户体验要素》是一本实用类书,试图回答如何以用户体验为中心进行产品设计。作者通过构建自下而上的五层模型:战略层,范围层,结构层,框架层,表现层;来将以用户体验用户需求为中心的设计方式层次清晰的表达出来。并指出;一开始对战略层的深思熟虑,会帮助我们在整个产品设计中节约大量的时间。

作者这本书写于pc时代,大多案例都是网站的建设。但是整个思考产品的思路,直到今天;都没有过时。

一、 以用户体验为中心设计产品

用户体验是指产品如何与外界发生接触,也就是用户如何接触和使用你的产品。这并不仅仅是你的产品外观如何设计,功能如何齐全;这些细节入微的细节,都显示出你做产品最本源的想法。

你为什么要做这个产品?你是否真的想过用户的所想和所需。

一个好的产品形态并不应该是功能特性而决定,而是”用户自身心理感受与行为”所决定的。
而当前;我们更多的是按照自己的喜好在做产品。

那如何以用户体验为中心设计产品呢?作者给出自己的模型答案。用户体验要素的五层设计模型

二、 五层模型

五层模型,通过分解以用户体验为中心的设计过程,更好的解决产品设计的问题。
从上而下分别是:

  • 表现层:如何将框架图以合适的视觉样式展现给用户

  • 框架层:如何将结构层的功能以符合用户使用习惯的方式在页面上呈现

  • 结构层:范围层确定的产品功能如何转化为有层次逻辑的产品

  • 范围层:战略层定义的产品目标和用户需求提供用那些功能承载

  • 战略层:产品目标和用户目标;我们想做什么;想给用户提供什么;我们为什么要做

下面逐一介绍下几个层次;以及在在我个人产品经验中现实中的分工大概如何。

2.1 战略层:目标

这一部分需要项目的产品经理或者领导经过一番调研工作后确定。

做一件产品,要回答两个问题。

  • 我们做这件产品的目标是什么?

  • 对应的用户需求是什么?用户能得到什么?

我们在项目开始的初始;团队的成员就要对此有 明确 的认识。 对战略明确的认识会在后面的过程中提供一把标尺;引导我们按照正确方向走。
因为我们越是明确知道用户想从我们这里获取什么,我们就能够更好的服务他们。

产品目标可以是商业目标,赚钱;可以是达到品牌宣传的目的。为了确保我们达到了目标,我们还要指定衡量的指标。

为了了解用户需求,我们就要对用户进行分析的调研。先通过市场营销的手段细分用户,找到产品真正的目标客群(这很重要;也需要很客观;避免陷入幸存者偏差);对在对用户进行场景化分析,以确定产品真正可能使用到的场景。

最后,这些需要落成文档;简介明了并切入要点。并让团队成员清晰的了解。

需要注意的是,战略并不是不可以修改。通过后续工作的开展;可以不断的演进。

2.2 范围层:为了达成目标要提供什么

依旧是产品经理要去想的事儿

我们确认了目标,就要想想要提供哪些给用户,能满足他们的这些需求,能达到我们的产品目标。

这一层你要做2件事:

  • 1 定义需求: 明白该做什么,不该做什么。

  • 2 定优先级: 明白什么是必须做的,什么可以缓一下。根据战略;技术实现难度时间成本来判断

然后同样的;我们需要把这些需求点记下来;但不是精细到细节;而是将可能存在冲突的点记下来。
作者提供了几个原则,值得参考:

  • 乐观:永远描述如何防止错误的事儿,引导用户做出正确的行为,而不是描述“不应该这么做”

  • 具体:一个功能点的具体要求要明确,因为不明确就会造成实现上的误解

  • 客观:描述尽量使用意义明确的场景

2.3 结构层:提供的功能如何完整的结构化流程化

产品经理的活;有经验的交互有时候也会提供意见

这就好比你把一个个确定好的功能点;整理成一个层次清晰的脑图。对每一个功能点需要一个完整流程图。

对结构是否有质量的的标准是:用户是否功能的每一个步骤都是合理的。

这里我们会产出一个可以给交互设计师的文稿。

2.4 框架层: 结构层的具体化

主要由交互设计师操刀;产品把控方向

这个阶段需要将结构层的变得清晰更加实在。在我们平时的产品设计中就是让交互出原型图。
(有时候;我们只有一个点子就让交互去做原型图;简直就是流氓啊)

  • 这个阶段,需要注意让设计尽量符合用户的习惯。

  • 要注意突出重点;让人一眼看到重点的部分。

  • 不要为了所有人的所有偏好做设计。(这与程序员要考虑所有异常不同)

  • 在合适的地方权衡利弊用合适的组件。

这里在平时的产品设计中会产生交互图;并交由视觉设计师;做表现层的设计。

2.5 表现层:框架层的感知化

视觉设计师主导;产品经理根据战略方向把控(你懂一些设计必要的)

将交互稿交给设计师,根据用户感知和战略方向,做出产品的最终呈现形态。
视觉设计师不能仅仅考虑美学问题;也要考虑视觉设计有没有破坏产品结构,有没有帮助更好的完成战略目标。

  • 好的视觉设计忠于眼球;用户的眼球移动路径流畅。

  • 通过差异和一致突出页面重点内容;但又不太杂乱。

  • 注意内部一致性(同一个页面的设计语言是否统一)和外部一致性(同一个公司的设计语言是否统一)

  • 配色和字体排版可以有差异化;不用为了统一而牺牲设计;但差异化要用户肉眼可以分别

最终这一阶段;我们会产出视觉稿;结合之前的PRD;产出可给开发提需求的需求文档。

三、一些听起来是废话的总结

这五个层面的设计是一个流程;也是一个思路。通过自下而上的设计流程,让产品设计遵循以用户为中心,先确定目标和用户需求,想清楚要为什么用户提供什么价值,再不断往上推进。保证我们不会走偏方向。在底层花的时间越多越充分,后期的流程应该越顺利,因为那些目标需求与价值都明确的记在心中。

但是科普过五层模型的人,却似乎大部分都不是这么做的。也许是他们并没有看完吧。

对于五层模型有两个注意点:

这个五个层面的设计;下层的改动一定会导致上层的设计的变动;而较高一个层的设计改动也要考虑到是否会影响到下一个层次。这种双向联动的效应是一个常识。我们要很注意。因为我们时常做到最后就忘记了我们最开始的目标是什么,或者说;因为上层的改动,已经无法实现我们最初的设想而不自知。

第二;五个层次的工作相连的部分略有重合是一种比较好的节奏;如果一味的要求我们把上一个层次的事儿的做完了;在做下一个层次的事儿;可能会导致一种你和用户都满意个割裂感。也就是说,考虑范围层面的时候,依旧可以对战略进行一定的调整。

最后;我提醒自己一直要记住:知道你在解决什么问题;并知道你为什么要这么做。

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36342/

(0)
交互精选交互精选
上一篇 2018-04-08
下一篇 2018-04-08

相关推荐

  • 交互系统和设计目标

    交互设计:是针对用户与产品之间的“交互行为”来进行设计。可以理解为对交互系统的设计。系统的概念系统可以类比为自然间的生态系统、人体的生物循环系统、公司也是一个系统。他主要有一下几个基本概念:1、系统是一个有机的整体,各个元素之间不可分割,相互作用构成系统。2、这个系统定具备明确的功能,可以用来完成某项任务或支持某些行为。3、系统的功能是由所有的要素共同支持的。4、系统的功能应是稳定的,在各种使用场景下,都能提供功能。5、系统的功能应具备...

    微信热点 2018-02-11
  • 读书会第二期:《用户体验要素》(上)

    《用户体验要素》的作者Jesse James Garrett是美国用户体验咨询公司Adaptive Path的创始人之一,2005年他发表了《Ajax:A New Approach to Web Applications》这篇文章,标志着Ajax的诞生,因此他在又被称为“Ajax之父”。《用户体验要素》的中文版第1版比英文版整整晚了6年,英文版在2001年就出了,国内常见的是2010年出版的中文版第2版,书里的概念在互联网设计界广为流传...

    2018-04-12
  • 【用户体验.春节特辑】我的家史馆,我的“义务”馆(总第267期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第267期使用我的家史馆APP以来,起初家谱树状图深深吸引了我,在不断完善添加家族成员的同时,越来越觉得只是单纯的成员图像和姓名显得很单薄,已不能满足我对家族每个成员的情感。想到我的后代、我的子孙后代将来看到的只是家族长辈的照片、姓名,这和见到一些陌生的照片姓名难道不一样吗?越想越觉得应该让家族人物更丰富起来。之后就仔...

    2018-02-21
  • 【媒体观察】“爆款”G一代,好品质给用户体验“上保险”

    春夏交替的四川地级市资阳,天气多变。但降温和阴雨,还是没能阻挡住中国西南最活跃经济区域,吊装用户的热情与期待。2018年4月23日,将近400位用户,来到了“徐工G能大咖&新产品交接仪式”现场。到场用户的业务范围、规模、设备不尽相同。其中既有已经开始“公司化”运营者,也有依靠零散数台吊车积累第一桶金的“拼搏者”;既有跟随上一轮热潮涌入的新手,也有从业十几年甚至几十年的“老司机”。虽然对市场的理解,对未来的规划各有所取,但谈及徐工G一代产...

    2018-04-29
  • 2018’IIDC信息与交互设计教学研修班开始报名了!

    点击信息与交互设计关注我们!资深教授的专业教学指导+行业专家的实际案例分享力求打造最有深度的课程培训5.10-5.12信息与交互设计专业委员会联合广州美术学院定于5月10日~12日在广州美术学院举办"信息与交互设计教学研修班"。本次研修班将特别邀请清华大学美术学院基础部主任、国家社科基金重大项目首席专家邱松教授就国家社科基金项目申报工作进行详细的解析与交流,同时邀请广州美术学院工业设计学院院长陈江教授;武汉理工大学艺术与设计学院副院长方...

    2018-04-20
  • 增强现实正在提升用户体验

    当苹果的CEO Tim Cook在一次季度财报电话会议上,向分析师说出“增强现实将会改变一切”这句话时,人们都感到了一丝震惊。而现在看来,库克对增强现实(AR)的评价似乎并没有过分夸大。事实上,增强现实技术正在为各种应用创造出一个全新的范例。毕竟,我们已经很快地从在电脑键盘上打字,“进化”到了用智能手机打字或滑动屏幕,又或者是用语音来告诉Alexa或Siri来帮我们做什么事。现在AR把我们带到了全息计算时代。Animoji、Pokémo...

    2018-03-28
  • 交互设计测试评估

    - END-作者  Rachel Xu欢迎将文章分享至朋友圈,拒绝转载~VUI进化论达尔文老爷爷说,你的语音交互设计该进化了~长按指纹 > 识别图中二维码 > 添加关注不关注,怎么进化~

    2018-04-18
  • 交互体验大升级 云视听极光3.0最新版本体验评测

    作为腾讯视频官方的电视端应用版本——云视听极光迎来了第三个大版本的更新:云视听极光3.0。在我之前的国内4大电视端视频应用软件的对比评测中我对云视听极光的老版本在交互体验上的感受只能用一般般来形容。这次的大更新官方声称对交互界面体验上针对用户需求和建议做了较大的改进,我也立马升级了软件进行了一番体验。让我们来看看云视听极光3.0在体验上到底如何吧。UI交互体验:界面设计进入软件就可以看到3.0版本的大变化,相比老版本,3.0的频道分类栏...

    2018-01-30
  • 关注用户体验的酒店设计永不过时

    目前110000+人已加入品筑设计位于德国巴登-巴登(Baden-Baden)的Roomers酒店,建筑的外观采用简洁的黑白灰格调,错落有致的立面构成,干净利落。建筑的外观采用简洁的黑白灰格调,干净利落、错落有致的立面构成。酒店共设有130间客房及套房,另外还有餐厅与酒吧、屋顶酒吧、500m²的水疗中心、户外花园、无边泳池等等。在精品酒店的设计中,越来越关注客人的亲身体验感,其中有几个重要的关键点:家的温馨感、艺术馆般的艺术气息、现代极...

    2018-04-10
  • 小优姐姐,大家都在说的交互设计,它日常工作内容究竟是啥?

    封面设计:vivien bertin每次亲朋好友来问我,做什么工作的啊?自豪的回答:交互设计然后然后就没有然后了。。。朋友每次看完俺的文章都会说很好啊还会给我打赏但是最后的最后会补充一句没看懂,太高深以及最近被一波接地气的央视海报刷屏大家纷纷表示看到了希望先来两张海报让大家感受一下连一向以严肃正经形象示人的央视好像被触发了某个开关变得越来越不正经亲切可爱咱们交互设计师是不是也要走下神坛来说说交互设计师每天那点事9:00查看邮件确认是否有...

    2018-01-31