1. 程式人生 > >產品互動設計快速入門與實戰 “抖音”級短視訊社交App互動設計

產品互動設計快速入門與實戰 “抖音”級短視訊社交App互動設計

第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 聲音控制與資訊顯示
10-10 原型互動說明(1)
10-11 原型互動說明(2)
10-12 原型互動說明(3)
10-13 原型互動說明(4)
10-14 原型互動說明(5)
10-15 原型互動說明(6)
10-16 原型互動說明(7)
10-17 原型互動說明(8)
10-18 原型互動說明(9)

第11章 演示原型
對產品重要或複雜互動部分進行互動效果製作,用於現場演示
11-1 互動演示原型定義
11-2 進度條的分段
11-3 進度條的控制
11-4 進度條的刪除
11-5 特效編輯互動處理

第12章 課程總結
本章節對前十一章的內容進行歸納、梳理、總結
12-1 實戰總結

下載地址:百度網盤下載