产品交互设计快速入门与实战-短视频社交App交互设计

第1章 课程简介

本章节主要讲解什么是交互设计、交互设计岗位职责、交互设计的发展前景，了解产品交互设计的背景与
价值、知晓产品交互设计的职责与能力。
1-1 课程简介 (05:55)

第2章 需求分析

主要讲解实战项目定位与需求分析、从用户需求到功能需求、KANO模型绘制、以及如何对需求做减法
。通过这些了解如何理解用户本质需求、获取需求的主要方法与技巧、评估需求的原则与技巧。
2-1 实战项目定位与需求分析 (07:02)
2-2 从用户需求到功能需求 (09:52)
2-3 KANO模型 (07:36)
2-4 对需求做减法 (07:30)

第3章 功能结构图

本章节主要讲解对产品整体功能进行梳理、并按功能从属、层次关系进行排列、以及功能结构图绘制
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章 信息架构图

本章节主要讲解信息架构图，包括：对产品信息的关系梳理、分类、组织，表达产品的信息架构，对信息
数据进行整理、以及信息架构设计
4-1 信息架构设计定义 (09:27)
4-2 信息架构设计（一） (05:51)
4-3 信息架构设计（二） (05:12)
4-4 信息架构设计（三） (04:36)
4-5 信息架构设计（四） (06:55)

第5章 操作流程图

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

第6章 产品结构图

对产品频道及子频道、页面以及栏目、信息元素的罗列，页面结构的设计，便于后期的原型设计。
6-1 动态-产品结构图 (16:43)
6-2 消息中心-产品结构图 (07:20)
6-3 我的-产品结构图 (09:57)
6-4 拍短视频-产品结构图4 (13:02)
6-5 产品结构图查漏补缺 (07:51)

第7章 页面交互图

页面的流转关系图，也利于产品、UI以及前端查漏补缺，估算工作量
7-1 页面交互图-上 (10:15)
7-2 页面交互图-下 (04:48)

第8章 产品原型

主要讲解好友动态列表原型设计、附近动态列表原型设计、短视频详情原型设计、附近短视频详情原型设
计、发布用户空间原型设计、加好友原型设计、拍摄短视频原型设计、编辑与发布短视频原型设计
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章 页面流程图

用页面原型按照页面跳转关系以及操作流程进行连接，梳理页面流程关系
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章 交互说明文档

完成交互设计综合输出文档，涉及产品信息架构、流程图、全局说明以及原型、交互细节说明等，便于交付设计、开发
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章 演示原型

对产品重要或复杂交互部分进行交互效果制作，用于现场演示
11-1 交互演示原型定义 (05:42)
11-2 进度条的分段 (16:03)
11-3 进度条的控制 (16:24)
11-4 进度条的删除 (11:56)
11-5 特效编辑交互处理 (18:50)

第12章 课程总结

本章节对前十一章的内容进行归纳、梳理、总结
12-1 实战总结 (10:39)