用户体验要素_以用户为中心的产品设计
2016-04-27 11:26:29 0 举报AI智能生成
产品经理必读的一本书吧
作者其他创作
大纲/内容
表现层
表现层定义
表现层是为了解决并弥补产品框架层的逻辑排布的感知呈现问题
信息设计，决定信息元素如何分布和排列
视觉设计决定这种分布和排列如何呈现
合理设计感知
感知的五个方面
嗅觉和味觉：软件体验设计师很少考虑此
范畴，但气味通常取决于产品所选用的材料
触觉：用户和产品间的物理接触，移动设备
得益于振动功能可以和用户产生互动
听觉：声音不仅可以用来通知用户，
还可以使用产品变得更有个性，如：
拍照的“咔嚓”声，解锁时的响声
视觉：软件体验设计师最得心应手的就是此领域，
通过好的视觉设计使用户在视觉上达到愉悦的感觉
忠于眼睛
视觉设计评估标准
合理
运作是否良好
视觉效果对目标的支持效果如何
外观是结构是否被破坏
是否使各模块间的区别变得模糊不清
用户的选项是否清楚明了
不合理
什么觉有美感
视觉设计评估方法
视线首先落在什么地方
那个要素在第一时间吸引了用户注意力
是否对于战略是很重要的东西
用户第一时间注意到的东西，是否和它
们或者你的目标背道而驰
成功的视觉设计用户视
觉轨迹的两个重要特点
遵循一条流畅的路径
为用户提供有效的选择
和引导
对比和一致性
对比
对比是吸引用户注意的一个主要工具它
帮助用户理解页面导航元素之间的关系
足够的对比可以更快让用户更快的注意
到你希望他看到的东西
整体策略：让“差异”必须足够清晰，用 户足够分辨出某个设计要传达的信息
一致性
视觉元素大小保持一致尺寸，便于重新组合
基予栅格线，通过母版保持设计的一致性
但不根据母版死板硬套，保持灵活
内部和外部的一致性
视觉设计两
个问题形式
内部一致性问题
怎么解决：独立设计不同环境中的每 个元素将设计方案应用到整个产品中
外部一致性问题
怎么解决：建立统一的品牌识 别形象，强化呈现在用户面前
配色方案和排版
配色方案
亮色设计前景色
淡色设计背景色
排版
方便阅读简单最好
设计合成品和风格指南
设计合成品
根据线框图进行设计合成品，设计合成品时不 一定精确的按照线框图来做，只要考虑到了相 关重要级别以及线框图中个元素的组合关系
风格指南
风格指南文档
全局标准
设计栅格
配色方案
字体标准
标志应用指南
具体标准
导航元素标准
独立界面标准
文档作用
细节记录
便于知识传递
有助于在一个分散的企
业中实施设计的一致性
要素的应用
体验要素
用户体验要素在大公 司与小团队的区别
大公司：成立全职专家组，责任分配清晰
小团队：更具灵活性，容易共享用户体验并及时同步
创建良好用户体验
成功和失败的差异
了解你正在试着解决的问题
了解这个鞋解决办法所造成的后果
用户体验决策
的三个场景
由现状决定的设计
由模仿决定的设计
由领导决定的设计
提出正确的问题
你为什么要这么做？
抱有良好的心态
用户接受测试的时间？
不是在整个流程的最后
而是在流程中的各环节
每次迭代更新都需要验证
着眼用户，但不要偏信
马拉松和短跑
做产品是一场马拉松式的长跑， 一个成熟的设计决策中会包含：
关键节点，优先级；迭代等重要要素
不要只关注表现层、框架层，结构层、 范围层、战略层同样决定了用户体 验的最终成败
战略层
战略层定义需要考虑的两个问题
我们通过这个产品得到什么？（产品目标）
我们的用户要通过这个产品得到什么？（用户需求）
产品目标
商业目标
替公司赚钱
替公司省钱
品牌识别
概念系统
情绪反应
成功标准
页面浏览量
活跃用户数
用户注册量
用户购买量
停留时长等
用户需求
用户的细分
人口统计
性别
年龄
教育水平
婚姻状况
收入等
消费心态档案
同样的年龄段，同一地点和同一收 入水品的人群常常会有像是的观点
对技术的熟悉和适应度
每周上网时长
使用何种设备
是否喜欢技术性产品
设备更新换代频率等
对内容的了解程度
对于网站相关内容的知识了解多少
经验和专业程度形成了细分用户群的维度
可行性&用户研究
收集用户的普
遍观点和感知
问卷调查
用户访谈
焦点小组
了解具体用户行为
和产品交互时的表现
现场调查（干什么）
了解日常生活情境中的用户行为
任务分析（通过什么实现）
可通过用户访谈来完成
也可通过现场调查来完成
用户测试（测什么）
已完成的产品
测试版产品
正在建造中的产品
低保真原型图等
创建人物角色
创建不同用户群体的人物角色
可以在进行产品前进过程中帮
助我们时刻记着用户
团队角色&流程
团队协作
战略文档
简洁有力
所有参与者
频繁使用
可演变改进
作用
在用户体验开发
团队中是试金石
其他部门项目支持文档
认识用户体验要素
五个层面
表现层
一系列由图片和文字组成的网页，就是变现层。
一些图片可以点击并执行某种功能
框架层
按钮，控件、照片和文本区域位置
框架层用户优化布局，达到这些元素
的做大效果和效率。常见的“导航栏”
结构层
框架层式结构层的具体表达方式。
结构层用来设计用户如何到达某
页面，以及后续操作。确定哪些
类别应该出现在哪里
范围层
产品功能和特性构成了网站的范围层
战略层
网站的范围是由网站的战略层所决定的。
包括：经营者想从网站得到什么？
用户想从网站的到什么
自下而上的建设
图例1
在战略、范围、结构、框架、表现的基本框架下我们 才能讨论用户体验，以及用什么工具来解决用户体验
每一层都是根据它下面的那个层面来决定的
每一个层面的决定都会影 响到它的上层面的可用项
在上层选择一个界限之外的选项 需要重新考虑低层做做出的决策
自下而上的建设并不是要求，每一个较低 层面的决策都要在设计较高层面之前完成
正确的方法：每个层面的工作都 不能在下个层面可以完成之前结束
基本的双重性
图例2
双重属性的划分
功能型的平台类产品
信息型的媒介类产品
用户体验要素
图例3
双重属性
功能型产品
战略层
用户需求
用户想从我们这里得到什么
及他们所期待的其他目标
产品目标
我们对自己产品的期望目标
商业目标或其他
范围层
功能规格
对产品的“功能组合”的详细描述
结构层
交互设计
系统的如何响应用户的请求
框架层
信息设计
促进理解的信息表达方式
界面设计
安排能让用户参与系统 功能产生互动的界面元素
表现层
感知体验
视觉、听觉等
信息型产品
战略层
用户需求
用户想从我们这里得到什么
及他们所期待的其他目标
产品目标
我们对自己产品的期望目标
商业目标或其他
范围层
内容需求
对各种内容元素的要求的详细描述
结构层
信息架构
合理安排内容原色促进人理解信息
框架层
信息设计
促进理解的信息表达方式
导航设计
屏幕上的元素组合，允许 用户在信息架构中中穿行
表现层
感知体验
视觉、听觉等
额外影响用户体验的因素
内容
用户只在意的是对他有价值的东西，不会为 了体验你的色彩搭配和导航的乐趣而访问网站
技术
技术总是不停变化，用户体验领域必须适应这些变化
用户体验为什么如此重要？
一些定义
用户体验：是指”产品如何与外界发生联系并发挥作用“
也就是人如何“接触”和“使用”它
以用户为中心的设计：在开发产品的每个步骤中， 都需要吧用户列入考虑范围
ROI(return on investment)：投资回报率
转化率：注册或购买用户/总访问量
一些实例
视觉：比如按钮摆放位置、颜色、材质； 展示能容是否合理，是否使用户希望看到的
功能：在保证功能的前提下触发时有相应的响应，
比如你个按钮，你按下去跟没有按没有区别， 这就会导致用户的歧义 几个状态为大家分享下：无操作、鼠标移入、 点击后（是不是涉及到交互的东西了^_^）
用户体验和产品之间的关系
正确的产品形态绝对不是由”功能”所决定的，而 是应该有”用户自身的心理感受和行为“来决定的
更加复杂的产品，创建良好的用户体验和产 品自身的定义之间关系相对而言是独立的
产品越复杂，确定向用户提供良好的使用体验就越困难。
没个新功能、特性、或步骤的增加都有流失用户的风险
用户体验和用户之间的关系
用户体验是商机，用户体验关系着 产品的投资回报率（ROI）和转化率
用户体验的两个目的
帮助人们工作的更快
减少他们的犯错几率
产品书籍思维导图分享群：231995455
公众号：YQS201607
范围层
范围层定义
过程
确定现在能解决那些事情
那些必须要迟一些才能解决
产品
明确项目中要完成的全部工作
提供一门讨论这件事情的共同语言
知道你正在建设什么
用支持文档和产品规格表作为要求确定下来
知道你不需要建设什么
收集想法让他符合你的长期规划
将不符合要求的想法作为潜在的
未来功能囤积起来
功能和内容
我们要考虑的问题
我们要开发什么？
范围层确定全部功能需求和功能规则
项目初期：需求，描述系统应该做什么
项目末期：功能规格说明，描述系统真正完成了什么
功能需求
功能需求常常伴随着内容需求
如：提示信息，错误提醒等
内容需求
内容需求也常常伴随着功能需求
如：内容的管理需要应用到管理软件CMS
定义需求
需求划分
用于整个产品，如：品牌需求
用于技术，如：支持浏览器和操作系统
用于特殊的特性
需求的范围
大项目的复杂子系统，需要非常详细的需求
大型项目只是相似或相同性质的东西，需求
一般化就行，然后分解成为其他的子系统
需求获取的类型
外部用户
人们讲述、他们想要的
表象，需分析更深层次的真实意愿
人们不知道他们是否需要
内部团队
不同职责的人产品讨论
人物角色
虚拟角色场景
竞争对手
借鉴加以利用
功能规格说明书
包含什么
设计或开发过程中可能混淆 的功能定义足够清楚准确
记录创建产品时的决议
撰写规则
乐观
描述要去做什么，而不是不应该做什么
具体
详细的解释清楚状况
避免主观语气
量化定义一些功能来避免主观性
内容需求
目的：展示什么
格式：如文本、图片、音频视频
规模;：预估规模包括，文本字数、图像像素、下载字节等
更新频率：更新频率来自产品战略目标
负责人：有助于责任划分
确定需求优先级
满足战略目标：是否与战略目标相符
技术：现阶段技术是否可以实现
资源
人力：人员是否充足
财力：钱财是否充足
时间：时间周期是否满足
结构层
结构层定义
传统企业：交互设计
内容建设：信息架构
交互设计
关注点
可能的用户行为
系统如何配置与响应
概念模型
概念模型
定义：用户对于“交互组件将 怎样工作”的观点成为概念模型
作用：用于在交互设计的开发 过程中保持使用方式的一致性
常用手法：比喻，如：零售商 店购物时的小推车，一般广泛 的应用于各个网络商城
错误处理
预防：将系统设计成不可能犯错的那种 如，自动挡汽车必须档位是停车档， 才能启动汽车
改正：使错误难以发生，即使发生系 统该帮助用户找出错误并且改正他们
如：word文档经常提示的拼写错误等
恢复：用户在动作的开始时不能被看 成是错误，在完成这个动作后发现是 错误，系统提供恢复功能
如，邮箱中删除后的撤销
信息架构
关注点
呈现给用户的信息是否合理并具有意义
结构化内容
主要工作
设计组织分类
设计导航结构
分类体系
从上到下
定义：先从最广泛的、有可能的满足 决策的目标和内容与功能开始进行分 类，然后再依据逻辑细分出层次分类
缺点：可能导致内容的重要细节被忽略
从下到上
定义：先从已有的资料开始，把这些 资料统统放到最低级别的分类中然后 再将弹门分别归属到较高一级的类别
缺点：可能导致架构过于精确反映了 现有内容，因此不能灵活的容纳未来 内容的变动火增加
结构方法
层级结构：大家常见的树形结构或中心辐射结构
矩阵结构：允许用户再节点与节点之间沿着两个 或更多的”维度移动“，超过3个维度人脑基本上不
可能很好的可视化这些移动
自然结构：不会遵循任何一致的模式。节点是逐
一被连接起来的，一般用于探索一系列关系不明
确或一直在演变的主题，如，娱乐教育类网站
线性结构：来自你熟悉的线下媒体，如，教学资料
组织原则
要做什么：决定哪些节点要组成一组
哪些节点要保持独立
原则：战略层”用户的需求是什么“
范围层”什么样的信息将满足哪些用户需求“
语言和元数据
受控词典：网站使用的一套标准语言
类词词典：提供常用的、但未纳入该 网站标准用语的词汇以供选择
元数据：关于信息的信息，一种结 构化描述信息内容的信息，比全文 搜索更能提供 更精确的搜索结果
搜索引擎优化：搜索引擎与类此词 库连接起来，加上元数据。可以让 搜索引擎更聪明
团队角色和流程
网站架构图
哪些类别需要放在一起
哪些类别需要保持独立
交互过程中哪些步骤要怎么样相互配合
负责人：信息结构师， 对于哪些稳定持续的增加新内容和新功 能，那么就需要一名全职的信息架构师
框架层
框架层定义
关注点：独立的组件及他们之间的相互关系
不同类型产品的区别
功能型：界面设计
信息型：导航设计
如何区别界面、
导航、信息设计
界面设计：提供用户做某些事情的能力
导航设计：提供用户去某个地方的能力
信息设计：传递想法给用户
习惯和比喻
习惯
习惯和反射是我们与这个世界交互式的基础 习惯使我们把这些反射应用到各种环境中
别抽走用户脚下的“习惯魔毯”
比喻
建立合理的模型，使用户能更快地融入系统
界面设计
关注点：选择正确的的界面元素
最重要的东西：一眼看到
作用
使用户完成目标的过程变得容易
对得到的结果感到满意
不重要的东西：减少他们的可发现性
导航设计
关注点：识别和定义核心导航系统
导航设计必须
完成的三个目标
提供给用户一种在网站间跳转的方法
传达出这些元素和它们所半酣内容之间的关系
传达出她的内容和用户当前浏览页面之间的关系
几种常见的导航系统
全局导航
提供覆盖整个网站的通路
导航栏放上能到网站所有主要栏目的连接
局部导航
提供在这个架构中到“附近地点”的通路
只提供父级、兄弟、子级通路
辅助导航
提供全局导航或局部导航不能 快速到达的相关内容的快捷途径
上下文导航
嵌入页面中的一种导航
如页面文字中的超级连接
友好导航
提供用户通常不需要的连接，作为一种便利的途径来使用
页脚导航
远程导航
网站地图
提供一个简明的、单页的网站整体结构的快捷浏览方式
索引表
按字母顺序进行排列，链接到相关的页面的列表
信息设计
关注点：放置和排列信息组成部分的优先级
主要涉及
视觉上：图像展示等
信息分组、整理
指示标记
让用户知道他们在哪里，以及他们能去哪里
排版
强化
线框图
对页面中所有组件部分以及他们如何结合到一起、最直观的描述
整合
通过安排和选择界面元素来整合界面设计
通过识别和定义核心导航系统来整合导航设计
通过放置和排列信息组成部分的优先级来整合信息设计
介绍：这是一本关于怎么做（HOW-TO）的书。
这不是一本有答案的书，而是教你“如何提出正确的问题”
本书从产品设计的5个层面入手，给大家讲诉怎么做一个
一个好产品。
收藏
0 条评论
下一页
