以用户价值为依归 以产品价值赢市场 以用户为中心的产品设计全流程实战

【课程背景】

在当今用户体验为王的时代，市场产品同质化现象严重，消费者在面临产品的时候有着充足的选择空间，这种情况下用户体验成为了决定一个产品是否叫座好卖的重要性的因素之一。

很多企业对用户体验的概念只停留在一个很表面的意识，没有认识到用户体验其实是需要和产品研发流程紧密结合并落地的一个系统性工程，而这个系统性的工程的投入换来的是产品的更为长久有效的核心市场竞争力

做一个产品和做一个“好”的产品之间的差距会日益明显，企业在向市场推出一个产品的时候，如果用户体验不好，会直接导致产品运营增长乏力，用户流失严重，品牌口碑下降等不利的后果。

• 如何自上而下建立产品团队对用户体验设计统一的认知，从而建立以用户为中心的UCD研发团队？
• 如何将用户体验设计理念深入植入产品研发的每一步流程，从而最终打造易用甚至友好的产品？
• 如何掌握专业的用户研究和可用性测试的方法？
• 掌握利用原型规划业务流程和交互的方法，展示及多层面沟通的技巧？

这都是企业产品团队各个岗位尤其是产品经理甚至是CEO应该深入思考的问题，也是本课程的内容要点。

课程基于以上典型问题，我们结合大量的培训和咨询案例，研究国内外各种经典用户体验设计方法和工具、思维模式，并不断总结，从而推出该课程，案例、模板、经验、教训、学员分享等贯穿全课程。以期达到企业真正认知到用户体验思维的价值和作用。

【课程收益】

• 系统深入掌握用户体验的知识体系，深刻理解用户体验在项目研发流程中各个关键性环节的作用和落地实践方法；
• 掌握用户体验相关的各种思维体系和方法包括设计思维、产品思维、设计心理学、人机交互概念、信息架构、交互设计、流程设计等；
• 掌握正确先进的产品设计流程（需求分析、产品定位、概念模型、竞品分析、用户画像、交互设计、功能架构、原型设计、高保真设计、切图和标注等）；
• 深刻理解设计的本质：设计的轻和重、适度设计、设计中的设计、情感化设计、设计中的逻辑：设计→功能→需求→用户→场景、设计与交互、产品架构之间的关系等等。
• 理解用户体验设计的五个要素，涉及岗位为前后端软件工程师、产品经理、UI设计师、交互设计师、项目经理、需求分析师、运维测试等人员，注重前端和后端的衔接沟通环节；
• 掌握各个流程阶段相关的工具和方法；
• 掌握移动端的设计特性＋架构＋方法＋表现技法以及移动端设计规范IOS和Material设计规范的核心思想和理念；
• 掌握互联网产品设计思维，掌握用户体验的五个要素，从信息设计和界面设计两个角度分别理解五个层面：“战略层→范围层→结构层→框架层→视觉层”的要点和设计方法；
• 提升对产品的设计审美的眼光和逻辑判定能力，从而更好的把握团队产出质量和成果。

【课程特色】

全面：系统完整的建立用户体验设计的思维模型，与产品研发全流程紧密结合，涵盖C端和B端所需的用户体验设计知识，从移动端、信息化平台到传统的BS网站、CS客户端等都可以很好的运用此套课程体系的知识。

案例跟踪：通过经典案例的从功能定位到设计完成的全程跟踪，使所有的知识点都能得到印证和落地，更加直观、细致，提高经验积累。

原型驱动：授课过程中采用原型驱动授课模式，从原型案例入手讲解知识点。

互动：适度的作业练习、研讨、点评让学员参与到学习过程中，而不是被动的灌输知识。

【课程对象】

产品经理、项目经理、UIUE设计师、前后端开发工程师、产品运营、需求分析师等。

【课程时间】2-3天（6小时／天）

【课程大纲】

1. 互联网时代：体验设计价值增大
2. 用户体验设计（UE）就是让用户用的爽吗？
3. 什么是用户：3W解读

• Who

案例：网约车用户画像

• Where
• Why

案例：抖音购物车

