用户体验的要素?

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

用户体验五要素是一个非常经典的框架体系,他包括战略层、范围层、结构层、框架层和表现层。接下来,我们将分别对五个层次做详细的解读。

_

表现层(surface)

关键词:视觉传达

表现层是最直观的。打开一个APP,你看到的所有形状、文字、色彩都属于这一层面。表现层决定了用户的第一印象,同时可以通过形状大小、字体大小、颜色深浅等因素来影响用户感知,已达到设计目的。

框架层(skeleton)

关键词:页面布局

在表现层之下,框架层体现了页面的结构和布局,例如banner的位置、按钮的位置。好的设计就是当用户需要的时候他恰巧就在那里。页面布局要符合用户习惯,比如将重要信息放在最佳视域(当眼睛偏离视中心时,在偏离距离相等的情况下,人眼对左上的观察最优,依次为右上,左下,而右下最差。因此,左上部和上中部被称为“最佳视域”)。举一个经典栗子:一个新的小区刚刚建成,小区外面有一大片草坪,设计师没有急着修路,而是等待。过了一阵子,草坪被踩出了一条条路,设计师根据这些路为基础进行修路。这个栗子也充分体现了“以用户为中心”的思想,以用户行为为基础进行设计,真的可以四两拨千斤的呐~

结构层(structure)

关键词:信息架构、页面流

结构层相对于框架层较为抽象,我们可以将他理解为“联接”。框架层是针对于单页面的结构设计,而结构层则是将单页面连接在一起,从而形成了系统。拿APP举例,框架层决定了你点击页面icon或按钮后页面跳转到了哪一页。通过删除、组织、隐藏和转移(详见《简约至上》),将复杂的结构变的简单化,也是提高用户体验的重要手段,例如QQ5.0的升级,通过汉堡导航及Tab标签将功能整合,使得应用在感觉上苗条了很多。

范围层(scope)

关键词:功能、需求分析

范围层可以理解为产品的功能及特性。比如微信可以聊天、查看朋友圈、发红包等。范围层一般是由需求决定,需求则是从用户中分析提炼而来。试想一个毫无用处的产品,有人会去下载吗?所以,如何分析提取用户需求,将需求转化为功能,也变得至关重要。

战略层(strategy)

关键词:产品目标、用户需求

成功的用户体验,其基础是一个被明确表达的“战略”。知道企业与用户双方对产品的期许和目标,有助于确立用户体验各方面战略的制定。例如微信的定位是熟人社交,而陌陌则是陌生人社交,两个不同的定位解决了用户不同的需求。

在一个实际的产品开发中,战略层及范围层主要由产品经理负责,而结构层和框架层则由交互设计师来完成,表现层由视觉设计师完成。特别注意的是,五个层次并不是相互独立的,每个层次都会向上或向下辐射,相互影响和完善,工作亦是如此。比如在交互设计阶段前期,交互设计师需要协助产品经理完善场景剧本,从场景中提取功能,确定优先级。

好啦,我们今天先讲到这里吧~

 

作者:Gene

来源:交互坊(微信公众号:ixd-workshop)

您的赞赏,是对我创作的最大鼓励。

评论( 5

登录后参与评论
  1. 《用户体验要素》—Jesse James Garrett 著)产品经理、交互设计师必读的一本书,对于一个产品是如何从无到有的非常有帮助,强烈推荐!

    回复
  2. 文中“框架层决定了你点击页面icon或按钮后页面跳转到了哪一页”是不是把结构层打成框架层了哦?

    回复
  3. 本文介绍的用户体验要素是自上而下,但是个人感觉顺序应该为:
    战略层(产品目标/用户需求) – 范围层(功能/需求分析) – 表现层(视觉表达) – 框架层(各页面布局) – 结构层(信息框架/页面流)
    以上是我根据文章内容认为的用户体验要素顺序;

    回复
    1. 回复

      文中“框架层决定了你点击页面icon或按钮后页面跳转到了哪一页”是不是把结构层打成框架层了哦? :neutral:

    2. 回复

      我也这么认为

加载中