UI&UE設計語言與產(chǎn)品需求融合技術(shù)實戰(zhàn)

UI&UE設計語言與產(chǎn)品需求融合技術(shù)實戰(zhàn)(多名講師)課程介紹：

課程背景
    在當今用戶體驗為王的時代，市場產(chǎn)品同質(zhì)化現(xiàn)象嚴重，消費者在面臨產(chǎn)品的時候有著充足的選擇空間，這種情況下用戶體驗成為了決定一個產(chǎn)品是否叫座好賣的重要性的因素之一。
    做一個產(chǎn)品和做一個“好”的產(chǎn)品之間的差距會日益明顯，企業(yè)在向市場推出一個產(chǎn)品的時候，如果用戶體驗不好，會直接導致產(chǎn)品的營銷受挫甚至失敗，我咨詢公司在為國內(nèi)很多科技企業(yè)服務的過程中，發(fā)現(xiàn)企業(yè)中普遍存在如下問題：
1. 產(chǎn)品倉促研發(fā)上線，確發(fā)現(xiàn)成為雞肋，食之無味棄之可惜；
2. 產(chǎn)品研發(fā)流程不科學合理，導致成本的巨大浪費和項目風險的極大的增加；
3. 在研發(fā)人員和設計師的資源投入上，明顯傾向研發(fā)人員，因為認為設計師屬于成本部門，但其實設計師是增效降本的創(chuàng)造價值的部門；
4. 對用戶體驗的概念只停留在一個很表面的意識，沒有認識到用戶體驗其實是需要和產(chǎn)品研發(fā)流程緊密結(jié)合并落地的一個系統(tǒng)性工程，而這個系統(tǒng)性的工程的投入換來的是產(chǎn)品的更為長久有效的核心市場競爭力；
    基于以上典型問題，我們結(jié)合大量的培訓和咨詢案例，研究國內(nèi)外各種經(jīng)典用戶體驗設計方法和工具、思維模式，并不斷總結(jié)，從而推出該課程，案例、模板、經(jīng)驗、教訓、學員分享等貫穿全課程。以期達到企業(yè)真正認知到用戶體驗思維的價值和作用。

培訓收益
本課程通過培訓使學習者獲得如下收益：
1. 系統(tǒng)深入掌握用戶體驗的知識體系，深刻理解用戶體驗在項目研發(fā)流程中各個關鍵性環(huán)節(jié)的作用和落地實踐方法；
2. 掌握用戶體驗相關的各種思維體系和方法包括設計思維、產(chǎn)品思維、設計心理學、人機交互概念、信息架構(gòu)、交互設計、流程設計等；
3. 掌握正確先進的產(chǎn)品設計流程（需求分析、產(chǎn)品定位、競品分析、用戶分析、產(chǎn)品架構(gòu)、UI設計、交互設計、原型設計等）；
4. 深刻理解設計的本質(zhì)：設計的輕和重、適度設計、設計中的設計、情感化設計、設計中的邏輯：設計→功能→需求→用戶→場景、設計與交互、產(chǎn)品架構(gòu)之間的關系等等。
5. 理解用戶體驗設計的五個要素，涉及崗位為軟件工程師、產(chǎn)品經(jīng)理、UI設計師、交互設計師、項目經(jīng)理、需求分析師、運維人員等等，注重前端和后端的銜接溝通環(huán)節(jié)；
6. 掌握各個流程階段相關的工具和方法；
7. 掌握B端產(chǎn)品企業(yè)級UI 設計體系-“”Ant Design”的設計價值觀、設計原則、視覺體系等。
8. 掌握移動端的設計特性＋架構(gòu)＋方法＋表現(xiàn)技法以及移動端設計規(guī)范IOS和Material設計規(guī)范的核心思想和理念；
9. 掌握互聯(lián)網(wǎng)產(chǎn)品設計思維，掌握用戶體驗的五個要素，從信息設計和界面設計兩個角度分別理解五個層面：“戰(zhàn)略層→范圍層→結(jié)構(gòu)層→框架層→表現(xiàn)層”的要點和設計方法；
10. 對經(jīng)典互聯(lián)網(wǎng)產(chǎn)品如微信、百度、天貓、京東、抖音等進行全面解析，幫助學員提升互聯(lián)網(wǎng)產(chǎn)品思維，用互聯(lián)網(wǎng)思維指導產(chǎn)品的研發(fā)設計流程。

