收藏

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

产品经理“跳槽大厂”必备课程/学生党“面试入职”必学课程/程序员“理解产品”爱心课程

短视频社交App交互设计实战,深入看透互联网产品本质

难度 初级 时长 14小时30分钟 学习人数 1111 综合评分 9.99

短视频社交App交互设计实战,深入看透互联网产品本质

  • 第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)
本课程已完结

试看

全部试看小节



讲师

何云山 产品经理

10年以上互联网产品经验。先后任职同程网、大众点评、金螳螂等500强企业,主导过在线教育、电商SaaS、CRM等产品的设计与搭建,熟悉小程序、APP端设计及多端矩阵融合,精通用户体验设计、用户研究、产品设计,擅长从0到1。

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题