1. 体验设计如何落地？

• 视觉体验

案例：母婴代购网站

• 感官体验（五官）
• 交互体验
• 浏览体验
• 情感体验
• 信任体验

案例：微信聊天的体验设计（中断设计/场景设计）

1. 创新技术与数字化体验

案例：线下服装店数字化营销

1. 从产品的角度看设计，仅仅是视觉吗？
2. 什么是设计

• 设计的本质
• 不同类型产品的设计要点
• 适度设计（设计的加法和减法）

案例：IOS便签

• 视觉设计、交互设计、功能设计、反馈设计……

案例：流氓流程设计、邮箱上传流程……

• 设计的轻和重

案例：反馈设计案例（轻量级反馈设计）

• 设计的逻辑

案例：APP登录界面设计

1. 创新用户体验设计驱动用户增长

案例：微信支付

1. 用户体验设计有级别吗？

• 能用
• 易用
• 友好

案例：文件传输流程设计

案例：美团外卖点餐界面

案例：亚马逊“预测性物流”

1. 用户体验设计四个要点分析

• 用户界定
• 需求先行

案例：12306购票网站

• O2O闭环
• 情感化设计

案例：emoji表情

1. 用户研究到底有什么用？（用户研究与洞察+需求采集、分析与管理）
2. 用户研究的意义和困难

• 统一团队认知
• 聚焦产品核心问题
• 挖掘和探索真实需求
• 为产品设计和运营提供依据
• ……

案例：公主的月亮

案例：福特汽车

1. 用户研究的工具和方法

• 定性研究

案例：金融理财产品用户画像

• 定量研究

案例：网约车用户画像

1. 用户画像

• 什么是用户画像
• 为什么需要用户画像
• 用户画像的构成要素
• 如何创建用户画像

作业：创建APP用户画像

1. 需求采集、分析与管理的难度是什么？
2. 需求分析的三个维度：

• 商业需求
• 用户需求
• 项目需求

案例：航空公司网站

1. 需求挖掘

• 你我需求
• 软硬需求
• 真假需求

案例：追女朋友、铅笔、儿子

1. 行业产品需求分析案例

• 斯达康（原点决策）
• 今日头条（大数据驱动满足个人化需求）
• 暴风影音（微创新打破行业壁垒）
• 360（抓准需求打破行业壁垒）

1. 需求来源（C端和B端）

• 竞品分析

案例：旅行APP

• 数据分析

案例：电商平台漏斗模型

• 市场调研
• 问卷调研
• 用户模拟

案例：苹果手机

• 文献调研
• 用户访谈
• 情报搜集
• 行业论坛和峰会
• ……

1. 需求评估

• 需求评估流程
• 需求评估因素
• 需求评估四象限图
• 需求评估工具（KANO模型；需求减法；专家评估……）

1. 经典三级需求法

• 业务需求
• 用户需求
• 功能需求

案例：自助快递柜

1. 用户体验要素-经典产品立体框架思维
2. 战略层（商业需求和用户需求）
3. 范围层

• 功能
• 信息设计

1. 结构层

• 信息架构
• 交互设计
• 导航设计

1. 框架层

• 原型设计
• 页面布局

1. 视觉层

• 品牌传达
• 色彩体系
• 视觉规范
• 图标设计等
• ……

案例：Airbnb、美团外卖等

1. 交互设计交付物的标准是什么？
2. 交互设计概念

• 用户心理模型
• 设计模型
• 技术模型

案例：支付宝钱包

案例：发送邮件

1. 交互设计流程

• 任务分析
• 逻辑流程
• 页面流程
• 页面布局
• 原型设计
• 交互设计说明

作业：订餐平台的任务分析

1. 信息架构设计为什么这么重要？
2. 什么是信息架构

• 内容的划分
• 内容的层级组织
• 迷宫式的信息架构设计

案例：某网银网站菜单结构设计

1. 信息架构布局思路
2. ToC和ToB信息架构的区别
3. 信息架构的服务对象

• 用户
• 场景

案例：苹果手机拍照

1. 信息架构的深度和广度（四种组合方式解析及案例分析）

