用戶體驗(yàn)與UI設(shè)計(jì)開發(fā)培訓(xùn)班

用戶體驗(yàn)與UI設(shè)計(jì)開發(fā)培訓(xùn)班(多名講師)課程介紹：

各有關(guān)單位：
    為響應(yīng)工業(yè)和信息化部信息化高端人才培養(yǎng)的號召,中國信息化培訓(xùn)中心特推出了用戶體驗(yàn)設(shè)計(jì)與UI開發(fā)課程培訓(xùn)班，希望通過專業(yè)的用戶體驗(yàn)設(shè)計(jì)與業(yè)界真實(shí)案例來全面提高UI設(shè)計(jì)人員的設(shè)計(jì)水平，旨在培養(yǎng)專業(yè)UI設(shè)計(jì)師，更好地服務(wù)于用戶體驗(yàn)設(shè)計(jì)與UI工作。現(xiàn)將相關(guān)事宜通知如下：

一、培訓(xùn)特色
    項(xiàng)目全過程用戶體驗(yàn)設(shè)計(jì)與UI開發(fā)實(shí)戰(zhàn)。通過一個(gè)完整的產(chǎn)品設(shè)計(jì)項(xiàng)目及一組實(shí)際項(xiàng)目案例，完全覆蓋用戶體驗(yàn)與UI設(shè)計(jì)的各個(gè)知識體系的實(shí)踐應(yīng)用。該項(xiàng)目是一個(gè)課堂實(shí)踐項(xiàng)目，以項(xiàng)目小組的形式進(jìn)行沙盤實(shí)操練習(xí)，重點(diǎn)在于強(qiáng)化理解產(chǎn)品設(shè)計(jì)過程的工作重點(diǎn)，同時(shí)明確并強(qiáng)化作為產(chǎn)品工程師的一些基本素質(zhì)。
    強(qiáng)調(diào)互動式教學(xué)、強(qiáng)化團(tuán)隊(duì)討論，力爭每一個(gè)學(xué)員在課程中都有上臺發(fā)言的機(jī)會，將有超過50% - 70% 的時(shí)間用于討論、練習(xí)及游戲（具體比例可視學(xué)員的情況進(jìn)行調(diào)整）。但這一做法需要學(xué)員的積極參與，盡可能地將實(shí)際項(xiàng)目中地各種問題拿出來討論，這要求學(xué)員前期做一定地準(zhǔn)備工作。

二、培訓(xùn)目標(biāo)
1. 掌握互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)流程和用戶體驗(yàn)設(shè)計(jì)的五個(gè)要素，涉及崗位為產(chǎn)品經(jīng)理＋交互設(shè)計(jì)＋UI設(shè)計(jì)師，注重前端和后端的銜接溝通環(huán)節(jié)；
2. 掌握各個(gè)流程階段相關(guān)的工具和方法；
3. 掌握ios、安卓設(shè)計(jì)規(guī)范；
4. 掌握互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)思維，掌握移動UI設(shè)計(jì)特性＋架構(gòu)＋方法＋表現(xiàn)技法；
5. 掌握用戶體驗(yàn)的五個(gè)要素，從信息設(shè)計(jì)和界面設(shè)計(jì)兩個(gè)角度分別理解五個(gè)層面：“戰(zhàn)略層→范圍層→結(jié)構(gòu)層→框架層→視覺層”的要點(diǎn)和設(shè)計(jì)方法；
6. 掌握移動端產(chǎn)品動效設(shè)計(jì)的概念和方法、原則等；
7. 熟練使用PS和AI軟件快速上手制作圖標(biāo)、界面和美觀、用戶體驗(yàn)良好的App頁面。

三、課程大綱

第一天上午

用戶體驗(yàn)設(shè)計(jì)基本概念和前期流程（產(chǎn)物：用戶模型＋競品分析）
1. 用戶體驗(yàn)設(shè)計(jì)（UE）設(shè)計(jì)介紹
2. UED與UX、UE、GUI、UCD、IA等概念的定義異同
3. 用戶體驗(yàn)設(shè)計(jì)的基本流程（案例）
4. 前期部分：用戶研究 需求分析 功能列表和競品分析
5. 中期部分：任務(wù)流程分析信息架構(gòu)
6. 后期部分：高低保真度原型 交互設(shè)計(jì)規(guī)范 用戶測試
7. 當(dāng)前用戶體驗(yàn)設(shè)計(jì)的現(xiàn)狀
8. 互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)思維
9. 用戶模型（典型用戶和邊緣用戶）
10. 用戶模型案例作業(yè)（以社交或旅游類產(chǎn)品為例）
11. 競品分析概念和基本方法（以新聞?lì)惍a(chǎn)品為例）
12. 競品分析案例作業(yè)
13. 講評和總結(jié)

