(10.1.5)用户体验的要素?——软件设计的分层理论
来源:互联网 发布:2016年哪家宽带网络快 编辑:程序博客网 时间:2024/05/21 09:18
用户体验五要素是一个非常经典的框架体系,他包括战略层、范围层、结构层、框架层和表现层。接下来,我们将分别对五个层次做详细的解读。
表现层(surface)
关键词:视觉传达
表现层是最直观的。打开一个APP,你看到的所有形状、文字、色彩都属于这一层面。表现层决定了用户的第一印象,同时可以通过形状大小、字体大小、颜色深浅等因素来影响用户感知,已达到设计目的。
框架层(skeleton)
关键词:页面布局
在表现层之下,框架层体现了页面的结构和布局,例如banner的位置、按钮的位置。好的设计就是当用户需要的时候他恰巧就在那里。页面布局要符合用户习惯,比如将重要信息放在最佳视域(当眼睛偏离视中心时,在偏离距离相等的情况下,人眼对左上的观察最优,依次为右上,左下,而右下最差。因此,左上部和上中部被称为“最佳视域”)。举一个经典栗子:一个新的小区刚刚建成,小区外面有一大片草坪,设计师没有急着修路,而是等待。过了一阵子,草坪被踩出了一条条路,设计师根据这些路为基础进行修路。这个栗子也充分体现了“以用户为中心”的思想,以用户行为为基础进行设计,真的可以四两拨千斤的呐~
结构层(structure)
关键词:信息架构、页面流
结构层相对于框架层较为抽象,我们可以将他理解为“联接”。框架层是针对于单页面的结构设计,而结构层则是将单页面连接在一起,从而形成了系统。拿APP举例,框架层决定了你点击页面icon或按钮后页面跳转到了哪一页。通过删除、组织、隐藏和转移(详见《简约至上》),将复杂的结构变的简单化,也是提高用户体验的重要手段,例如QQ5.0的升级,通过汉堡导航及Tab标签将功能整合,使得应用在感觉上苗条了很多。
范围层(scope)
关键词:功能、需求分析
范围层可以理解为产品的功能及特性。比如微信可以聊天、查看朋友圈、发红包等。范围层一般是由需求决定,需求则是从用户中分析提炼而来。试想一个毫无用处的产品,有人会去下载吗?所以,如何分析提取用户需求,将需求转化为功能,也变得至关重要。
战略层(strategy)
关键词:产品目标、用户需求
成功的用户体验,其基础是一个被明确表达的“战略”。知道企业与用户双方对产品的期许和目标,有助于确立用户体验各方面战略的制定。例如微信的定位是熟人社交,而陌陌则是陌生人社交,两个不同的定位解决了用户不同的需求。
在一个实际的产品开发中,战略层及范围层主要由产品经理负责,而结构层和框架层则由交互设计师来完成,表现层由视觉设计师完成。特别注意的是,五个层次并不是相互独立的,每个层次都会向上或向下辐射,相互影响和完善,工作亦是如此。比如在交互设计阶段前期,交互设计师需要协助产品经理完善场景剧本,从场景中提取功能,确定优先级。
好啦,我们今天先讲到这里吧~
作者:Gene
来源:交互坊(微信公众号:ixd-workshop)
- (10.1.5)用户体验的要素?——软件设计的分层理论
- 用户体验的要素
- 用户体验的要素
- 用户体验的要素
- 读书笔记-《用户体验的要素》
- 《用户体验的要素-以用户为中心的Web设计》——小结
- 《用户体验要素—以用户为中心的产品设计》读书笔记
- 软件设计的分层
- 【一图解读用户体验的要素】
- 用户体验要素的五个设计层面
- 读书《用户体验要素 以用户为中心的产品设计》
- 软件设计是怎样炼成的(8)——用户感觉好才是真的好(用户体验设计)
- 软件设计是怎样炼成的(8)——用户感觉好才是真的好(用户体验设计)
- 用户体验要素(以用户为中心的产品设计)-阅读笔记
- 用户体验的要素中的提到的经典模型
- 理论普及——用户体验
- 用户体验质量测试是IPTV成功的关键要素
- 书单:根据《用户体验要素》整理的PM书单
- js-statement
- GeoServer发布地图服务
- platform的相关资料1:
- grunt基于NodeJS打包压缩JS和CSS
- js-array
- (10.1.5)用户体验的要素?——软件设计的分层理论
- Windows下利用原始套接字实现的一个抓包程序Demo
- HINSTANCE/HWND/CWnd/HANDLE 的区别
- 致我曾经敲过的代码——初涉java java关键字
- js-ECMA5-array
- java_linkedList 猴子选大王
- cmakelist操作之如何在c/c++程序中链接第三方库
- java程序如何生成.exe文件
- sun.misc.BASE64Encoder找不到jar包的解决方法