用户体验5大层次

关于用户体验的5大层次,《用户体验要素》写得很详细,很多人也写过关于这方面的分析,梁宁的产品三十讲中也提到过,我之所以自己亲自写这篇总结,也是为了自己更加深入理解一下。

Garrett和梁宁

Garrett是《用户体验要素》这本书的作者,他把用户体验"从整体到细节、从抽象到具体"的5个要素归纳为:

战略层——产品目标与用户需求

范围层——详细功能与指定内容

结构层——交互设计与信息架构

框架层——界面、导航和信息设计

表现层——视觉设计

梁宁在此基础上,加上自己的理解之后,将其归纳为这样5个层次:

战略存在层

能力范围层

资源结构层

角色框架层

感知层

其实,最大最抽象的那个层次——战略层,和最小最具体的那个层次——表现或者感知层,Garrett和梁宁的总结基本是一致的,而这两个层次也是最容易理解的两个层次,它们也比较通用,可以说适用于任何产品。而中间的3个层次,两人就各有偏重了。

Garrett是一个用户体验咨询公司的创始人,当时写这本书,主要是为了讲述网站设计的复杂内涵,提高网站的用户体验,所以范围、框架、结构三层的内容,也主要围绕着网站来讲;而梁宁的总结,更偏向于普遍意义上的产品,甚至衍生到一个公司或个人。我觉得,这两种分析框架其实是完全不同的,除了首尾两层,中间3层完全没法儿一一对应,只是恰好他们都分成了5层而已。但这里我还是想尽力把它们统一起来。

第5层:表现层

我喜欢先把简单题做了。

表现层,是这5层中唯一一个纯感性的层次,无论是在任何产品上。不过这让我想到,战略层是不是纯理性的层次呢?这我就不太确定了,而且这是一个很有趣的问题,有待思考!

当然,不是说所有跟表现层有关的问题都只能依赖感性来处理,因为前人是总结出了很多理性方法的,但最终我们想要在这一层取得胜利,还是要针对用户感性的那一面下手,而且,可能也没有唯一正确的答案。

关于表现层需要明确的一点是,表现和感知,都是综合效果。线条、颜色、阴影等一切细节,最终组合起来共同起作用,我们很难说某一种颜色就一定好或不好,因为最终用户就只凭感觉,这个感觉,一定是一个综合效果。所以如果有人问这个页面做成这样这样用户会不会喜欢?不知道,看了才知道,试了才知道。

另外,经常有人会说,表现层是影响力最小的一层,如果其他层次做得不好,表现层做得再好也没有用。这句话是对的,在大部分情况下。有2种情况下例外:第1种情况,如果用户需求就是美好的感性体验呢?比如一场电影,一本画册,一个手机桌面主题……类似这些"产品",最重要的,反而是表现层。第2种情况,对于一个公司或者一个品牌来说,我们做了无数件事情,最终大部分用户的反馈就两个可能,好或不好,完全凭感觉,这个感觉其实是我们所有做对和做错的事情给用户的综合印象,但如果我们能在表现层的部分对这个综合印象起到很大的正向影响,那将是非常非常宝贵的。

表现不是表面,用户感觉经常在决定着成败。

第1层:战略层

接下来开始按顺序说,先说最大最抽象的这个层次。

战略层,这个层次其实就涉及到两个方面,也是我们做任何产品任何服务甚至任何工作之前,都需要考虑的两个问题:

我们想得到什么?——产品目标

对方想得到什么?——用户目标

当然这两个问题都可以继续问下去,比如:这个产品目标我们为什么更有能力实现?这个用户目标对方为什么更加依赖我们?

如果回答不了这两个问题,产品就像无根之水,继续做下去会发现,所有方法都是对的,执行也完全没有问题,可是最终就是没有好结果,然后才发现,哦,原来这件事儿其实根本就不可能有好结果。

如果回答了这两个问题,那么就表示,这件事或者这个产品是可行的,剩下的一切就只剩下放手去做了,只要方法对,执行不出大问题,最终一定行。

之所以先总结这两层,一是因为这两层简单,还有一个原因是我觉得,当一个人把这两层完全掌控之后,他就可以做一个公司的CEO了,剩下的3层,可以全权交给下面的小伙伴儿。

第2层:范围层

范围层,简直没有说的必要,我觉得,它其实就是对战略层中的两个问题予以更详细的解答而已。

我们想得到什么,对方想得到什么,这两个问题可以简单用一句话回答,也可以详细描述一下,详细描述,就是要说明我们想要得到的具体是什么,对应着什么功能;对方想要的具体是什么,对应着什么功能;再给这些功能分类、定优先级等等。这样,就逐步确定了范围层。

