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

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

相关推荐

  • 在007里的用户体验是“爽”还是“不爽”

    有一天在微信上和007社群的班级一位同学聊天,一通天南海北的乱扯后,话题就回到007这个社群上了,因为这段时间我参与007社群的一些活动,对这个话题特别敏感,然而他却流露出对这个社群的很多不满意,我们之间的一段对话让我思考了很久很久。对了,这两天你看了你们小组的信息了吗?小组信息?刚看,不过我最近在考虑要不要直接退出007,感觉没意思,也啥时间整这些了。那你当初为啥参加007啊?没啥,就是觉得应该养成一个写作的习惯以及可以认识一些稍微志...

    2018-04-11
  • 交互设计|回复评论功能设计

    力匕小2在思考简单可行的产品方法论阝勹廴匚之前已经写过两篇有关评论的文章了,最近再次设计评论功能,发现“回复评论”的交互设计也有很多细节值得体会,而之前的两篇文章没有提到,所以这篇文章就来分享下“回复评论”的交互设计。我们首先来看下几种评论的展示位置。1. 内容详情页展示全部评论内容如果你的内容比较单一,比如就是一篇文章,而评论内容又比较丰富,浏览性又很高,那么评论内容可以完全展示在内容下方,比如微博的每条微博详情页,今日头条、36氪、...

    2018-03-02
  • 交互设计中的情感化!

    文/金雅庆UI即User Interface 用户界面的简称。UI设计是指设计人和产品或服务互动的一种机制 , 以用户体验为基础进行的人机交互设计是要考虑用户的背景、使用经验以及在操作过程中的感受,从而设计符合最终用户的产品,使得最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。交互设计是一种如何让产品易用,有效而让人方便的技术,它致力于了解目标用户和他们的期望,了解用户在同产品交互时彼此的行为,了解“人”本身的心理...

    2018-03-09
  • Sketch导入图片丢色、变白解决方案

    周五晚上回家作图遇到点状况,折腾了半天才好。整理一下发出来,估计有人用得上。以下内容为磨磨叽叽的瞎逼逼顺序,着急解决问题的同志可以快速下滑,会有提示周五到家日常打开电脑作图,做的做的发现不对劲,之前导入进来的图片好像不正常了。如下图一开始还以为是不小心降低了透明度,cmd+左键,发现没降。再想可能是加了纯色,看了一眼属性,也没有叠加颜色。醉了,这什么鬼。我一看既然不成那就算了。重新再导入一张图片,这张后入的是好的。没当回事,接着做图。过...

    2018-04-25
  • 微信交互设计

    微信交互设计看点01一:交互设计(Interaction Design简称ID)在使用网站(软件、产品、各种服务)的时候,使用过程中的感觉就是一种交互体验。情感化交互设计意义:人机交互的发展趋势,会让用户感到更加亲切,自然.体现:交互界面(视觉),交互功能特质(感情),交互操作方式(惊喜)二:温暖感诉求(孤独和希望的对比||现实和理想的对比)登录页面====用心经营,寻找温暖感发现页面(朋友圈、扫一扫、摇一摇、附近的人)简单感诉求联系老...

    2018-03-17
  • 【干货】2018年APP交互设计趋势

    全感官体验人有五感,强化体验记忆的最有效方式就是五感相结合。看见、听见信息已成为体验常态,而更真切的感知信息是用户体验升级的客观诉求,全感官体验能更好的打造“身临其境的沉浸式”体验印象。2018年我们将会看到更多以虚拟+实体组合的全感官体验方式,用户在交互过程中获取更多维的与真实场景匹配的信息反馈(听觉、嗅觉、触觉等),加深对信息的理解和体验记忆。运用案例全感官体验目前在游戏领域有了较为广泛的探索。《星舰指挥官》一改沿用十几年的鼠标,键...

    2018-02-18
  • 在WEB/UI的交互设计中运用格式塔心理学理论

    UI或UX分析需求主要是以人机交互界面为主,而这个需求不仅仅是一些设计、视觉使用体验,在这里体验当中,我们可适当运用一些心理学,比如格式塔理论就是一个很好的分析法。[图片]格式塔学派是心理学重要流派之一,兴起于20世纪初的德国,又称为完形心理学。由马科斯·韦特墨(1880-194

    微信热点 2018-02-04
  • 如何创建用户体验地图

    许多公司尽管怀中最美好的愿景、掌握庞大的数据,却依然只能给他们的用户提供乏善可陈、平淡无奇的产品体验。这归咎于他们以聚焦内部、脱离用户的方式做产品,缺乏对用户的关注。他们未意识到用户对其产品的每一次体验都会影响用户的体验满意度、品牌忠诚度和忍耐底线。如果使用用户体验地图(Customer Journey Map),则能够很好地描绘出用户在体验产品时的情绪 变化,并以此对产品进行优化。通过体验地图的项目,我们发现了很多产品的优化方向。下面...

    2018-02-01
  • 用户体验才是真正的“一句顶一万句” 安徽燕之坊食品公司用勤哲软件实现生产、经营和管理数据的互联互通

    统计数据显示,截止2017年底,国内食品工业企业超过4万家,主营业务收入占全国工业的比重十分之一强。在实施制造强国战略和推进健康中国建设中,食品工业作为传统的“以食为天”的民生产业占据着不可或缺的重要位置。当前,食品行业在实现快速发展的过程中,面对城乡居民安全、多样、健康、营养、方便的食品消费需求时,与其他行业一样面临着转型、升级的动能和压力。尤其是在食品质量安全水平和高品质食品有效供给方面,利用现代信息技术创新消除安全和质量隐患等领域...

    2018-02-11
  • 清华美院交互设计考研经验分享:考试要懂得“扬长避短”

    2018年清华美院交互设计-黎娜大家好,我叫黎娜,我本科毕业于广州美术学院工业产品设计系。产品设计主要是偏向于生活家居类的小产品。我大概是在去年快毕业的那段时间第一次从考研的同学那里了解到“信息艺术设计交叉学科”,2017年6月底就决定报考这个专业。接下来我想与大家分享的是自己的一些备考经验,希望能对你们有一些帮助。第一部分是关于专业一“上机”考试。我认为上机考试最重要的两部分分别是app和ppt。  app的练习方法有很多,这里我想分...

    2018-04-23