課程簡介
課程以workshop實戰(zhàn)的方式詳解互聯網時代下的產品設計思路及未來走向,用原型驅動的方式演繹產品設計的全流程,涵蓋用戶體驗、交互和界面設計三個方面,學員分組實踐產品的從用戶群定位、競品分析直至原型腳本的創(chuàng)建及可用性測試的全過程。
目標收益
1、理解用戶體驗設計及交互設計工作原理
2、掌握紙面原型腳本設計方法并使用原型規(guī)劃業(yè)務流程和交互方式
3、掌握規(guī)范化設計方法
4、掌握原型驅動的敏捷設計理念
5、掌握專業(yè)的用戶研究和可用性測試的方法
6、理解互聯網思維、產品細節(jié)打造及以用戶為中心的UCD設計理念
培訓對象
本課程適用于產品經理、開發(fā)人員、設計人員以及與產品打造、開發(fā)相關的其它人員,同時對從事Web設計和移動應用設計的初學者提供諸多幫助,對創(chuàng)建完美高效的開發(fā)團隊提供建設性思路和意見。
學員無需任何基礎系統(tǒng),只要對Web設計和移動三大平臺有簡單的了解,并對設計及相關工作有興趣就可以。
課程大綱
第一天 1.一張紙一支筆我們開始設計 |
1.1 想象力與圖解力 1.2原型驅動的用戶體驗設計 1.3傳統(tǒng)設備與移動產品 1.4用戶體驗設計的流程 1.5當設計遇到敏捷 |
第一天 2.產品定位與用戶研究 |
2.1 以用戶為中心的UCD設計 2.2 用戶故事——痛點還是動機 2.3 差異化與競品分析 2.4 用戶研究 2.5 規(guī)劃人物角色 2.5 產品的可用性測試 |
第一天 3.產品創(chuàng)意和原型草圖 |
3.1 會玩“頭腦風暴”嗎? 3.2 用草圖記錄想法和創(chuàng)意 3.3 繪制原型草圖 3.4 有連貫、有情節(jié),做成故事板 3.5 原型草圖的種類和形式 3.6 原型工具和草圖軟件 3.5 原型草圖的種類和形式 |
第二天 4.互動環(huán)節(jié) |
1、做一次設計師的頭腦風暴 2、畫出原型草圖 3、交換,互相評價 |
5.移動設備的交互特點 |
5.2 移動設備的人體工程學特點 5.3 單手操作還是雙手操作 5.4 善待指尖 5.5 移動應用的視覺因素 5.6 優(yōu)化視覺結構 5.7 關于屏幕的旋轉 5.7應用的跨設備移植 |
6.交互的藝術 |
6.1關于導航 6.2 iOS的傳統(tǒng)導航與模態(tài)情景 6.3 Android平臺的Material Design 6.4扁平化設計 6.5應用的跨平臺設計和移植 |
7.移動應用的個性化設計 |
7.1做有個性的應用 7.2圖形元素與構成理念 7.3 界面的色彩因素 7.4空間與版面 7.5 鋪開迎賓地毯 |
8.互動環(huán)節(jié) |
1、做一次設計師式的頭腦風暴 2、畫出原型草圖讓設計成型 3、產品視覺體驗熱身 |
9.圖標和啟動 |
9.1 圖標設計的原則 9.2 視覺沖擊力與視覺吸引力 9.3 欄圖標 9.4 鋪開迎賓地毯 |
10.產品測試與發(fā)布 |
10.1走向地下的可用性測試 10.2 設計評審 10.4上線之后 10.5 在敏捷團隊中進行設計 |
第一天 1.一張紙一支筆我們開始設計 1.1 想象力與圖解力 1.2原型驅動的用戶體驗設計 1.3傳統(tǒng)設備與移動產品 1.4用戶體驗設計的流程 1.5當設計遇到敏捷 |
第一天 2.產品定位與用戶研究 2.1 以用戶為中心的UCD設計 2.2 用戶故事——痛點還是動機 2.3 差異化與競品分析 2.4 用戶研究 2.5 規(guī)劃人物角色 2.5 產品的可用性測試 |
第一天 3.產品創(chuàng)意和原型草圖 3.1 會玩“頭腦風暴”嗎? 3.2 用草圖記錄想法和創(chuàng)意 3.3 繪制原型草圖 3.4 有連貫、有情節(jié),做成故事板 3.5 原型草圖的種類和形式 3.6 原型工具和草圖軟件 3.5 原型草圖的種類和形式 |
第二天 4.互動環(huán)節(jié) 1、做一次設計師的頭腦風暴 2、畫出原型草圖 3、交換,互相評價 |
5.移動設備的交互特點 5.2 移動設備的人體工程學特點 5.3 單手操作還是雙手操作 5.4 善待指尖 5.5 移動應用的視覺因素 5.6 優(yōu)化視覺結構 5.7 關于屏幕的旋轉 5.7應用的跨設備移植 |
6.交互的藝術 6.1關于導航 6.2 iOS的傳統(tǒng)導航與模態(tài)情景 6.3 Android平臺的Material Design 6.4扁平化設計 6.5應用的跨平臺設計和移植 |
7.移動應用的個性化設計 7.1做有個性的應用 7.2圖形元素與構成理念 7.3 界面的色彩因素 7.4空間與版面 7.5 鋪開迎賓地毯 |
8.互動環(huán)節(jié) 1、做一次設計師式的頭腦風暴 2、畫出原型草圖讓設計成型 3、產品視覺體驗熱身 |
9.圖標和啟動 9.1 圖標設計的原則 9.2 視覺沖擊力與視覺吸引力 9.3 欄圖標 9.4 鋪開迎賓地毯 |
10.產品測試與發(fā)布 10.1走向地下的可用性測試 10.2 設計評審 10.4上線之后 10.5 在敏捷團隊中進行設計 |