培訓特色
項目全過程用戶體驗設計與UI開發(fā)實戰(zhàn)。通過一個完整的產(chǎn)品設計項目及一組實際項目案例，完全覆蓋用戶體驗與UI設計的各個知識體系的實踐應用。該項目是一個課堂實踐項目，以項目小組的形式進行沙盤實操練習，重點在于強化理解產(chǎn)品設計過程的工作重點，同時明確并強化作為產(chǎn)品工程師的一些基本素質(zhì)。

日程安排

第一天 上午：用戶體驗設計概念深入講解+案例分析+要點分析

1-1 用戶體驗設計（UE）深入解讀
 ◇ 用戶體驗設計概念
 ◇ 用戶體驗是什么？
 ◇ 用戶體驗與產(chǎn)品設計各個環(huán)節(jié)的關系
 ◇ 什么是UI設計？
 ◇ 用戶體驗設計的重要性
 ◇ 用戶體驗設計師工作職責
 ◇ 互聯(lián)網(wǎng)項目團隊構(gòu)成及配合
 ◇ 中國用戶體驗設計發(fā)展
 ◇ TCD -> BCD -> UCD
 ◇ 發(fā)展歷史
 ◇ 用戶體驗設計流程
 ◇ 用戶體驗設計五要素
 ◇ 戰(zhàn)略層（商業(yè)需求和用戶需求）
 ◇ 范圍層（功能、信息設計）
 ◇ 結(jié)構(gòu)層（信息架構(gòu)、交互設計）
 ◇ 框架層（原型設計、導航設計）
 ◇ 表現(xiàn)層（色彩體系、視覺規(guī)范、圖標設計等）
 ◇ 用戶體驗十大基本原則
 ◇ 狀態(tài)可見原則
 ◇ 環(huán)境貼切原則
 ◇ 撤銷重做原則
 ◇ 一致性原則
 ◇ 防錯原則
 ◇ 易取原則
 ◇ 靈活高效原則
 ◇ 易掃原則
 ◇ 容錯原則
 ◇ 人性化幫助原則
 ◇ 用戶體驗設計技巧
 ◇ 用戶體驗測試流程
 ◇ 做好準備工作
 ◇ 制定測試計劃
 ◇ 設計測試流程
 ◇ 安排測試地點和設備
 ◇ 進行預測試
 ◇ 招募用戶
 ◇ 準備測試房間
 ◇ 測試
 ◇ 數(shù)據(jù)整理和分析

1-2 用戶體驗設計案例分析
 ◇ 京東網(wǎng)站菜單結(jié)構(gòu)設計
 ◇ 京東App的菜單結(jié)構(gòu)設計
 ◇ 百度云的文件傳輸
 ◇ 微信App的體驗設計
 ◇ 抖音App的用戶體驗設計

1-3產(chǎn)品設計流程和注意事項
 ◇ 需求分析
 ◇ 產(chǎn)品定位
 ◇ 競品分析
 ◇ 用戶分析
 ◇ 產(chǎn)品架構(gòu)設計
 ◇ UI設計
 ◇ 原型設計
 ◇ 交互設計
 ◇ 產(chǎn)品設計注意事項
 ◇ 產(chǎn)品的設計要點
 ◇ “輕”的設計和“重”的設計
 ◇ 適度設計

下午：用戶畫像+用戶特征分析+用戶分析+競品分析案例

1-4 用戶畫像
 ◇ 什么是用戶畫像？
 ◇ 用戶畫像的價值
 ◇ 用戶畫像的方法
 ◇ 用戶畫像案例
 ◇ 滴滴打車用戶畫像案例
 ◇ 小紅書用戶畫像案例
 ◇ 抖音用戶畫像案例

1-5 用戶特征分析
 ◇ 劃分用戶群和用戶群矩陣
 ◇ 洞察用戶心理和人性
 ◇ 群體用戶心理
 ◇ 用戶生命周期
 ◇ 用戶特征分析案例
 ◇ 豆瓣用戶特征分析案例
 ◇ 全民K歌用戶特征分析案例

1-6 用戶模型
 ◇ 什么是用戶模型？
 ◇ 為什么要創(chuàng)建用戶模型？
 ◇ 什么時候可以用戶角色？
 ◇ 如何創(chuàng)建用戶模型？
 ◇ 用戶模型案例分析

1-7 需求分析
 ◇ 目標
 ◇ 用戶需求
 ◇ 產(chǎn)品需求
 ◇ 功能需求
 ◇ 非功能性需求
 ◇ 需求采集的方法
 ◇ 需求采集的工具和模板
 ◇ 三類核心需求文檔
 ◇ BRD商業(yè)需求文檔
 ◇ MRD市場需求文檔
 ◇ PRD產(chǎn)品需求文檔

