课程标题:
抖音级短视频App交互设计系统学习与实战
https://coding.imooc.com/class/221.html
课程简介:
在互联网产品越来越注重体验的今天,如果说有什么能直接影响用户体验,那一定是交互设计?无论你是产品经理、 程序员、还是设计师,甚至运营人员,了解并掌握一些交互设计都是你必须要做的功课,这将使你更深入的看透“互联网产品的本质”
难度 初级 · 时长 14小时30分钟 · 学习人数 90 · 综合评分 9.78分**
第1章 课程简介
本章节主要讲解什么是交互设计、交互设计岗位职责、交互设计的发展前景,了解产品交互设计的背景与价值、知晓产品交互设计的职责与能力。
1-1 课程简介
第2章 需求分析
主要讲解实战项目定位与需求分析、从用户需求到功能需求、KANO模型绘制、以及如何对需求做减法。通过这些了解如何理解用户本质需求、获取需求的主要方法与技巧、评估需求的原则与技巧。
2-1 实战项目定位与需求分析
2-2 从用户需求到功能需求
2-3 KANO模型
2-4 对需求做减法
第3章 功能结构图
本章节主要讲解对产品整体功能进行梳理、并按功能从属、层次关系进行排列、以及功能结构图绘制
3-1 功能结构图定义
3-2 功能结构图绘制(一)
3-3 功能结构图绘制(二)
3-4 功能结构图绘制(三)
3-5 功能结构图绘制(四)
3-6 功能结构图绘制(五)
第4章 信息架构图
本章节主要讲解信息架构图,包括:对产品信息的关系梳理、分类、组织,表达产品的信息架构,对信息数据进行整理、以及信息架构设计
4-1 信息架构设计定义
4-2 信息架构设计(一)
4-3 信息架构设计(二)
4-4 信息架构设计(三)
4-5 信息架构设计(四)
第5章 操作流程图
本章节主要讲操作流程图定义、用户场景设计、短视频拍摄编辑发布操作流程图绘制、短视频分流程图绘制、好友管理操作流程图绘制
5-1 操作流程图定义
5-2 用户场景设计
5-3 短视频拍摄编辑发布操作流程图绘制
5-4 短视频分流程图绘制
5-5 好友管理操作流程图绘制
第6章 产品结构图
对产品频道及子频道、页面以及栏目、信息元素的罗列,页面结构的设计,便于后期的原型设计。
6-1 动态-产品结构图
6-2 消息中心-产品结构图
6-3 我的-产品结构图
6-4 拍短视频-产品结构图4
6-5 产品结构图查漏补缺
第7章 页面交互图
页面的流转关系图,也利于产品、UI以及前端查漏补缺,估算工作量
7-1 页面交互图-上
7-2 页面交互图-下
第8章 产品原型
主要讲解好友动态列表原型设计、附近动态列表原型设计、短视频详情原型设计、附近短视频详情原型设计、发布用户空间原型设计、加好友原型设计、拍摄短视频原型设计、编辑与发布短视频原型设计
8-1 好友-动态列表原型设计
8-2 附近-动态列表原型设计
8-3 短视频详情原型设计
8-4 附近-短视频详情原型设计
8-5 发布用户空间原型设计
8-6 加好友原型设计
8-7 拍摄短视频原型设计
8-8 编辑与发布短视频原型设计
8-9 拍摄短视频子页面原型绘制
8-10 编辑短视频子页面原型绘制
8-11 消息中心原型绘制(一)
8-12 消息中心原型绘制(二)
8-13 个人中心原型绘制
8-14 控件原型绘制(一)
8-15 控件原型绘制(二)
8-16 原型页面交互图绘制
第9章 页面流程图
用页面原型按照页面跳转关系以及操作流程进行连接,梳理页面流程关系
9-1 短视频拍摄发布-页面流程(上)
9-2 短视频拍摄发布-页面流程(下)
9-3 好友管理-页面流程(一)
9-4 好友管理-页面流程(二)
9-5 好友管理-页面流程(三)
9-6 好友管理-页面流程(四)
第10章 交互说明文档
完成交互设计综合输出文档,涉及产品信息架构、流程图、全局说明以及原型、交互细节说明等,便于交付设计、开发
10-1 交互文档说明
10-2 项目基本说明
10-3 常用控件
10-4 网络异常
10-5 加载机制
10-6 缓存机制
10-7 手势操作
10-8 屏幕旋转与中断机制
10-9 声音控制与信息显示
第11章 演示原型
对产品重要或复杂交互部分进行交互效果制作,用于现场演示