第一天下午

產(chǎn)品經(jīng)理三大需求文檔（需求分析＋BRD+MRD+PRD）
1. 需求分析（商業(yè)需求＋用戶需求）
 ◇ 需求來源
 ◇ 需求評估方法
 ◇ 市場環(huán)境分析
2. 商業(yè)需求文檔（BRD）
 ◇ BRD的內(nèi)容結(jié)構(gòu)有哪些？
 ◇ BRD的內(nèi)容＋匯報(bào)對象
 ◇ BRD的核心重點(diǎn)
3. 市場需求文檔（MRD）
 ◇ MRD和BRD的關(guān)系
 ◇ MRD的用途和作用
 ◇ MRD的寫作方法與技巧
4. 產(chǎn)品經(jīng)理的主要職能及常用方法
5. 產(chǎn)品需求文檔（PRD）要點(diǎn)
6. 思維導(dǎo)圖（頭腦風(fēng)暴）
7. 功能架構(gòu)（功能篩減＋結(jié)構(gòu)化）
8. 講評和總結(jié)

第二天上午

用戶體驗(yàn)設(shè)計(jì)中期（信息架構(gòu)＋導(dǎo)航設(shè)計(jì)+原型設(shè)計(jì)）
1. 移動UI設(shè)計(jì)架構(gòu)－信息層級
 ◇ 什么是信息架構(gòu)
 ◇ 信息架構(gòu)布局思路
 ◇ TCD和UCD的區(qū)別
 ◇ toC和toB信息架構(gòu)的區(qū)別
 ◇ 信息架構(gòu)的服務(wù)對象
 ◇ 信息架構(gòu)的層級設(shè)計(jì)
 ◇ 四種組合方式解析及案例分析（案例分析）
 ◇ 新聞?lì)恆pp信息架構(gòu)對比分析
2. 移動UI設(shè)計(jì)架構(gòu)－導(dǎo)航設(shè)計(jì)
 ◇ 什么是導(dǎo)航設(shè)計(jì)
 ◇ 移動UI導(dǎo)航的架構(gòu)分類（層級式＋輻射式＋套娃式＋標(biāo)簽式）
 ◇ 導(dǎo)航的設(shè)計(jì)分類（搜索導(dǎo)航＋分類導(dǎo)航＋相關(guān)導(dǎo)航＋Banner導(dǎo)航）
3. 原型設(shè)計(jì)（手繪原型＋交互原型）
 ◇ 什么是原型
 ◇ 手繪頁面流程案例（手繪原型）
 ◇ Axure原型設(shè)計(jì)
 ◇ 原型設(shè)計(jì)方法論
 ◇ 原型設(shè)計(jì)工具介紹及優(yōu)缺點(diǎn)
 ◇ 原型設(shè)計(jì)注意事項(xiàng)
 ◇ 原型設(shè)計(jì)實(shí)戰(zhàn)案例

第二天下午

用戶體驗(yàn)設(shè)計(jì)后期（流程設(shè)計(jì)＋交互設(shè)計(jì)＋用戶體驗(yàn)要素＋用戶體驗(yàn)測試和原則）
1. 流程設(shè)計(jì)概述和案例
 ◇ 流程設(shè)計(jì)基礎(chǔ)：
 ◇ 邏輯流程概念
 ◇ 某電商網(wǎng)站注冊登錄邏輯流程案例（Axure繪制）
 ◇ 頁面流程概念
 ◇ 頁面流程案例
 ◇ 流程設(shè)計(jì)案例分析
2. 交互設(shè)計(jì)方法和原則
3. 用戶體驗(yàn)要素分析
 ◇ 戰(zhàn)略層（需求＋定位）
 ◇ 范圍層（功能）
 ◇ 結(jié)構(gòu)層（交互設(shè)計(jì)＋導(dǎo)航設(shè)計(jì)）
 ◇ 框架層（原型搭建頁面布局＋框架）
 ◇ 視覺層（品牌＋色彩結(jié)構(gòu)＋視覺元素）
