用户体验的要素?

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

_

表现层(surface)

关键词:视觉传达

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

框架层(skeleton)

关键词:页面布局

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

结构层(structure)

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

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

范围层(scope)

关键词:功能、需求分析

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

战略层(strategy)

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

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

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

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

 

作者:Gene

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

随意打赏

提交建议
微信扫一扫,分享给好友吧。