《用户体验要素》:一张图读懂用户体验五要素

《用户体验要素》是一本讲产品的好书,作者为我们清晰地介绍了关于用户体验的五个要素,五个要素是按照产品的整个生命过程来描述的。产品设计五要素分别是:战略层、范围层、结构层、框架层、表现层。《用户体验要素》说这本书清晰,是因为五个要素很清楚,按逻辑步骤总结出来的。但,这也是这本书唯一清晰的地方了,因为,这本书在细节描述上还是很凌乱的。产品设计五要素对于读这本书而言,能够领会作者的思想就可以,不必要拘泥于具体的细节。原因有二:一是,这本书的细...

《用户体验要素》:一张图读懂用户体验五要素

《用户体验要素》是一本讲产品的好书,作者为我们清晰地介绍了关于用户体验的五个要素,五个要素是按照产品的整个生命过程来描述的。

产品设计五要素分别是:战略层、范围层、结构层、框架层、表现层。

《用户体验要素》:一张图读懂用户体验五要素

《用户体验要素》


说这本书清晰,是因为五个要素很清楚,按逻辑步骤总结出来的。但,这也是这本书唯一清晰的地方了,因为,这本书在细节描述上还是很凌乱的。


《用户体验要素》:一张图读懂用户体验五要素

产品设计五要素

对于读这本书而言,能够领会作者的思想就可以,不必要拘泥于具体的细节。原因有二:一是,这本书的细节描述并不是那么清楚,也不是那么条例;二是,要讲产品生命中的所有细节,也不是这一本小册子可以描述清楚的,而且更多地需要实践积累。

本文将用一张简洁、明了的流程图,配上接地气的文字,对书本的内容做一个梳理,通过总结,来让我们更好地领会思想。

首先上图:

《用户体验要素》:一张图读懂用户体验五要素

一张图读懂《产品设计要素》

首先,在做一款产品之前,我们先尝试着问自己几个问题,问题分为以下3类:

(1)为什么做?

我们要做的产品是干什么的,为用户解决什么问题?我们做的产品以后怎么赚钱,或者不赚钱,我们总得得到什么好处吧?

(2)做什么?

我们的产品要有哪些功能?

(3)怎么做?

我们的产品具体做成什么样子?

好了,《用户体验要素》的作者就是来回答产品过程中的这3个问题的。按照流程图,我们往下走。

1

战略层

 

就像毛主席说的,主义譬如一面旗帜。柳传志也说过,自己的领导力三要素就是:搭班子定战略带队伍。足可以看出战略思想的重要性。

整个产品周期很长,先定个战略,有规划,有指导思想,才能够好好做产品。比如,我们做产品总得定一个小目标吧?

(1)商业目标:比方说,先赚它一个亿。再比如,我们先干一年,目标积累100万用户(也好拉投资嘛对吧)。这就是我们的商业目标。

(2)用户需求:比方说,我们觉得有的用户打车困难,有的用户的汽车总是自己一个人开,浪费空间,所以我们想来个共享经济,做个滴滴,让没车的用户可以方便地坐有车的用户的车。这就是我们的用户需求。

用户需求需要好好挖掘,可以通过问卷调查、访谈等各种方式挖掘用户的核心需求。为了避免我们的做法与用户需求有偏离,我们可以对用户进行分类,把典型的用户种类划分制作成用户画像Personal,甚至,我们可以把用户画像打印出来挂在墙上,以后做决定的时候时刻想着他们的需求,这样就不至于我们做出太过于偏离用户需求的决定。

商业需求是公司内部需求,用户需求是公司外在需求,它们共同组成战略层的核心内容。

2

范围层

 

在上一步,我们把战略定好了,目标很美好,要么几百万用户,要么一年赚几个亿,那么,接下来是不是就该想想怎么做了呢。

我们的产品要有哪些功能?接着上面做滴滴打车的例子,我们要让用户能够提出出发地和目的地,就能够找到车,对不对?我们要让司机能够轻松地找到乘客对不对?我们要给他们提供便利的支付方式对不对?我们要让乘客和司机能够通过联系方式交流对不对?我们要能够动态地、实时地把最合适的乘客推荐给最合适的司机对不对?

上面描述了我们想做的产品功能,这就是范围层要考虑的,哪些功能要做,哪些功能不要做,哪些先做,哪些后做,写下来之后就变成需求文档了,以后开发的排期、优先级、做不做某个功能的时候产生纠结,都可以把之前写下来的需求文档搬出来。

在前面的战略层,解决的是为什么做的问题,在范围层,解决的是做什么的问题。那么,接下来结构层、框架层、表现层,都是解决怎么做的问题的。只是由抽象到具体,由框架到细节,步步推进的。

3

结构层

 

在结构层,要考虑两个问题:“交互设计”和“信息架构”。

(1)交互设计指的是针对用户的操作,产品要怎么反应来配合用户操作。

在这里有一个“概念模型”的概念,比如,我们做电商,有购物车,购物车的概念模型可以是现实中的购物推车,那么它就有往里面放东西、从里面移除东西等功能,那么在电商平台设计购物车的功能的时候,就可以对应着来考虑与用户的交互方式了。