1-8 了解產(chǎn)品定位
 ◇ 什么是定位？
 ◇ 為什么要定位？
 ◇ 產(chǎn)品定位五步曲
 ◇ 產(chǎn)品定位案例
 ◇ 抖音產(chǎn)品定位案例
 ◇ 下廚房產(chǎn)品定位案例
 ◇ 知乎產(chǎn)品定位案例

1-9 了解產(chǎn)品架構(gòu)
 ◇ 什么是產(chǎn)品架構(gòu)？
 ◇ 五種架構(gòu)類型
 ◇ 產(chǎn)品架構(gòu)的五個層面
 ◇ 產(chǎn)品架構(gòu)案例分析
 ◇ 核心業(yè)務流程
 ◇ 用戶功能需求
 ◇ 產(chǎn)品邏輯架構(gòu)
 ◇ 產(chǎn)品功能架構(gòu)

1-10 主流新聞App對比分析（今日頭條、騰訊新聞等）
 ◇ 主流新聞App介紹
 ◇ 用戶畫像對比
 ◇ 產(chǎn)品戰(zhàn)略層對比
 ◇ 產(chǎn)品范圍層對比
 ◇ 產(chǎn)品結(jié)構(gòu)層對比
 ◇ 產(chǎn)品框架層對比
 ◇ 產(chǎn)品表現(xiàn)層對比

第二天 上午：交互設計流程和相關核心概念及實戰(zhàn)演練（流程設計+信息架構(gòu)）

2-1 交互設計
 ◇ 交互設計概念
 ◇ 交互設計流程
 ◇ 任務分析
 ◇ 邏輯流程
 ◇ 頁面流程
 ◇ 頁面布局
 ◇ 原型設計
 ◇ 交互設計說明
 ◇ 交互設計師介紹
 ◇ 交互設計師簡介
 ◇ 交互設計師職能

2.2 流程設計
 ◇ 流程設計概念
 ◇ 邏輯流程
 ◇ 邏輯流程案例（以visio工具講解）
 ◇ 頁面流程
 ◇ 頁面流程案例（以Axure RP工具講解）
 ◇ 流程設計中的用戶體驗重點
 ◇ 清晰的布局
 ◇ 結(jié)構(gòu)準確的文字描述/提示
 ◇ 給用戶反饋
 ◇ 不要在同一個頁面里面展開多個流程

2-3 信息架構(gòu)
 ◇ 什么是信息設計？
 ◇ 什么是信息架構(gòu)？
 ◇ 信息架構(gòu)的作用
 ◇ 信息架構(gòu)怎么做？
 ◇ 信息架構(gòu)梳理的依據(jù)
 ◇ 信息架構(gòu)案例分析
 ◇ ToC和ToB信息架構(gòu)的區(qū)別
 ◇ 好的信息架構(gòu)的特點
 ◇ 案例分析
 ◇ 新聞類app信息架構(gòu)設計
 ◇ 今日頭條信息列表設計
 ◇ 淘寶主導航信息架構(gòu)設計
 ◇ 在線教育平臺信息架構(gòu)設計

下午：流程設計+原型設計（導航設計+手繪原型+Axure交互原型）實戰(zhàn)演練

2-4 導航設計
 ◇ 什么是導航設計
 ◇ 導航設計與信息架構(gòu)的關系
 ◇ 移動UI導航的架構(gòu)分類
 ◇ 層級式
 ◇ 輻射式
 ◇ 套娃式
 ◇ 標簽式
 ◇ Web端導航設計
 ◇ 頂部導航-下拉式
 ◇ 頂部導航-標簽式
 ◇ 頂部導航-網(wǎng)頁定位
 ◇ 頂部導航-縱向分布
 ◇ 左側(cè)導航-標簽式
 ◇ 左側(cè)導航-抽屜式
 ◇ 右側(cè)導航-抽屜式
 ◇ 底部導航-標簽式
 ◇ 底部導航-網(wǎng)頁定位
 ◇ 個性化導航-左右布局
 ◇ 個性化導航-可視化
 ◇ 個性化導航-交互式
 ◇ 混合導航-電商平臺（全局導航和商品導航并行）
 ◇ 關聯(lián)導航-卡片式導航
 ◇ 關聯(lián)導航-面包屑導航
 ◇ 分步驟式導航
 ◇ 導航設計用戶體驗原則
 ◇ 導航菜單要清晰可見
 ◇ 告訴用戶其當前位置
 ◇ 導航菜單要與用戶任務協(xié)調(diào)一致
 ◇ 導航菜單要易于操作
 ◇ 無感知
 ◇ 一致性

