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

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

相关推荐

  • 《王者荣耀》的操作交互设计研究

    《王者荣耀》是国内最成功的手机版MOBA类型游戏。MOBA从PC的辉煌延续到了手游,当时很多人唱衰手机上的MOBA,主要还是操作上的问题,手机上无法实现鼠标的快速精确定位。为了优化手机版MOBA,大家进行了各种尝试,有触摸点击型(虚荣),有双摇杆型、单摇杆型,最终单摇杆+技能副摇杆结合的《王者荣耀》一统江湖,现在很少有人说王者手感不好的,它的很多设定都成了现在MOBA游戏的标杆。这里,我们就一步步地分解看看,王者的操作手感是如何设计的。...

    2018-02-26
  • 如何利用人工智能提升用户体验?

    如果你现在在科技领域工作,那你对人工智能(AI)或用户体验(UX)肯定不陌生了。随着人工智能的不断进步,人工智能越来越不局限在开发者或数据科学家的领域。作为设计师/技术爱好者/企业家/创业者,开始或继续思考我们目前使用的设备是很重要的。为了改善生活,我们不应该局限于现状。我们应该从每件事物中寻找灵感,并把生活看做一个界面。Airbnb当你想到人工智能时,你第一个联想到的不只是出租房间或公寓。随着人工智能和数据驱动文化的发展,Airbnb...

    2018-02-24
  • 与经典艺术交互体验,迪士尼推出AR博物馆,“篡改”世界画作

    ——映维网——国际影响力VR信息数据平台文章相关引用及参考:vrscout怎样做到?用户能够通过移动设备扫描博物馆中的任何2D艺术品或者是书籍,然后实时更改颜色和色调。例如,你可以把《蒙娜丽莎》变成紫色的皮肤(映维网 2017年09月02日)迪士尼在2015年开发了一种可以通过实时纹理来创建彩色书籍的AR技术(一种捕获2D绘图来实时创建3D增强现实图像的过程)。自那以后,迪士尼将实时纹理技术发展成一个名为AR Museum的新AR应用程...

    2018-01-30
  • 【干货】关于交互设计那点事儿

    交互设计作为现在的热门行业之一就业前景和薪资待遇都很好今天我们就来聊聊交互设计那点事儿先来看一下关于交互行业概览和工作机会。金融公司(Bloomberg,CapitalOne)科技公司(Google,Facebook,Microsoft,Tencent)设计公司(NASN,government,NGO)我们所了解以上这些大名鼎鼎的公司,都是需要很多交互设计师的。那么用户体验设计师、交互设计师、UI设计师有什么区别用户体验设计师,就是我们...

    2018-04-21
  • 我为什么喜欢sketch?

    数十万互联网从业者的共同关注!作者:luffy微信公众号:麒麟设计中心(ID:luffydesign)作者授权早读课发表,转载请联系作者。欢迎投稿到早读课,投稿邮箱:mm@zaodula.com文章底部可以评论留言啦,欢迎大家赞同质疑或吐槽。积极留言的同学,注意关注小编的回复,不定期送互联网畅销书以感谢你们的支持,么么哒!Adobe XD出来了,第一时间试用,感觉除了repeat grid和hotspot好像没什么亮点。笔者是一名无线U...

    2018-04-09
  • 交互设计如何影响公司的发展

    在我的工作体验里,交互设计在公司,尤其是软件公司、互联网、智能家居/硬件公司里是非常非常重要的。好的交互设计师在公司里不仅会得到其他人的尊重和肯定,也会影响公司的重大决策。1.交互设计帮助留住用户交互设计的出发点是满足目标用户的需求、解决他们遇到的问题。它可以增加产品的易学性和易用性,提高效率。它使产品架构更合理,减少用户操作步骤,提高效率。同时,好的交互设计可以增强产品的趣味性,强化体验,帮助树立品牌形象。交互设计对于留住用户、增强用...

    2018-03-09
  • 做你老婆,用户体验真差

    洞见(DJ00123987)——不一样的新闻,不一样的故事,数百万人订阅的微信大号。点击标题下蓝字“洞见”免费关注,我们将为您提供有价值、有意思的延伸阅读。作者:青蓝来源:青蓝(ID: qinglansz)没错,这是一篇真诚的吐槽贴。鉴于各位直男的脑回路和女人差异较大,常常不能正确理解老婆大人的本意,今天我特意以你们最爱的电子产品——手机为例,给你们分析一下老婆们的用户体验。01. 外观差评,后盖鼓起,前屏磨花,说好的金属漆还掉了色。小...

    2018-03-25
  • 交互设计 | Tmall金妆奖 交互体验装置

    天猫金妆奖 · 体验交互装置中国上海· 3.04.2018***装置交互体验概念***Step 1: 待机状态Step 2: 装置检测到观众体验,即将展开体验流程Step 3: 系统提示拍摄区域Step 4: 实时检测体验者面部表情Step 5: 拍摄表情即将开始Step 6: 拍摄完成,正在为观众制作纪念卡***纪念卡设计***纪念卡/拍摄表情等级1:平静纪念卡/拍摄表情等级2:微笑纪念卡/拍摄表情等级3:开心纪念卡/拍摄表情等级4:...

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

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

    2018-05-07
  • 读书会第二期:《用户体验要素》(下)

    接上文···框架层1界面设计界面设计要做的全部事情就是选择正确的界面元素。界面元素的种类繁多,书里列举了复选框、单选框、文本框、下拉菜单、多选菜单、按钮等一系列网站设计中常用的控件,在2001年的时候这些控件就已经出现了,至今仍在大量使用,但是作者写这本书的时候并没有预料到目前的互联网行业有多么繁荣,所以近些年出现的很多新控件都没在书里。目前ios平台和安卓平台都有完善的设计规范可供参考,网上也可以找到海量的控件模板,只要耐心积累,多观...

    2018-04-13