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