2.5 原型設計
 ◇ 原型設計概念
 ◇ 原型設計工具介紹和優(yōu)缺點
 ◇ 原型設計分類
 ◇ 手繪模型
 ◇ 灰模模型
 ◇ 交互模型
 ◇ 原型設計的作用和好處
 ◇ 手繪原型設計概念和案例
 ◇ 低保真原型&高保真原型

2.6 使用Axure RP工具進行原型設計
 ◇ Axure RP介紹
 ◇ 工作區(qū)域介紹
 ◇ 基本元件
 ◇ 高級元件
 ◇ 元件交互
 ◇ 在原型設計中添加交互設計說明
 ◇ 案例分析
 ◇ 京東的啟動過渡原型案例
 ◇ 圖片幻燈效果原型案例
 ◇ 標簽式菜單原型案例
 ◇ 京東的用戶登錄原型案例
 ◇ 美圖秀秀的選擇圖片原型案例
 ◇ 微信的發(fā)起群聊效果

第三天 上午：圖形圖像設計基礎概念/圖標基礎概念和設計創(chuàng)意/企業(yè)級 UI 設計體系/語言深度解讀

3-1 圖形圖像設計基礎概念
 ◇ 矢量圖和位圖
 ◇ 像素與分辨率
 ◇ 圖片文件格式
 ◇ 圖像色彩模式

3-2 界面設計常用工具
 ◇ PS
 ◇ AI
 ◇ FW

3-3 圖標基礎概念和設計創(chuàng)意
 ◇ 什么是圖標？
 ◇ 圖標的系統(tǒng)分類
 ◇ UI圖標
 ◇ CS軟件圖標
 ◇ Web圖標
 ◇ 圖標的尺寸
 ◇ 圖標的設計要點
 ◇ 原創(chuàng)圖標的創(chuàng)意過程
 ◇ 圖標的文件格式
 ◇ 圖標設計資源
 ◇ 擬人化圖標的繪制技巧
 ◇ 圖標光影分析
 ◇ 圖標質(zhì)感分析
 ◇ 透視關系分析
 ◇ 圖標技術(shù)精修
 ◇ 圖標技術(shù)靜修

3-4 企業(yè)級UI設計體系/語言
 ◇ 設計價值觀（判斷設計好壞的標準）
 ◇ 自然
 ◇ 確定性
 ◇ 意義感
 ◇ 成長性
 ◇ 設計原則（踐行設計價值觀的具體原則）
 ◇ 親密性
 ◇ 對齊
 ◇ 對比
 ◇ 重復
 ◇ 直截了當
 ◇ 足不出戶
 ◇ 簡化交互
 ◇ 提供邀請
 ◇ 巧用過渡
 ◇ 及時反應
 ◇ 視覺體系
 ◇ 色彩
 ◇ 布局
 ◇ 字體
 ◇ 圖標

下午: 移動端設計特性+規(guī)范+動效設計詳解（安卓）+IOS設計規(guī)范詳解

3-5 移動UI設計特性和方法
 ◇ 移動UI設計特性
 ◇ 情景特性
 ◇ 網(wǎng)絡特性
 ◇ 物理特性
 ◇ 觸摸手勢
 ◇ 系統(tǒng)特性
 ◇ 移動UI設計方法
 ◇ 關于輸入
 ◇ 簡單易懂
 ◇ 注意中斷
 ◇ 關注內(nèi)容
 ◇ 給個反饋

3-6 移動UI設計規(guī)范——IOS 設計規(guī)范
 ◇ 黃金比例的應用
 ◇ 圖標和行距的綜合
 ◇ 屏幕分的長寬比
 ◇ 撥號盤
 ◇ IOS尺寸規(guī)范
 ◇ IOS界面結(jié)構(gòu)解析
 ◇ IOS新版本規(guī)范

3-7 移動UI設計規(guī)范——安卓設計規(guī)范
 ◇ Material Design設計語言
 ◇ 介紹
 ◇ 特點
 ◇ 主流安卓手機分辨率和尺寸
 ◇ 幾個基本概念
 ◇ 像素pixel（px）
 ◇ 分辨率
 ◇ 屏幕大小
 ◇ 屏幕密度
 ◇ 獨立密度像素（dp）
 ◇ sp與dp
 ◇ dp與sp的轉(zhuǎn)換
 ◇ 不同密度的安卓屏幕之間的換算
 ◇ 安卓設計規(guī)范
 ◇ 安卓界面基本組成元素
 ◇ 安卓設計尺寸以及分辨率
 ◇ 安卓字體和尺寸
 ◇ 安卓的操作欄設計
 ◇ 多面板布局
 ◇ 觸摸與反饋