梁宁也说到第2层是战略层的外延,但她认为这不是我们自己定义的范围,而是我们拥有的能力圈,她说,能力圈是变化的,如果有清晰的战略,能力圈会朝着战略的方向变化、拓展;如果没有清晰的战略,能力圈的变化就是偶发和随机的。

这两种不同的解释,其实对应了不同场景。如果我们说一个产品,那范围层其实就是需求范围;但如果我们说一个公司,那范围层就是在公司的整体战略指导下建立的能力圈,有哪些事业范围,做哪些类别的产品,服务于哪一片市场,这些都是公司的能力圈。总结来说,范围层就是描述"我们已经拥有什么和将要拥有什么"的一张最粗颗粒度的清单。

这里有必要提一下,范围层绝不是只定性不定量,没有性能指标要求的功能需求等于没说。在确定一个功能的同时,要明确这个功能我们具体要交付给用户的是一种什么样的体验,速度、流畅度等性能指标,一定是包含在内的。

第3层:结构层

结构层和接下来要讲的框架层,是最难理解也最容易弄混的两个层次。

关于结构层,Garrett在书中的解释是,对于功能型产品,可以定义为系统如何响应用户的请求,也就是交互设计;对于信息型产品,可以定义为合理安排元素以促进用户理解信息,也就是信息架构。这样的定义很清晰,但是并不好理解,交互设计和信息架构本身就是个两个复杂不易解释的概念。而且书说道:"交互设计关注将影响用户执行和完成任务的元素;信息架构则关注如何将信息表达给用户的元素。" 这听起来会让人觉得结构层是一个非常具体和细节的层次,但我们知道,5个层次从抽象到具体,第3层显然处于一个中间层次,一定不会如此具体。

梁宁把结构层引申为资源结构,她认为,资源结构层是能力圈的外延。但问题是,能力和资源本来就是两个暧昧不清的概念,如此定义只会让结构层更加难以独立理解。

我的理解,这一层简单来说,就是"结构"两个字。范围层给出了需求范围、类型和优先级,但是没有把这些功能有机地结合在一起,要把这些分散的需求组成一个整体,就需要创建一个基础的概念结构。说这一层是交互设计和信息架构也没错,但这一层不会解决交互设计和信息架构的所有问题,只是给出一个可行的基础结构而已。至于交互设计中的一些跟直观体验相关的细节,以及信息架构中一些具体的信息排布方法,则不再这一层的讨论范围。而若要引申为公司结构,自然也可以。

比如,对于一个网站,结构层要解决的问题可能就包括:有哪些页面,页面间的关系,如何跳转,如何导航等;对于一个公司,结构层代表的就是:有哪些部门,部门间的关系,如何配合,如何分工等。

另外,在确定结构层的时候,除了功能本身,还一定要考虑性能指标的要求。比如是否要有后台,后台的性能要达到怎样的级别等问题,都是要在结构层解决的。

第4层:框架层

框架层,这一层是对产品经理最重要的一层,因为奋斗在一线进行产品设计工作的产品经理,所做的工作大部分都集中在这一层上面。

我们可以这样来理解。假设有一个产品,我们不知道它是哪个产品,当它的战略、范围和结构都已经确定时,我们就能够明确地说出它是一个什么产品了它,属于哪个产品类别,它主要做什么,它有哪些功能,这些功能之间的结构关系是怎样的。但是,我们还是不能够说出,它是哪个产品。而如果我们知道了它框架层的全部内容,就基本上能够确定它是哪一款产品了。而这个框架层的全部内容,其实就是,原型图。

我认为,对于一款产品来说,框架层就是产品原型图。而梁宁说的角色框架,其实优点类似于一种比喻,将公司或社会中的每一个角色,比喻成产品原型中的每一个元素,框架定了,角色特点和元素特性就定了,从而位置和行为就定了。

总结起来,框架层就是,用具体的框架来确定每一个个体的位置和行为。而要确定框架层,就需要把每一个个体的具体位置和行为都描绘并确定下来,在产品中就是全页面的原型图,在公司中就是具体每一个员工的职位和分工。

总结

战略层——决定目标,两个目标和两个问题。

范围层——划分边界,由一份清单表示的能力边界。

结构层——建立结构,边界内的基础概念结构。

框架层——确定位置,所有个体或元素的位置和行为。

表现层——影响感觉,能够影响用户感觉的一切。

清楚明白,绝不交叉,理解之后相信你对这5个层次将再也不会混淆。

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

推荐阅读更多精彩内容