用户体验要素-读书笔记


   最近闲暇之余翻看了 以前买的Jesse James 著的《用户体验要素-以用户为中心的产品设计》,在工作几年后翻看还是深有启发。书中提出来的用户体验五要素模型经典。

我们聊聊什么是用户体验?大家回忆一下是不是我们在设计、开发一款产品的时候,更多的是关注地是产品本身是将来是用来做什么,而并不会太多考虑到产品是如何工作的?其实被我们忽略的这个点就是用户体验。那么书中是怎么定义用户体验的?书中是这样定义的:产品如何与外界发生关联并发挥作用。也就是人们如何“接触”和“使用”它。也就是说用户体验不仅仅是产品对我们感官方面的表现,他存在于嗅觉、味觉和听觉 。这样对于简单产品的而言,我们创建一个良好的用户体验设计,完全等同于产品自身的定义,而对于复杂的产品来讲,创建良好的用户体验和产品自身的定义之间的关系相对而言是独立的。比如我们手机功能的不断迭代。


       那么为什么用户体验变得越来越重要?《用户体验要素》这本书中给出这样的几个观点:

产品的使用属性排在第一

大家想想:我们是不是为了实现某个使用功能而设计产品,并不是为了美观而设计产品?比如:镂空的花瓶、座椅上棱角的图案…

在使用一款产品的时候,我们不愿意花费时间去思考,喜欢傻瓜式地操作

因为用户越来越懒,没有用户愿意为了一个功能花费时间去读说明书,去思考怎么操作?当然,这归功于产品设计越来越人性化,愿意花更多地精力在用户体验上。---是一件好事

市场竞争激烈,错过第一次用户体验就很难再次拉回用户

市场上同类的竞品越来越多,当一个用户离开你的产品,并习惯了别的竞品时。他很难会再回来使用你的产品。

这就是我们为什么要将用户体验要素放入到产品设计中,用户体验好了,我们才会有更好的转化率

接下来我们聊聊书中提出的用户体验要素模型:


本书作者将用户体验划分成了五个层次:

表现层

框架层

结构层

范围层

战略层

结合我的理解,对作者谈到的用户五要素整理,如下:


一般我们拿到的产品分析会由上及下。而我们真正做产品设计的时候,正好是相反的。

战略层——》范围层——》框架层——》结构层——》表现层


1. 战略层:主要解决了产品目标和用户目标,从经营者和用户角度分别思考这个网站我们得到了什么?成功的用户体验,其基础必须是一个被明确表达的战略。那么我们如何去寻,战略?

1、用户群体细分:从用户研究和可行性两点出发,用户研究通过问卷调查、焦点小组这种市场调研方法以及现场做任务、用户测试等方法来调研。为了避免我们的做法与用户的需求背道而驰,我们可以对用户进行分类,制作用户画像。甚至可以把用户画像打印出来挂在墙上,以后做决定的时候时刻想着他们的需求,这样就不至于我们做出太多偏离用户的需求的决定。

2、我们也可以分析一些目前市场上存在的竞品。

这个层面就是我们工作中对应的战略文档或愿景文档。

2. 范围层:战略层,解决了我们做什么问题,在范围层,解决做什么问题。哪些功能要做,哪些功能不要做,哪些先做,哪些后做。在这个层面是我们工作中对应的是功能规格说明书。以后的开发周期、优先级、做不做某个功能都可以参考这个文档。

 3、结构层:如果团队里面有交互设计师的话,产品和交互设计的交接点就在这一层了。如果没有专职的交互设计师团队的话,产品也会负责这部分的设计。不同的团队产品和交互的职责定位不一样,并不能一概而论。

在范围层,我们已经定义好了需求,已经明确了我们要做什么。到了结构层,我们从抽象的需求逐步具体成用户可以感知的需求。同时,结构层定义了产品最终呈现给用户的框架,为下一层细化做准备。

结构层的内容对应到了PRD文档的另一部分内容。

产品结构:产品呈现给用户的页面和功能结构,是用户看得到的产品的结构,建议使用思维导图的方式将其列明。

信息架构:产品呈现个用户的信息的组织方式。建议用思维导图的方式展开。

页面结构:产品的功能和信息在页面上怎么体现。每个页面大概包括哪些内容。这部分建议以低保真原型图的方式来呈现出来。

交互流程:用户的操作流程和页面的跳转流程。用户是怎么执行操作的,页面以什么样的方式响应或跳转。这部分内容可以在原型图上注释说明,并且用流程图记录操作流程。

4、框架层

虽然命名为框架层,不过在这一层我们逐步将产品从抽象到具体。到了这一层,基本上能看得出产品的轮廓。这一层我们通过已经制作好的PRD和低保真原型图,逐步细化成高保真的原型图。

框架层是结构层的细化。包括了如下的工作:

信息设计对已经定义好的信息架构进行细化。例如,在结构层,我们已经定义好了商品信息需要包含大概的信息。在框架层再进一步细化。

页面细化在结构层已经定义好的页面结构基础上进一步细化。如页面的具体布局,页面元素的选择等。这一步将低保真的页面细化成高保真的页面。

交互设计页面的交互设计,用户操作后页面的响应。例如,是否需要弹窗提示

表现层:用户拿到产品后,产品呈现给用户的第一印象。内容、功能和美学汇集到一起来产生的一个最终设计,从而满足其他层面的所有目标。并同时满足用户的感官感知。“弥补网站框架层的逻辑排布”的视觉呈现问题。

评估一个产品视觉设计的简单方法:

用户的视线首先落在什么地方?哪个设计要素在第一时间吸引了用户的注意力?

他们对于战略目标来讲最重要的东西?

用户第一时间注意到的东西与他们的目标是背道而驰吗?

作为产品我们得原型不需要关注到太多设计风格,产品的视觉设计是靠UI部门去设计的(一个企业的视觉设计是统一风格的),但是我们可以给出一些自己的参考建议。

回过头来,我们再想想:什么样的设计是成功的?需要用户在产品上移动的轨迹模式应该遵循以下两个特点:

第一:他们遵循的是一条流畅的路径

第二:在不需要用太多的细节来吓到用户的前提下,为用户提供有效选择的、某种可能的“引导”。


用户体验要素的应用,我们大概可以将我们日常的工作归类到各个层次里面:

战略层 -- MRD和BRD

范围层 -- PRD(部分)

结构层 -- PRD(部分)和低保真原型

框架层 -- 高保真原型和交互设计

表现层 -- UI设计


 当然并不是所有的工作都是按照这个流程去进行的,这个只是我们工作中参考的一个模型。看完这本书,让我对设计产品有了更清晰的设计理念,也让我深切体会到用户体验的重要性。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,992评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,212评论 3 388
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,535评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,197评论 1 287
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,310评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,383评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,409评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,191评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,621评论 1 306
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,910评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,084评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,763评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,403评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,083评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,318评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,946评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,967评论 2 351