首頁 > 公開課 > 產品設計 > UI/UE設計語言與產品需求融合技術實戰

UI/UE設計語言與產品需求融合技術實戰

培訓地點 成都
培訓時間 4月25-27日

一、課程背景

在當今用戶體驗為王的時代,市場產品同質化現象嚴重,消費者在面臨產品的時候有著充足的選擇空間,這種情況下用戶體驗成為了決定一個產品是否叫座好賣的重要性的因素之一。

做一個產品和做一個“好”的產品之間的差距會日益明顯,企業在向市場推出一個產品的時候,如果用戶體驗不好,會直接導致產品的營銷受挫甚至失敗,我咨詢公司在為國內很多科技企業服務的過程中,發現企業中普遍存在如下問題:

1. 產品倉促研發上線,確發現成為雞肋,食之無味棄之可惜;

2. 產品研發流程不科學合理,導致成本的巨大浪費和項目風險的極大的增加;

3. 在研發人員和設計師的資源投入上,明顯傾向研發人員,因為認為設計師屬于成本部門,但其實設計師是增效降本的創造價值的部門;

4. 對用戶體驗的概念只停留在一個很表面的意識,沒有認識到用戶體驗其實是需要和產品研發流程緊密結合并落地的一個系統性工程,而這個系統性的工程的投入換來的是產品的更為長久有效的核心市場競爭力;

基于以上典型問題,我們結合大量的培訓和咨詢案例,研究國內外各種經典用戶體驗設計方法和工具、思維模式,并不斷總結,從而推出該課程,案例、模板、經驗、教訓、學員分享等貫穿全課程。以期達到企業真正認知到用戶體驗思維的價值和作用。

二、培訓收益

本課程通過培訓使學習者獲得如下收益:

1. 系統深入掌握用戶體驗的知識體系,深刻理解用戶體驗在項目研發流程中各個關鍵性環節的作用和落地實踐方法;

2. 掌握用戶體驗相關的各種思維體系和方法包括設計思維、產品思維、設計心理學、人機交互概念、信息架構、交互設計、流程設計等;

3. 掌握正確先進的產品設計流程(需求分析、產品定位、競品分析、用戶分析、產品架構、UI設計、交互設計、原型設計等);

4. 深刻理解設計的本質:設計的輕和重、適度設計、設計中的設計、情感化設計、設計中的邏輯:設計→功能→需求→用戶→場景、設計與交互、產品架構之間的關系等等;

5. 理解用戶體驗設計的五個要素,涉及崗位為軟件工程師、產品經理、UI設計師、交互設計師、項目經理、需求分析師、運維人員等等,注重前端和后端的銜接溝通環節;

6. 掌握各個流程階段相關的工具和方法;

7. 掌握B端產品企業級UI 設計體系-“”Ant Design”的設計價值觀、設計原則、視覺體系等;

8. 掌握移動端的設計特性+架構+方法+表現技法以及移動端設計規范IOS和Material設計規范的核心思想和理念;

9. 掌握互聯網產品設計思維,掌握用戶體驗的五個要素,從信息設計和界面設計兩個角度分別理解五個層面:“戰略層→范圍層→結構層→框架層→表現層”的要點和設計方法;

10. 對經典互聯網產品如微信、百度、天貓、京東、抖音等進行全面解析,幫助學員提升互聯網產品思維,用互聯網思維指導產品的研發設計流程。

三、培訓對象

1.企業的管理者CEO、中高層管理者等;

2.傳統軟件行業和泛互聯網行業的研發團隊的所有崗位,包括軟件工程師、產品經理、項目經理、UI設計師、交互設計師、需求分析師、數據分析師、運維人員等等;

3.產品營銷和市場人員,有助于理解用戶體驗設計與營銷之間的深度關系。

四、培訓特色

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

五、日程安排

