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

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

相关推荐

  • 善用Axure写PRD:产品逻辑的五种呈现方法

    每天一篇好文章,2018年第2期不管是APP、web网站还是pc客户端的软件,流程&页面&交互&逻辑始终是最重要的几环,分享一下我呈现逻辑的几种方法,大部分PM应该也采用过类似的方法。一、直接不写逻辑最开始根本没有写逻辑的概念,只是用交互事件加上基本的页面跳转。当技术童鞋来问的时候,口述给他。经常会被鄙视。二、直接写到页面里开始学乖了,把一些逻辑直接写到页面里。不过很快就发现了弊病,某些逻辑不应该呈现给用户,只能给前后端童鞋看。同时也造...

    2018-03-27
  • 阿里UED:优秀阿里设计师如何养成

    编者按:一个优秀的专业交互设计师该具备哪9个素质?一个完整的交互设计流程该经历哪12个阶段?今天阿里的交互设计师从零开始一一帮你解答这两个问题,非常适合新人入门哟。一直以来,交互设计师都是一个受到广泛质疑的岗位,很多人不了解交互设计师的价值,更直接的说,我们大多数的交互设计师没有表现出足够的、令人信服的专业度。大约五年前选择了这个职业,一路走来,质疑过、探讨过,也争辩过。和很多交互设计师一样,我也有过盲目自信和茫然失措,历经时间的鞭挞后...

    2018-03-09
  • 看世界之Google对话式交互设计规范

    目录序言1.对话式用户界面及其重要性2.建立友好用户界面的关键-理解对话如何进行设计实践3.设计原则与方法论4.设计走查5.设计检查表6.用户界面工具包最佳实践7.像你的用户一样...有合作精神(待翻译)8.解锁口语的力量(待翻译)9.通过确认逐渐给用户信心(待翻译)10.对话中是没有错误的(待翻译)1.对话式用户界面及其重要性我们已经进入全新并且充满希望的计算机时代,机器学习和人工智能的进步使得对话式界面和自然语言处理得以兴起,通过技...

    2018-02-24
  • 在007里的用户体验是“爽”还是“不爽”

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

    2018-04-11
  • 【交互设计排名】SKD独家 | 美国交互设计排名

    Alias工业设计点击关注 和工业设计做朋友关注数模师  JACKAlias建模学习ALias建模咨询加好友你心目中的交互设计是什么样的 ?也许Google这个产品所创造的场景是你所畅想的交互设计可以被认为是当下最热门的专业,受热捧的程度可以和金融媲美。但是,你真的了解开设这个专业的院校吗?每个院校之间的差异和设置有什么不同?SKD根据院校开设的课程设置、专业排名,特邀我们资深的教研团队根据对自身院校的了解、利用兄弟院校的校友资源、以及...

    2018-04-08
  • 从单线走向双线,第三代用户体验即将到来?

    双十一在即,加之今年的新零售狂潮,零售业从线上到线下可以说纷纷摩拳擦掌。京东天猫剑指双十一已是老生常谈,值得注意的是,今年的双十一迎来了更多样化的全民购物盛事,比如飞凡推出的“2017飞凡狂逛节”。据了解,与京东天猫等电商大促有所区别的是,“2017飞凡狂逛节”重点是线下逛,与众多剁手党网上拼杀对比,着实令人耳目一新。新零售改革加速,用户体验核心发生质变可喜的是,我们看到零售业巨头和创业者们都在深挖线下。比如今年爆红的无人便利店和无人货...

    2018-02-03
  • 《用户体验可视化指南》视频讲书(1)

    我们选择了人民邮电出版社2018年出版的《用户体验可视化指南》作为第一本,带着大家啃书。原因是这本书真的非 常 好,好到可以成为用户体验设计和研究领域的大辞典了。作者引经据典,却因为篇幅受限,很多没有详细展开。不知前因后果的读者,因此会错过很多有意思的观点。所以UXREN为你详细拆解《用户体验可视化指南》,每次10-20分钟,3首歌曲的时间,日积月累,透彻理解经典书籍。第1期: 前言《用户体验可视化》前言部分,介绍了为什么会提出共线图(...

    2018-03-27
  • 用户体验与结婚教练

    我的朋友文敏,在做一个工作——结婚教练。具体就是指导30岁以上,下定决心要结婚的女生,如何在一年半之内搞定结婚。而且她的这套方法,已经帮助30多个30多岁的女生结婚了。我就很好奇,想了解她的核心方法,然后发现,几乎她是严格按照产品方法论,来培训想结婚的熟女,如何做判断、做交互、做优化。而判断、交互和优化三者,判断肯定是第一位的。古人云“男怕入错行,女怕嫁错郎”。第一步的判断和选择,决定了一个人在一个点线面体上的位置。而她做判断的方法,基...

    2018-02-02
  • 只会简单的Axure操作?6周5次实战,让你做出能拿去面试的原型

    昨天跟一位自学Axure、产品工作半年的朋友聊天,蛮感慨的。她遇到的问题,也是蛮多自学Axure的朋友遇到的问题。你是否也有同样的问题?除了原型图不标准不美观,还深受效率低、交互弱的困扰你也有这位同学的困扰,想快速提升axure能力,做出标准原型、高保真原型?推荐起点学院&腾讯课堂联合打造给产品经理的Axure课程已有2000多位同学学习,学习效果显著Axure零基础也能学,学完画出规范原型产品思维和交互贯穿全程,学完告别画图经理如果你...

    2018-05-07
  • 学交互设计,怎样选择到适合自己的学校?

    欢迎关注弗斯特国际艺术教育出国留学选择学校,哪些会成为你的考虑因素?学校名气超大,排名都是top级?明星校友超多,都是艺术大佬?学校位置超好,正居于市中心?校园环境超美,好似旅游学习?不得不说这些会成为许多学生和家长,在选择目标院校时经常考虑的一些因素。排名、明星校友、地理位置,可以作为参考依据。BUT!这些不能是最终的决定因素,最重要的还是自己对专业的最终追求。交 互 设 计 详 解交互设计又称互动设计,英文名称为Interactio...

    2018-04-03