• 架构的深度
• 架构的宽度
• 架构的几种不同的组合方式及其特点

案例：相机APP

1. 好的信息架构的特点

• 与“产品目标”和“用户需求”相对应
• 具有一定的延展性
• 保证分类标准的一致性、相关性和独立性
• 有效平衡信息架构的“广度”和“深度”
• 使用“用户语言”

案例：百度、今日头条、淘宝主界面分类导航、支付宝9.9版本主界面

1. 如何不理解导航设计会有什么问题？
2. 什么是导航设计
3. 导航设计与信息架构的关系
4. 移动UI导航的架构分类

• 层级式
• 辐射式
• 套娃式
• 标签式
• 汉堡包导航

1. Web端导航设计

• 搜索导航
• 分类导航
• 相关导航

1. 导航设计用户体验原则

• 导航菜单要清晰可见
• 告诉用户其当前位置
• 导航菜单要与用户任务协调一致
• 导航菜单要易于操作

案例：建行官网、Airbnb等

1. 情感化设计-打动人心的设计
2. 情感化设计三个层次

• 本能层
• 行为层
• 反思层
• 设计目标：心流

案例：过山车

案例：抖音、淘宝

1. 基于行为分析的前馈设计

• 利用情景和之前的用户行为来推送功能
• 历史记录（偏好路径）
• 文化习俗
• 人际关系
• 特殊数据结构
• 传感器
• 空间、时间
• 防呆理论

案例：导航地图、音乐APP、搜索网站、社交软件、播发器等。

1. 原型设计
2. 什么是原型
3. 原型设计方法论
4. 原型设计注意事项

案例：某电商网站注册登录逻辑流程案例实战演练（Axure绘制）

案例：途牛多重登录界面

案例：麦当劳点餐APP

作业：电商购物APP的登录界面原型

1. 流程设计
2. 流程设计的难度和重点是什么？

• 流程设计基础概念
• 某C端产品总体流程设计规划思路实战演练
• 逻辑流程概念
• 页面流程概念
• 页面流程案例分析和实战演练

案例：B端产品登录流程设计实战

案例：衣邦人整体流程思路分析

1. 流程设计中的用户体验案例分析

• 清晰的布局
• 结构准确的文字描述/提示
• 给用户反馈
• 不要在同一个页面里面展开多个流程
• 流程设计案例分析

案例：分支流程设计

案例：提交个人信息界面

1. 尼尔森十大交互设计原则

• 状态可见原则
• 环境贴切原则
• 用户可控原则
• 一致性原则
• 防错原则
• 易取原则
• 灵活高效原则
• 优美简约原则
• 容错原则
• 人性化帮助原则

案例：表单填写界面、计时器设计、验证码输入界面……

1. Ant Design设计原则解读

• 亲密性
• 对齐
• 对比
• 重复
• 直截了当
• 足不出户
• 简化交互
• 提供邀请
• 巧用过渡
• 及时反应

案例：B端后台产品各种表单和界面设计

1. 移动UI特性＋方法
2. 移动UI设计特性

• 情景特性
• 网络特性
• 物理特性
• 触摸手势
• 系统特性

案例：运动App、印象笔记、clear……

1. 移动UI设计方法

• 关于输入
• 简单易懂
• 注意中断
• 关注内容
• 给个反馈

案例：银行密码登录框、Chirp、微信、facebook、大众点评clear……

1. 用户体验测试（以旅游网站为例）
2. 用户测试的基本流程（例）
3. 用户测试的定量研究和定性研究方法
4. 用户测试效果的评估
5. 讲评与总结

案例：深圳航空官网

1. 竞品分析非常重要！
2. 竞品分析定义和意义

• 竞品分析的内涵和外延
• 竞品分析的步骤

1. 竞品分析实战演练

• 基于用户体验设计的竞品分析：
• 信息架构层面对比
• 功能层面对比
• 交互层面对比
• 视觉层面对比

案例：银行APP、旅行网站等

作业：完成一份交互设计师和UI设计师视角的竞品分析报告。

陈博老师的其它课程