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

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

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

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

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

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

《用户体验要素》


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


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

产品设计五要素

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

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

首先上图:

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

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

首先,在做一款产品之前,我们先尝试着问自己几个问题,问题分为以下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

相关推荐

  • UI设计入门必会:Axure及Adobe系列软件如何安装

    UI设计最最基础的-软件如何正确安装且永久免费试用1、Axure 8.0正确安装、汉化、破解2、UI设计之通过CreativeCloud安装Adobe软件

    微信热点 2018-05-07
  • 在Sketch中做游戏?盘点那些你不知道的奇葩Sketch插件

    静电说:我想你一定是看了这个标题进来的,对,今天静电就要来给大家介绍几款看起来很奇葩的Sketch插件,甚至有些插件可以直接生成游戏!诶哟厉害了我的哥哥!来看看吧。Latex Sketch PluginLatex这款插件可以生成像下边的带有上标的公式,也许这个适合数学老师来用。当然如果各位小伙伴有做这方面设计的话,也许可以给你不少惊喜。嗯,这个插件已经被爱因斯坦点赞。下载地址:http://www.sketchchina.com/rea...

    2018-03-02
  • 陌陌:不全面商业化 不伤害用户体验

    关注订阅号“电商大世界”,海量电商资讯文章打包阅读以下文章数据,由电商大世界 "AI-贝贝",采集、分拣,由编辑 北风整理发布。电商本周要闻:阿里慧聪两大人事变动阿里巴巴B2B事业群总裁戴珊接任速卖通阿里巴巴集团合伙人、B2B事业群总裁戴珊将直接负责全球速卖通业务,而原阿里巴巴全球速卖通总经理沈涤凡,将出任阿里健康CEO。据了解,全球化战略是阿里未来20年的三大核心战略之一。业内人士认为,戴珊此次接任速卖通业务,不仅说明以速卖通为代表的...

    2018-04-01
  • 想快速玩转Axure,同时提升产品和交互能力,试试这个秘密武器

    腾讯课堂&起点学院联合打造的给产品经理的Axure课程如果你想学好Axure,不让Axure阻碍自己的发展,却苦于这些问题?1、没人监督指导,自学还没到一个周,就想放弃2、按教程操作,却出不了效果,又不知错在哪里3、难的知识内容看着费劲,不会技巧,效率低浪费时间那么这个课程很适合你,2280位同学已经通过这个课程摆脱了Axure困扰。这个课程能带给你什么如果你是产品新人,还没有很好的产品作品,axure实战班里做的原型作品,学到的axu...

    2018-04-30
  • Google 内部资料:提升用户体验的三大设计原则

    想提升用户体验?在你运用自己的创意和设计思路时,请考虑这些由 Android 用户体验团队秉承用户体验至上的理念而制定的 Android 设计原则。一、让人着迷1. 以意想不到的方式让人眼前一亮漂亮的界面、精心布置的动画,或恰到好处的声效,都会带来快乐的体验。精细的效果能产生一种轻松的氛围,让人感觉自己拥有强大的力量。2. 实际对象要比按钮和菜单更有趣让用户可以直接触摸和操作你应用中的对象,这样,可以让执行任务更轻松,让用户更满意。3....

    2018-02-06
  • 什么是用户体验设计,用户体验设计标准是什么?

    我理解的用户体验,是让用户付出最小成本满足需求。用户体验无法用一个通用方法整体衡量,只能在理解产品全貌的前提下评测分解属性。我仅结合搜索领域经验提供些参考。个人对用户体验的目标是,做到“自然”。用户体验设计是什么?用户体验(User Experience,简称UE)设计 是用户在使用产品或服务过程中建立起来的一种纯主观的感受。用户体验产生于客户与你的品牌、公司、组织所发生的一切互动。这些互动的对象包含了你的产品、官网、帮助中心、广告、微...

    2018-03-20
  • 做完这5次Axure实操,0基础不仅做出高保真,还能提升产品交互

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第7期开启报名!从第1期到现在,2000多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)产品思维和交互贯穿全程,学完不仅能画出高保真,同时告别画图经理。具体来看,通过6...

    2018-04-07
  • 两个交互设计鸿沟:评估与执行

    通过每次交互,用户都必须克服理解系统当前状态和了解如何改变系统当前状态的双重挑战。设计师可以通过意识到这些鸿沟并用透明的概念模型来消除这些鸿沟,从而为他们提供支持。上周,我买了一款很棒的新蓝牙耳机 ; 但遗憾的是,我花了一个多小时才把它连接到我的电脑上。尽管耳机手册和电脑支持网站作出了承诺,但耳机并未自动与计算机连接。我在重新阅读说明书之后,检查了耳机和电脑,确保它们都已打开,并且翻查了耳机评论以确认耳机与我的电脑兼容,甚至通过将耳机同...

    2018-03-13
  • Axure学习笔记 | 初识Axure

    本文结构:辰安笔记—01—说点题外话唠叨之语:这个是我在B站上看学习视频自己整理的笔记。话说我的学习笔记基本上是从视频上扒下来,然后加入一些自己的思考。我在规划做分享Axure的时候也想过,网上资源那么多,我做这个有必要吗?有用吗?思考一番,做这件事情虽然艰苦,费力不讨好,但是有收益。我现在就是把自己当作一个产品来打造。通过这些事情有以下收益:1.对自己来说,知识更加系统,当然也可能会让我更加僵化,这个我会注意;2.对招聘者来说,TA可...

    2018-04-29
  • VR/AR开发程序中直接搜索Sketchfab的3D素材 / Vive Pro 如何买更省钱?/ Vulkan拥有直接内存分配器

    从今天起试试这个新形式,把重点的资讯提炼后合并成一条,欲知详情就摁紧二维码跳转阅读啦。我们依然尽量让这些从外媒翻译过来的信息以最合适的中文翻译方法论润饰和(或)修改后放在这里。有什么好想法新想法告诉我们!【Sketchfab推出新API,3D内容“搜索引擎”可植入VR/AR应用中】Sketchfab今天推出了最新的 Download API(下载API),允许应用开发者直接把Sketchfab内容导入他们的3D、VR和AR软件,这样就无...

    2018-03-21