4. 用戶體驗(yàn)測試（以旅游網(wǎng)站為例）
 ◇ 用戶測試的基本流程（例）
 ◇ 用戶測試的定量研究和定性研究方法
 ◇ 用戶測試效果的評估
 ◇ 講評與總結(jié)
5. 用戶體驗(yàn)可用性原則
 ◇ 一致性原則
 ◇ 容錯(cuò)原則
 ◇ 人性化原則

第三天上午

技術(shù)精修：圖標(biāo)、界面制作技巧
1. UI設(shè)計(jì)工具與圖標(biāo)用戶體驗(yàn)
 ◇ PS特點(diǎn)和技術(shù)快速演示
 ◇ 圖形工具快速掌握
 ◇ 圖層、蒙版、路徑快速掌握
 ◇ 圖層樣式快速掌握
 ◇ AI特點(diǎn)和技術(shù)快速演示
 ◇ AI基本繪制技巧和工具的使用
 ◇ AI繪制圖標(biāo)的優(yōu)勢
 ◇ 圖標(biāo)基礎(chǔ)概念和創(chuàng)意方法
2. 圖標(biāo)精修技巧與實(shí)例
 ◇ 圖標(biāo)風(fēng)格分類
 ◇ 扁平化icon設(shè)計(jì)案例
 ◇ 長投影圖標(biāo)
 ◇ 內(nèi)嵌式圖標(biāo)
 ◇ 超小圖標(biāo)繪制技巧
 ◇ 擬物化icon設(shè)計(jì)案例
 ◇ 木紋圖標(biāo)案例
 ◇ 金屬圖標(biāo)案例
 ◇ 透明圖標(biāo)案例
 ◇ 3D圖標(biāo)案例（旋轉(zhuǎn)、擠壓）
 ◇ 精致化圖標(biāo)注意事項(xiàng)
 ◇ 圖標(biāo)格式和導(dǎo)出技巧

第三天下午

移動UI特性＋UI設(shè)計(jì)規(guī)范
1. 移動UI設(shè)計(jì)特性
 ◇ 情景特性
 ◇ 網(wǎng)絡(luò)特性
 ◇ 物理特性
 ◇ 觸摸手勢
 ◇ 系統(tǒng)特性
2. 移動UI設(shè)計(jì)方法
 ◇ 關(guān)于輸入
 ◇ 簡單易懂
 ◇ 注意中斷
 ◇ 關(guān)注內(nèi)容
 ◇ 給個(gè)反饋
3. 移動UI設(shè)計(jì)表現(xiàn)
 ◇ 動效設(shè)計(jì)
 ◇ 動效設(shè)計(jì)定位
 ◇ 動效設(shè)計(jì)方法
 ◇ 動效設(shè)計(jì)原則
4. UI設(shè)計(jì)規(guī)范
 ◇ IOS和案桌系統(tǒng)區(qū)別
 ◇ IOS設(shè)計(jì)規(guī)范
 ◇ 案桌設(shè)計(jì)規(guī)范

四、授課師資

陳老師 設(shè)計(jì)科班出身，Adobe產(chǎn)品專家，14年一線設(shè)計(jì)和教學(xué)工作，對用戶體驗(yàn)設(shè)計(jì)有著敏銳、獨(dú)特的認(rèn)知體系，擔(dān)任多家大型上市培訓(xùn)機(jī)構(gòu)教研教學(xué)總監(jiān)和多家設(shè)計(jì)公司設(shè)計(jì)總監(jiān)，出版過多本設(shè)計(jì)類的專業(yè)類書籍。資深UI設(shè)計(jì)師及講師，有獨(dú)立開發(fā)的UI設(shè)計(jì)課件帶項(xiàng)目實(shí)戰(zhàn)，曾任多家上市和大型培訓(xùn)機(jī)構(gòu)首席設(shè)計(jì)講師和教學(xué)總監(jiān)。先后為多家大型機(jī)構(gòu)設(shè)計(jì)各種設(shè)計(jì)類實(shí)訓(xùn)型課程架構(gòu)，指導(dǎo)學(xué)生完成多個(gè)互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)。

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

更多用戶體驗(yàn)與UI設(shè)計(jì)開發(fā)培訓(xùn)班相關(guān)課程：