一:概述
1.1定义
用户体验定义:产品如何与外界发生联系并发挥作用,也就是人们如何“接触”并“使用”一个产品。
用户体验要素主要从一个产品的五个层面进行分析:战略层(strategy),范围层(scope),结构层(structure),框架层(skeleton),表现层(surface)。
1.2详细说明
战略层
确定产品目标以及用户需求,即,我们想从这个产品中获得什么,用户想从这个产品中获得什么。
例如:微信是一个即时通讯的产品,它可以让熟人之间通过语言,文字等进行社交。
范围层
根据战略层的目标,确定产品应该有的功能。
例:微信有聊天功能
结构层
确定产品的功能表现结构(页面的结构和跳转)
例:底部栏的排列,具体功能的整个流程和界面的跳转
框架层
基于结构层,确定每个页面具体的组成元素及基本布局。
例:聊天页面由头像,消息,消息发送框,时间等构成。
表现层
产品的UI和交互
例,微信的整体UI,主题色,字体,按钮颜色,大小。点击某些元素时产生的效果。
二:战略层
2.1定义:
战略层主要分为产品目标和用户需求。产品目标分为两类,产品开发者通过这个产品可以得到什么?产品的用户通过产品可以得到什么?
2.2产品目标
产品目标主要包含商业目标和品牌识别(涉及盈利模式,品牌意识)
2.3用户需求
主要分为目标用户,用户需求。
1目标用户
用户是谁?此处可以对用户进行细分(人口统计学,消费心态,使用的设备,产品使用体验)。
2 用户需求
需求收集,需求可行性分析。主要分为:
对用户进行细分,整理不同用户的需求。
需求收集的渠道:(市场调研,主要分为问卷调查,用户访谈,焦点小组,现场调查)
3结果
创建用户角色,及用户故事
2.4输出结果
战略文档(愿景文档)
三:范围层
3.1 定义
范围层主要确定产品的功能需求和功能规格。
项目范围同时在做两件事情。这是一个有价值的过程,同时能产生有价值的产品。
过程的价值在于,当整个事情还处于假设阶段的时候,它能迫使你去考虑潜在的冲突和产品中一些粗略的点,确定事情的优先级。有价值的产品则明确了这个项目中要完成的全部工作。主要通过工作流程----日程安排----里程碑
3.2 产品功能
此处需要将用户需求转换为相关的产品功能。并确定功能的优先级(站在战略层面去评估,主要为是否满足战略层需求;根据需求可行性进行评估)
3.3 功能规格说明
清楚和准确的描述功能,主要可以通过如下三种方式去描述:
. 乐观:描述系统要做什么,为什么这样做,可以防止什么事情发生。
. 具体:如默认按照离用户的距离进行排序。
. 从用户角度出发,避免主观的语气。
3.4 输出
产品的功能规格说明,产品需要实现的功能,以及功能的优先级。
四:结构层
4.1 定义
结构层主要通过交互设计,信息架构来实现。确定各个将要呈现给用户的元素的“模式”和“顺序”,交互设计关注与将影响用户执行和完成任务的元素,信息架构则关注如何将信息表达给用户的元素。
4.2 交互设计
交互设计关注于描述“可能的用户行为”,同时定义“系统如何配合与响应”这些用户行为。
4.3 概念模型
一个概念模型可以反映系统的一个组件或是整个系统。主要是用户对交互组件将怎样工作的观点。其中需要关注错误处理(预防,改正,恢复)。
4.4 信息架构
呈现给用户的信息是否合理并具有意义。信息架构主要工作是设计组织分类和导航的结构,让用户可以高效率,有效的浏览网站的内容。
4.4.1结构化内容
从上到下:从战略层出发,从内容和功能进行分类,然后在填充。
从下到上:先整理所有资料,然后将其进行归属。
4.4.2结构应该有可扩展性。
4.4.3结构方法
信息架构的基本单位是节点。(节点有不同的定义,可以是页面的某个元素或者组合),节点的结构类型如下所示:
. 层级结构(树状结构)
. 矩阵机构(允许用户在节点与节点中间沿着两个或者更多的“维度”移动,根据不同场景,每个人不同的操作习惯去设计)。
. 自然结构(探索一系列不明确或一直演变的主体,例如信息流,内容的分发机制)
. 线性结构(书,文章,音像。例如音乐类APP的音乐列表,书架)
4.4.4组织原则(哪些节点应该编为一组)
4.4.5语言和元数据(使用用户的语言和保持一致性)
4.5 团队角色和流程
定义团队的角色和工作的流程
4.6 输出
软件架构图,说明产品的结构,从命名规则和元数据的具体细节,到信息架构和交互设计的整体概况。
五:框架层
5.1 定义
框架层用于确定用什么样的功能和形式来实现产品功能。
主要包含界面设计,导航设计,信息设计。界面设计提供给用户做某些事的能力,导航设计提供给用户去某个地方的能力,信息设计可以传达想法。要遵从用户的使用操作习惯,有效的使用比喻,减少用户在“理解和使用”你的产品功能时对猜测的要求。
5.2 界面设计
选择正确的界面元素,成功的界面设计是那些能让用户一眼就看到“最重要的东西”的界面设计。
5.3 导航设计
遵循标准:
. 提供给用户在产品内跳转的方法
. 必须产达出这些元素和他们所包含内容之间的关系
. 必须产达出它的内容和用户当前浏览页面之间的关系
导航主要分为如下类:
. 全局导航(整体的页面导航---一级导航)
. 局部导航(二级,三级导航等)
. 辅助导航(二级三级之间可以跳转)
. 友好导航(页脚)
. 网站地图
5.4 信息设计
主要通过分组和整理的方式实现
5.5 指示表示
用户在哪儿,用户能去哪儿
5.6 输出文档
原型图(线框图)
六:表现层
6.1 定义
解决并弥补产品框架层的逻辑排布的感知呈现问题。
6.2 合理设计感知
感知的来源:1 嗅觉和味觉2 触觉(触觉体验属于工业设计领域,工业设计师主要关注的是用户和产品之间的物理接触,包括界面设计,交互设计,感官设计,材料等)3 听觉 (不同的声音代表不同的信息)4 视觉(与战略层,范围层,结构层,框架层的信息是否保持一致)
3 忠于眼睛
. 最重要的信息突出显示
. 遵循一条流畅的路径
. 为用户提供有效选择某种可能的引导
4 对比和一致性
对比:将重要元素突出
一致性:将视觉元素的大小保持一致的尺寸。
5 配色方案和排版
6 设计合成品和风格指南
(原型图和UI文档)
7 输出文档
UI标准及UI图
七:总结
分析一个产品时,可以从这5个方面逐次进行分析。
创建良好的用户体验最重要的工作内容是大量收集有关待解决的非常细微的问题
1 了解你正在试着解决的问题
2 了解这些解决方法,并作出比较(可能产生的结果)