第1章 课程简介 1 节 | 6分钟

本章节主要讲解什么是交互设计、交互设计岗位职责、交互设计的发展前景，了解产品交互设计的背景与价值、知晓产品交互设计的职责与能力。

收起列表

• 视频： 1-1 课程简介 (05:55)

第2章 需求分析 4 节 | 33分钟

主要讲解实战项目定位与需求分析、从用户需求到功能需求、KANO模型绘制、以及如何对需求做减法。通过这些了解如何理解用户本质需求、获取需求的主要方法与技巧、评估需求的原则与技巧。

收起列表

• 视频： 2-1 实战项目定位与需求分析 (07:02)
• 视频： 2-2 从用户需求到功能需求 (09:52)
• 视频： 2-3 KANO模型 (07:36)
• 视频： 2-4 对需求做减法 (07:30)

第3章 功能结构图 6 节 | 34分钟

本章节主要讲解对产品整体功能进行梳理、并按功能从属、层次关系进行排列、以及功能结构图绘制

收起列表

• 视频： 3-1 功能结构图定义 (07:13)
• 视频： 3-2 功能结构图绘制（一） (05:52) 试看
• 视频： 3-3 功能结构图绘制（二） (03:38) 试看
• 视频： 3-4 功能结构图绘制（三） (05:09) 试看
• 视频： 3-5 功能结构图绘制（四） (04:59)
• 视频： 3-6 功能结构图绘制（五） (06:19)

第4章 信息架构图 5 节 | 33分钟

本章节主要讲解信息架构图，包括：对产品信息的关系梳理、分类、组织，表达产品的信息架构，对信息数据进行整理、以及信息架构设计

收起列表

• 视频： 4-1 信息架构设计定义 (09:27)
• 视频： 4-2 信息架构设计（一） (05:51)
• 视频： 4-3 信息架构设计（二） (05:12)
• 视频： 4-4 信息架构设计（三） (04:36)
• 视频： 4-5 信息架构设计（四） (06:55)

第5章 操作流程图 5 节 | 57分钟

本章节主要讲操作流程图定义、用户场景设计、短视频拍摄编辑发布操作流程图绘制、短视频分流程图绘制、好友管理操作流程图绘制

收起列表

• 视频： 5-1 操作流程图定义 (08:27)
• 视频： 5-2 用户场景设计 (11:23)
• 视频： 5-3 短视频拍摄编辑发布操作流程图绘制 (09:48)
• 视频： 5-4 短视频分流程图绘制 (12:40)
• 视频： 5-5 好友管理操作流程图绘制 (14:31)

第6章 产品结构图 5 节 | 55分钟

对产品频道及子频道、页面以及栏目、信息元素的罗列，页面结构的设计，便于后期的原型设计。

收起列表

• 视频： 6-1 动态-产品结构图 (16:43)
• 视频： 6-2 消息中心-产品结构图 (07:20)
• 视频： 6-3 我的-产品结构图 (09:57)
• 视频： 6-4 拍短视频-产品结构图4 (13:02)
• 视频： 6-5 产品结构图查漏补缺 (07:51)

第7章 页面交互图 2 节 | 16分钟

页面的流转关系图，也利于产品、UI以及前端查漏补缺，估算工作量

收起列表

• 视频： 7-1 页面交互图-上 (10:15)
• 视频： 7-2 页面交互图-下 (04:48)

第8章 产品原型 16 节 | 177分钟

主要讲解好友动态列表原型设计、附近动态列表原型设计、短视频详情原型设计、附近短视频详情原型设计、发布用户空间原型设计、加好友原型设计、拍摄短视频原型设计、编辑与发布短视频原型设计

收起列表

• 视频： 8-1 好友-动态列表原型设计 (09:49)
• 视频： 8-2 附近-动态列表原型设计 (01:42)
• 视频： 8-3 短视频详情原型设计 (14:45)
• 视频： 8-4 附近-短视频详情原型设计 (04:11)
• 视频： 8-5 发布用户空间原型设计 (10:56)
• 视频： 8-6 加好友原型设计 (05:44)
• 视频： 8-7 拍摄短视频原型设计 (11:54)
• 视频： 8-8 编辑与发布短视频原型设计 (08:55)
• 视频： 8-9 拍摄短视频子页面原型绘制 (10:43)
• 视频： 8-10 编辑短视频子页面原型绘制 (10:34)
• 视频： 8-11 消息中心原型绘制(一) (10:56)
• 视频： 8-12 消息中心原型绘制(二) (08:20)
• 视频： 8-13 个人中心原型绘制 (21:42)
• 视频： 8-14 原型页面交互图绘制 (16:40)
• 视频： 8-15 控件原型绘制(一) (13:43)
• 视频： 8-16 控件原型绘制(二) (15:50)

第9章 页面流程图 6 节 | 57分钟

用页面原型按照页面跳转关系以及操作流程进行连接，梳理页面流程关系

收起列表

• 视频： 9-1 短视频拍摄发布-页面流程(上) (07:55)
• 视频： 9-2 短视频拍摄发布-页面流程(下) (08:14)
• 视频： 9-3 好友管理-页面流程(一) (08:31)
• 视频： 9-4 好友管理-页面流程(二) (08:12)
• 视频： 9-5 好友管理-页面流程(三) (15:43)
• 视频： 9-6 好友管理-页面流程(四) (07:39)

第10章 交互说明文档 20 节 | 209分钟

完成交互设计综合输出文档，涉及产品信息架构、流程图、全局说明以及原型、交互细节说明等，便于交付设计、开发

收起列表

• 视频： 10-1 交互文档说明 (06:50)
• 视频： 10-2 项目基本说明 (09:27)
• 视频： 10-3 常用控件 (14:49)
• 视频： 10-4 网络异常 (05:12)
• 视频： 10-5 加载机制 (12:05)
• 视频： 10-6 网络环境 (07:13)
• 视频： 10-7 缓存机制 (06:02)
• 视频： 10-8 手势操作 (10:43)
• 视频： 10-9 屏幕旋转与中断机制 (09:12)
• 视频： 10-10 声音控制与信息显示 (04:33)
• 视频： 10-11 提示框 (24:54)
• 视频： 10-12 原型交互说明（1） (13:32)
• 视频： 10-13 原型交互说明（2） (08:26)
• 视频： 10-14 原型交互说明（3） (10:43)
• 视频： 10-15 原型交互说明（4） (11:20)
• 视频： 10-16 原型交互说明（5） (10:17)
• 视频： 10-17 原型交互说明（6） (10:51)
• 视频： 10-18 原型交互说明（7） (09:42)
• 视频： 10-19 原型交互说明（8） (13:43)
• 视频： 10-20 原型交互说明（9） (08:57)

第11章 演示原型 5 节 | 69分钟

对产品重要或复杂交互部分进行交互效果制作，用于现场演示

收起列表

• 视频： 11-1 交互演示原型定义 (05:42)
• 视频： 11-2 进度条的分段 (16:03)
• 视频： 11-3 进度条的控制 (16:24)
• 视频： 11-4 进度条的删除 (11:56)
• 视频： 11-5 特效编辑交互处理 (18:50)

第12章 课程总结 1 节 | 11分钟

本章节对前十一章的内容进行归纳、梳理、总结

收起列表

• 视频： 12-1 实战总结 (10:39)