8、产品经理深入浅出系列——UED用户体验设计

1、学习理解互联网产品用户体验设计(UED)相关知识

– 什么是UED
– UED具体包含什么内容
– 普通产品团队的UED工作流程是什么样子的
– UED团队是怎么分工的
– 每个UED的职能
->主要工作内容
->主要输出
– UED团队间的相互协作

2、用户体验设计（User Experience Design）

– UED的通常理解，就是“我们做的一切都是为了呈现在您眼前的产品”。
– UED是针对用户心灵,眼睛,耳朵,触感的设计
– 用户体验就是用户在使用一款互联网产品的整体感受度

3、关于UED的一些概念

UE：User Experience
UCD：User-Centered Design 以用户为中心的设计-强调以用户体验优先的产品设计理念,是一种思想
HCI：Human-Computer Interaction 人机交互
GUI：Graphical User Interface 图形化用户界面
WR：Web Rebuild 网站重构

image

4、互联网产品的UED流程

产品策划 -> 产品交互设计 -> 产品视觉设计 -> 产品页面重构 -> 产品研发 -> 产品测试 -> 产品发布

image

4.1 产品策划

PM策划产品（即MRD到PRD这部分）

4.2 产品交互设计

就是前端页面的设计和文案的实现

• 站点信息架构图
• 用户使用流程图
• 产品文案规范（板块的名字，页面的调性）
• 原型设计

4.3 产品视觉设计

对交互设计做好的页面进行针对性的视觉修改（应该是这样吧）

• 视觉设计
• 产品还原性评审
• 产品视觉架构图
• 视觉规范定制

4.4 产品页面重构

就是用DIV/CSS进行页面实现啦。这个过程需要视觉设计对重构出来的页面进行确认是否符合当初设计需求。

4.5 产品研发

• UE再优化、测试后回炉加工（限于细节上的优化）

4.6 产品测试

• 是否符合视觉规范
• 是否符合交互需求
• 联合调试

4.7 产品发布

• 总结
• 持续跟踪
• 性能优化

5、UED团队的常见结构

• 产品经理
  注意，有的团队中并没有完整的UED团队，很多时候产品经理需要承担UED团队里面的部分工作职能，例如交互设计，项目管理等。
• 交互设计
• 视觉设计
• 网页重构
• 项目管理
  由于一个UED团队可能承载多个UED项目，所以当多个项目在同时的进行的时候，需要有项目管理这个职能来对整个团队进行工作上的组织和管理

6、UED团队中常见的输出物与用作职责

6.1 产品经理

• 输出
  • 用研文档（用户研究文档，包括：用户需求分析，用户角色卡片……）
  • 竞品分析文档
  • 产品需求与需求分级文档
• 配合工作
  • 协助UED相关人员对产品的调性进行把控
  • 协助UED相关人员进行测试与组织管理

6.2 交互设计师

• 输出物
  • 完整产品原型图含交互设计
  • 用户使用流程
  • 产品信息结构图
  – 配合工作
  • 交互测试，测试交互还原度
• 工作职责
  • 为产品设计具体的行为、界面设
  计，组织良好的产品信息结构，
  提高产品的可用性与易用性

6.3 视觉设计师

• 输出物
  • 对产品设计视觉稿
  • 竞品风格调研
  • 设计规范
  • 概念设计说明（为什么这样设计）
  • 产品流程中界面还原度全程评估审核
• 配合工作
  • 视觉测试，测试视觉还原度
• 职责
  • 面呈现,美观度,体验,品牌形象设计负责

6.4 页面重构

• 输出物
  • 静态网页
  • 静态页面规范说明(CSS,复用,性能,兼容性等)
• 配合工作
  • 页面测试工作，测试页面还原度
  • 兼容性测试
• 职责
  • 面呈现,美观度,体验,品牌形象设计负责

7、互联网产品的用户体验分类

7.1 感官体验

– 呈现给用户试听上面的体验,强调舒适性,一般包括但不限于:
设计风格• 网站LOGO• 页面速度• 页面布局• 页面色彩• 动画效果• 页面导航• 图片展示• 图标使用• 广告位• 背景音乐等….

7.2 交互体验

– 呈现给用户操作上的体验，强调易用/可用性,一般包括但不限于:
• 会员申请• 会员注册• 表单填写• 表单提交• 按钮设置• 点击提示• 错误提示• 在线问答• 意见反馈• 在线调查• 在线搜索• 页面刷新• 资料安全• 显示路径• 等……

7.3 浏览体验

– 呈现给用户浏览上的体验，强调吸引性,一般包括但不限于:

• 栏目的命名• 栏目的层级• 内容的分类• 内容的丰富性• 内容的原创性• 信息的更新频率• 信息的编写方式• 精彩内容的推荐• 相关内容的推荐• 收藏夹的设置• 栏目的订阅• 信息的搜索• 文字排列• 文字字体• 页面底色• 页面的长度• 分页浏览作业

7.4 情感体验

– 呈现给用户心理上的体验，强调友好性以及与用户关系的维系,一般包括但不限于:
• 友好提示• 会员交流• 售后反馈• 会员优惠• 会员推荐• 鼓励用户参与• 会员活动• 专家答疑• 邮件/短信问候• 网站地图

7.5 价值体验

• 呈现给用户心理上的体验，强调友好性以及与用户关系的维系,一般包括但不限于:
  • 基础价值
• 能勾兑妹纸
  • 超于基础价值的期望价值
• 不但能勾兑妹纸,还发现这里有好多好多妹纸可以勾兑!
  • 附加价值
• 还能约炮!

7.6 信任体验

– 呈现给用户的信任体验，强调可靠性,包含但不限于:
• 搜索引擎• 公司介绍• 投资者关系• 服务保障• 文章来源• 文章编辑作者• 联系方式• 服务热线• 有效的投诉途径• 安全及隐私条款• 法律声明• 网站备案• 相关链接• 帮助中心