尤其需要注意的一点,我们设计的交互方式不要与用户默认的思维习惯相背离,比如,在用户的脑海里,默认浏览器右侧的ScrollBar是用来上下滑动页面的,而你的产品把它设计为拉动ScrollBar以放大、缩小字体,这就会让用户很难接受,因为这与他们的脑海中的习惯不相符。

《用户体验要素》:一张图读懂用户体验五要素

scrollbar

再比如,在移动设备上,我们习惯于通过点击来放大、缩小图片,习惯于通过手指上下滑动来浏览长图。而微博客户端Weico曾经推出一个版本,修改了这一用户行为习惯,使得用户很容易进行误操作。理所当然地,在后来的版本中,Weico也将操作方式改回了大家习惯的方式。

《用户体验要素》:一张图读懂用户体验五要素

weico

尽管我们说,交互设计要遵循用户的默认习惯。如果我们对用户的行为习惯有了深刻的研究,以至于我们认为我们比用户更了解自己,我们设计的操作方式是最适合用户的。那么我们可以尝试推广自己的交互设计方式,慢慢培养用户习惯。当然,这是需要时间和代价的。

(2)信息架构是指信息的组织方式。

我们的产品肯定有很多内容,那么这些内容应该怎么组织起来,让用户觉得好用、易用呢。比如操作文件夹的时候,我们总见过打开一个文件,再嵌套另一个文件夹,再嵌套另一个文件···一下嵌套十来层的文件夹组织方式,令人不厌其烦。在进行信息架构的时候,我们可以把自己的一个个的产品内容当做一个节点node,然后将这些节点有序的组织起来。具体的结构方式有层级结构、矩阵结构、自然结构、线型结构等,我们可以根据自己的产品特点来进行针对性的设计。

4

框架层

 

经过了上面的结构层,我们可以看到,我们只是对产品的交互方式和内容组织方式进行了一个大概的设计。那么在框架层,就需要进一步地进行设计了。在框架层,包含:界面设计、导航设计、信息设计。

(1)界面设计:界面设计要做的就是选择合适的界面交互控件,这些控件既能够让用户易于理解其含义,又能够让用户借助于此来圆满完成任务。

(2)导航设计:导航设计要做的就是让用户在使用产品的时候有位置感,让用户知道自己在什么位置,知道下一步可以到哪里去,知道上一步怎么返回,避免让用户有云里雾里的感觉。具体而言,索引表、网站地图、导航链接、当前位置导航信息等,都可以是导航设计的一部分。

(3)信息设计:信息设计要做的就是怎么把各种设计元素粘合在一起,怎么把它们呈现出来,让用户很好地理解和使用它们。

在产品设计中,有一个很重要的概念:线框图。线框图可以说是上述的界面设计、导航设计、信息设计的三者的结合,是产品的雏形和大体形态。需要注意的是,线框图与产品原型略有差别,原型是对线框图的更细致描述的产品体现,原型要求必须有交互,而线框图则可以是静态的,没有交互也可以。

《用户体验要素》:一张图读懂用户体验五要素

线框图

5

表现层

 

表现层是用户真真切切地可以感受到的产品外在。这是离用户最近的。在这一层,可以通过设计产品的配色方案、排版、对比、风格统一,充分研究和使用用户的感知方式(嗅觉、味觉、触觉、视觉、听觉等),将产品的风格完整呈献给用户。
作者:赞德

你喜欢以下文章  
设计师的信息架构基础知识
如何帮助用户防错-交互设计中的“无意识错误”
为增强产品的用户体验,UI设计师会做哪些工作?
创建优秀UI的7条准则

 关于UPP

UPP是以用户体验为核心的设计咨询服务公司,致力于用标准化的设计服务提高客户产品的用户体验、品牌价值和商业价值。

UPP的模式是与IT软件服务伙伴共建UED团队,共享UED成果,共赢未来服务收益,深度服务行业客户,共同打造和沉淀行业解决方案标准化体系。

《用户体验要素》:一张图读懂用户体验五要素

《用户体验要素》:一张图读懂用户体验五要素

点击“阅读原文”  上优豹网  设计师必备网站!

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

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