時間 學習內容
第1天 上午:用戶體驗設計概念深入講解+案例分析+要點分析 下午:用戶畫像+用戶特征分析+用戶分析+競品分析案例
1-1 用戶體驗設計(UE)深入解讀
?用戶體驗設計概念
→戶體驗是什么
→用戶體驗與產品設計各個環節的關系
→什么是UI設計
?用戶體驗設計的重要性
?用戶體驗設計師工作職責
?互聯網項目團隊構成及配合
?中國用戶體驗設計發展
→TCD -> BCD -> UCD
→發展歷史
?用戶體驗設計流程
?用戶體驗設計五要素
→戰略層(商業需求和用戶需求)
→范圍層(功能、信息設計)
→結構層(信息架構、交互設計)
→框架層(原型設計、導航設計)
→表現層(色彩體系、視覺規范、圖標設計等)
?用戶體驗十大基本原則
→狀態可見原則
→環境貼切原則
→撤銷重做原則
→一致性原則
→防錯原則
→易取原則
→靈活高效原則
→易掃原則
→容錯原則
→人性化幫助原則
?用戶體驗設計技巧
?用戶體驗測試流程
→做好準備工作
→制定測試計劃
→設計測試流程
→安排測試地點和設備
→進行預測試
→招募用戶
→準備測試房間
→測試
→數據整理和分析
1-2 用戶體驗設計案例分析
?京東網站菜單結構設計
?京東App的菜單結構設計
?百度云的文件傳輸
?信App的體驗設計
?抖音App的用戶體驗設計
1-3產品設計流程和注意事項
?需求分析
?產品定位
?競品分析
?用戶分析
?產品架構設計
?UI設計
?原型設計
?交互設計
?產品設計注意事項
→產品的設計要點
→“輕”的設計和“重”的設計
→適度設計
1-4 用戶畫像
?什么是用戶畫像
?用戶畫像的價值
?用戶畫像的方法
?用戶畫像案例
→滴滴打車用戶畫像案例
→小紅書用戶畫像案例
→抖音用戶畫像案例
1-5 用戶特征分析
?劃分用戶群和用戶群矩陣
?洞察用戶心理和人性
?群體用戶心理
?用戶生命周期
?用戶特征分析案例
→豆瓣用戶特征分析案例
→全民K歌用戶特征分析案例
1-6 用戶模型
?什么是用戶模型
?為什么要創建用戶模型
?什么時候可以用戶角色
?如何創建用戶模型
?用戶模型案例分析
1-7 需求分析
?目標
?用戶需求
?產品需求
→功能需求
→非功能性需求
?需求采集的方法
?需求采集的工具和模板
?三類核心需求文檔
→BRD商業需求文檔
→MRD市場需求文檔
→PRD產品需求文檔
1-8 了解產品定位
?什么是定位
?為什么要定位
?產品定位五步曲
?產品定位案例
→抖音產品定位案例
→下廚房產品定位案例
→知乎產品定位案例
1-9 了解產品架構
?什么是產品架構
?五種架構類型
?產品架構的五個層面
?產品架構案例分析
→核心業務流程
→用戶功能需求
→產品邏輯架構
→產品功能架構
1-10 主流新聞App對比分析(今日頭條、騰訊新聞等)
?主流新聞App介紹
?用戶畫像對比
?產品戰略層對比
?產品范圍層對比
?產品結構層對比
?產品框架層對比
?產品表現層對比
第2天 上午:交互設計流程和相關核心概念及實戰演練(流程設計+信息架構) 下午:流程設計+原型設計(導航設計+手繪原型+Axure交互原型)實戰演練
2-1 交互設計
?交互設計概念
?交互設計流程
→任務分析
→邏輯流程
→頁面流程
→頁面布局
→原型設計
→交互設計說明
?交互設計師介紹
→交互設計師簡介
→交互設計師職能
2.2 流程設計
?流程設計概念
?邏輯流程
?邏輯流程案例(以visio工具講解)
?頁面流程
?頁面流程案例(以Axure RP工具講解)
?流程設計中的用戶體驗重點
→清晰的布局
→結構準確的文字描述/提示
→給用戶反饋
→不要在同一個頁面里面展開多個流程
2-3 信息架構
?什么是信息設計
?什么是信息架構
?信息架構的作用
?信息架構怎么做
?信息架構梳理的依據
?信息架構案例分析
?ToC和ToB信息架構的區別
?好的信息架構的特點
?案例分析
→新聞類app信息架構設計
→今日頭條信息列表設計
→淘寶主導航信息架構設計
→在線教育平臺信息架構設計
2-4 導航設計
?什么是導航設計
?導航設計與信息架構的關系
?移動UI導航的架構分類
→層級式
→輻射式
→套娃式
→標簽式
?Web端導航設計
→頂部導航-下拉式
→頂部導航-標簽式
→頂部導航-網頁定位
→頂部導航-縱向分布
→左側導航-標簽式
→左側導航-抽屜式
→右側導航-抽屜式
→底部導航-標簽式
→底部導航-網頁定位
→個性化導航-左右布局
→個性化導航-可視化
→個性化導航-交互式
→混合導航-電商平臺(全局導航和商品導航并行)
→關聯導航-卡片式導航
→關聯導航-面包屑導航
→分步驟式導航
?導航設計用戶體驗原則
→導航菜單要清晰可見
→告訴用戶其當前位置
→導航菜單要與用戶任務協調一致
→導航菜單要易于操作
→無感知
→一致性
2.5 原型設計
?原型設計概念
?原型設計工具介紹和優缺點
?原型設計分類
→手繪模型
→灰模模型
→交互模型
?原型設計的作用和好處
?手繪原型設計概念和案例
?低保真原型 & 高保真原型
2.6 使用Axure RP工具進行原型設計
?Axure RP介紹
?工作區域介紹
?基本元件
?高級元件
?元件交互
?在原型設計中添加交互設計說明
?案例分析
→京東的啟動過渡原型案例
→圖片幻燈效果原型案例
→標簽式菜單原型案例
→京東的用戶登錄原型案例
→美圖秀秀的選擇圖片原型案例
→微信的發起群聊效果
第3天 上午:圖形圖像設計基礎概念/圖標基礎概念和設計創意/企業級 UI 設計體系/語言深度解讀 下午:移動端設計特性+規范+動效設計詳解(安卓)+IOS設計規范詳解
3-1 圖形圖像設計基礎概念
?矢量圖和位圖
?像素與分辨率
?圖片文件格式
?圖像色彩模式
3-2 界面設計常用工具
?PS
?AI
?FW
3-3 圖標基礎概念和設計創意
?什么是圖標
?圖標的系統分類
→UI圖標
→CS軟件圖標
→Web圖標
?圖標的尺寸
?圖標的設計要點
?原創圖標的創意過程
?圖標的文件格式
?圖標設計資源
?擬人化圖標的繪制技巧
?圖標光影分析
?圖標質感分析
?透視關系分析
?圖標技術精修
?圖標技術靜修
3-4 企業級UI設計體系/語言
?設計價值觀(判斷設計好壞的標準)
→自然
→確定性
→意義感
→成長性
?設計原則(踐行設計價值觀的具體原則)
→親密性
→對齊
→對比
→重復
→直截了當
→足不出戶
→簡化交互
→提供邀請
→巧用過渡
→及時反應
?視覺體系
→色彩
→布局
→字體
→圖標
3-5 移動UI設計特性和方法
? 移動UI設計特性
→情景特性
→網絡特性
→物理特性
→觸摸手勢
→系統特性
?移動UI設計方法
→關于輸入
→簡單易懂
→注意中斷
→關注內容
→給個反饋
3-6 移動UI設計規范——IOS 設計規范
?黃金比例的應用
?圖標和行距的綜合
?屏幕分的長寬比
?撥號盤
?IOS尺寸規范
?IOS界面結構解析
?IOS新版本規范
3-7 移動UI設計規范——安卓設計規范
?Material Design設計語言
→介紹
→特點
?主流安卓手機分辨率和尺寸
?幾個基本概念
→像素pixel(px)
→分辨率
→屏幕大小
→屏幕密度
→獨立密度像素(dp)
→sp與dp
→dp與sp的轉換
?不同密度的安卓屏幕之間的換算
?安卓設計規范
→安卓界面基本組成元素
→安卓設計尺寸以及分辨率
→安卓字體和尺寸
→安卓的操作欄設計
→多面板布局
→觸摸與反饋
3-8 移動UI動效設計
?動效與動畫
?動效設計在界面設計中的定位
?動效設計的作用
?動效設計的軟件
?動效設計的語言工具
?動效設計師提交物
?動效設計師與程序員的對接
?UI中的基本動效
?移動APP的交互動效分類
?動效設計的方法
?動效設計的注意點

六、 授課專家

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

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

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