原创 短视频社交App产品交互设计学习路线

短视频社交App产品交互设计学习路线，学习产品涉及需要掌握交互设计概念、交互设计岗位职责、交互设计行业发展前景，了解产品交互设计的背景与价值、产品交互设计的职责和能力要求。

一、产品交互设需求分析

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

1.1实战项目定位与需求分析

1.2从用户需求到功能需求

1.3KANO模型

1.4对需求做减法

二、产品功能结构图

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

2.1功能结构图定义

2.2功能结构图绘制

三、信息架构图

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

3.1信息架构设计定义

3.2信息架构设计

四、操作流程图

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

4.1操作流程图定义

4.2用户场景设计

4.3短视频拍摄编辑发布操作流程图绘制

4.4短视频分流程图绘制

4.5好友管理操作流程图绘制

五、产品结构图

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

5.1动态-产品结构图

5.2消息中心-产品结构图

5.3我的-产品结构图

5.4拍短视频-产品结构图4

5.5产品结构图查漏补缺

六、页面交互图

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

6.1页面交互图-上

6.2页面交互图-下

七、产品原型

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

7.1好友-动态列表原型设计

7.2附近-动态列表原型设计

7.3短视频详情原型设计

7.4附近-短视频详情原型设计

7.5发布用户空间原型设计

7.6加好友原型设计

7.7拍摄短视频原型设计

7.8编辑与发布短视频原型设计

7.9拍摄短视频子页面原型绘制

7.10编辑短视频子页面原型绘制

7.11消息中心原型绘制

7.12个人中心原型绘制

7.14原型页面交互图绘制

7.15控件原型绘制

八、页面流程图

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

9-1短视频拍摄发布-页面流程

9-2好友管理-页面流程

九、交互说明文档

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

9.1交互文档说明

9.2项目基本说明

9.3常用控件

9.4网络异常

9.5加载机制

9.6网络环境

9.7缓存机制

9.8手势操作

9.9屏幕旋转与中断机制

9.10声音控制与信息显示

9.11提示框

9.12原型交互说明

十、演示原型

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

10.1交互演示原型定义

10.2进度条的分段

10.3进度条的控制

10.4进度条的删除

10.5特效编辑交互处理

产品交互设计学习需要掌握需求分析、功能结构图、信息架构图、操作流程图、产品结构图、页面交互图、产品原型、页面流程图、交互说明文档、演示原型等相关知识。