相关推荐

  • 用户体验升级:《部落冲突》VS《竞逐之国:毁灭时代》

    原文作者:Om Tandon‘用户体验设计’是电子游戏产品的关键组成部分之一,随着手游产业的发展和智能手机的普及,人们接触的手游越来越多,现有的手游体验对多数玩家来说已经不再陌生。为了在同类产品中建立优势,开发者需要不断实现创新,改进并突破这种体验,从而为用户创造新的价值。与上市时间较长的同类手游《部落冲突》相比,Space Ape的RTS新作《竞逐之国:毁灭时代》在用户体验方面实现了突破。我们将两者的‘首次用户体验’、‘编辑模式&基地...

    2018-03-09
  • 随想:智能车人机交互设计三要素

    BYTON拜腾标志性的共享体验屏和触摸式方向盘近期会总结下自己对智能车、自动驾驶人机交互相关的思考,很碎片,想到哪总结到哪。今天先写智能车相关的内容。这里的智能车先缩小范围到还需要人类驾驶员的智能网联汽车。1、总结之前,有个疑问。我很想知道各大车企在研发测试智能车的时候,是否有认真、大量地拿真实用户、真实场景,而非实验室场景去测试其诸如中控大屏这样的智能产品/功能?在我的印象里,或许车企更多的测试依旧在传统意义上汽车这一交通工具的性能、...

    2018-04-22
  • 谈谈用户体验与风控的平衡性

    先翻翻旧文从反反鸡汤谈过犹不及从受众目标,再谈过犹不及其实今天是这两篇的引申。之前我说过很多创业者容易犯的错误,过度理想主义,把用户当作好人,我说过一个关键词,不能说坏用户一定很多,可能坏用户真的只有1%,但很可能一个坏用户的破坏,可以抵销一百个好用户的创造,这是很常见的创业的困境,因为很小的疏忽,导致极大的损失。所以,一些毫无经验的创业者,要有这方面的意识,至少思想上要有风控这个概念,要知道如何规避和防范坏的事情,不要过于理想主义。但...

    微信热点 2018-05-04
  • 写给产品经理和设计师的用户体验知识

    从2015年起,我陆续写了《写给产品经理和设计师的用户体验知识》系列文章,得到了大家的肯定,此篇文章是这个系列的最后一篇文章,算是给这个系列画上句号。作者:刘涵宇腾讯高级产品经理1用户场景用户场景这东西,或许每一个产品经理和设计师每天都在用,但我查了很多资料,还真的很难找到一个准确的定义。所以,我试图结合我自己的理解,自己去定义它。我认为用户场景有两层属性,分别是:「工具属性」和「思维属性」。用户场景首先是一种对过程逻辑的阐述方法,简单...

    2018-04-19
  • 做你家孩子,用户体验真差

    静静的读书,岁月不会骗你回复“晚安”,告诉你一个真相上周末去一个前辈家做客,她儿子才八岁。我去的时候他坐在书房写作业。看到我来了,前辈立马把他召唤出来,让他弹钢琴给我看。他缩着脖子在钢琴前坐下,小心翼翼的弹完了整首曲子,然后在前辈的示意下,回房间继续做作业。哪有一点八岁孩子的蓬勃朝气!前辈却非常得意,说:“我这个儿子,非常争气听话。他每周末要学钢琴、学画画,上两个少儿英语培训班。虽然他不乐意,但我不能让他输在起跑线上。”“我知道比起别的...

    2018-04-18
  • 交互设计 | 一部自嗨的头号玩家为什么吸引你?

    Create Your Difference. by CYD头号玩家头号玩家到底什么吸引你?情怀吸引了你?动漫迷的高达情怀电影迷的金刚情怀恐怖情怀或者跳舞机情怀?或许美国大片吸引了你?▲有坏美女▼坏boss▲坏人老出BUG▼好人老有神助▲英雄要崇拜▼大部队会赶来不管什么吸引了你把你所有的感触和情绪放大一万倍的东西是艺术和科技当然,我相信你们都知道不就是VR和AR吗整个电影都建立在VR和AR的基础上没有这牛逼地眼镜,这个故事还没开始就可以...

    2018-05-05
  • 交互设计牛校排行榜 | 纽约大学 ITP研究生项目

    Create Your Difference. by CYDWHO ARE YOU?Do you love biology but also love your art classes你是否热爱生物,也沉醉于艺术and want to merge the two所以想把这两者融入Do you love programming but also like to make things你是否能编程序,也想做出真实的东西Are you int...

    2018-05-05
  • 澳洲留学交互设计专业名校有你的菜吗?

    出国留学,去往澳洲留学,澳洲留学交互设计专业名校有你的菜吗?一、澳洲留学交互设计专业的就业前景交互设计师在一些公司的职位列表中通常又被称为用户界面设计师、可用性设计师、用户体验设计师等。例如在淘宝ued团队内部把交互设计师的岗位命名为交互设计工程师,这意味着交互设计师职业定位朝着一专多能的复合型人才方向发展。交互设计的学生在中国的就业领域一般是:大型外企、通讯类企业、手机设计公司、专业的设计公司等。二、开设交互设计专业的澳洲名校1莫纳什...

    2018-04-24
  • 互联网产品经理常用工具有哪些?

    互联网产品经理的工作是复杂和多样的,PM们通常要负责产品各方面的事务,因此工作中需要用到的工具有很多,现在就跟这笔者一起来看看互联网产品经理常用工具有哪些,想走产品经理路线的同学可以提前了解一下。一、产品经理的主要工作"工欲善其事,必先利其器!"既然是"善其事",关键就是搞明白产品经理相关的工作内容,针对工作合理有效的利用软件,才能达到事半功倍的效果。要说到产品经理的职能,这是另开新篇的话题,这里我们先通俗概括一下PM的主要活动:1、参...

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

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

    2018-03-27