3-8 移動UI動效設計
 ◇ 動效與動畫
 ◇ 動效設計在界面設計中的定位
 ◇ 動效設計的作用
 ◇ 動效設計的軟件
 ◇ 動效設計的語言工具
 ◇ 動效設計師提交物
 ◇ 動效設計師與程序員的對接
 ◇ UI中的基本動效
 ◇ 移動APP的交互動效分類
 ◇ 動效設計的方法
 ◇ 動效設計的注意點

授課專家

謝老師軟件工程碩士，企業(yè)培訓師，中培教育高級講師，曾擔任國內(nèi)大型軟件公司架構(gòu)師/高級產(chǎn)品經(jīng)理等職位，內(nèi)訓講師，獲得國家系統(tǒng)分析師（2006年）和信息系統(tǒng)項目管理師（2013年）高級職稱，15年軟件開發(fā)、項目管理、架構(gòu)設計和產(chǎn)品設計經(jīng)驗，曾負責多個大型項目的產(chǎn)品開發(fā)和設計工作，熱衷技術(shù)寫作，BlogJava人氣博主，曾任IT168專欄作者，出版多本IT圖書。擅長技術(shù)領域：精通Axure RP等產(chǎn)品原型設計工具，精通J2EE開發(fā)，包括：Core Java、Servlet、JSP、JDBC、Struts、Hibernate、Spring、iBatis、jQuery、JavaScript等技術(shù)。精通Java設計模式、J2EE設計模式、企業(yè)級架構(gòu)模式。精通數(shù)據(jù)庫設計，熟練使用MySQL、Oracle等數(shù)據(jù)庫技術(shù)，熟練掌握Power Designer、Rose等設計工具。主編多本IT暢銷圖書：《玩轉(zhuǎn)Axure RP——Axure RP高保真網(wǎng)頁、APP原型設計》、《Power Designer系統(tǒng)分析與建模實戰(zhàn)》和《企業(yè)應用架構(gòu)設計--Struts 2+Hibernate 3+Spring 2》等。

陳老師  2003年開始從事界面設計及品牌研究，曾擔任長城廣告公司平面設計師，擔任北京麥格希爾公司設計師。獲得Adobe中國認證設計師稱號，通過Adobe中國認證教師認證，通過工信部網(wǎng)頁設計師認證。主要參與36氪創(chuàng)業(yè)媒體網(wǎng)站形象和界面設計，“極閱”軟件的Ipad版交互界面設計，Opera瀏覽器中國移動版界面設計，美國DYMO公司系列手持設備交互設計項目，用友軟件暢捷通用戶界面設計，Iphone OS操作系統(tǒng)平臺通訊軟件友錄，手機客戶端軟件界面設計等眾多交互設計和圖形界面設計項目。

趙老師資深UI設計師及講師、移動平臺交互設計總監(jiān)，畢業(yè)于清華美院、擅長用戶體驗設計及用戶界面設計，摩托羅拉產(chǎn)品發(fā)布會相關網(wǎng)站的策劃及視覺設計；安博京津動漫產(chǎn)業(yè)園官網(wǎng)的策劃及設計；國家農(nóng)產(chǎn)品追溯系統(tǒng)iPad客戶端用戶體驗及UI設計；價格線酒店預訂客戶端設計；參與多款大型網(wǎng)絡游戲的用戶體驗設計及Android和iOS客戶端用戶體驗設計；在App Store發(fā)布的多款游戲和應用軟件中擔任策劃及用戶體驗設計；擅長游戲類項目的視覺策劃及界面設計。10多年設計和教學工作，美術(shù)及設計功底深厚，擁有長期的設計經(jīng)驗及閱歷；造型能力強，色彩把握能力突出。在廣告、CI、裝幀、動畫及插圖藝術(shù)方面都有大量項目經(jīng)驗并擁有一定的造詣。多年ui平面設計經(jīng)驗，千人教育培訓經(jīng)驗。著有《品味移動設計》、《交互設計的藝術(shù)》。

更多UI&UE設計語言與產(chǎn)品需求融合技術(shù)實戰(zhàn)相關課程：