課程簡介
課程涵蓋傳統(tǒng)PC、Web端業(yè)務(wù)及移動互聯(lián)產(chǎn)品,從設(shè)計師的角度闡述產(chǎn)品設(shè)計方法和區(qū)別,以及如何相互移植。從用戶體驗(yàn)、交互和界面設(shè)計三個方面,詳解互聯(lián)網(wǎng)時代下的產(chǎn)品設(shè)計思路及未來走向,并為每一位參會學(xué)員探討?;桨?。
目標(biāo)收益
1、理解用戶體驗(yàn)設(shè)計及交互設(shè)計工作原理
2、掌握紙面原型腳本設(shè)計方法并使用原型規(guī)劃業(yè)務(wù)流程和交互方式
3、掌握移動端iOS、Android的規(guī)范化設(shè)計方法
4、掌握H5的響應(yīng)式技術(shù)下Web端的Metro設(shè)計理念
5、掌握專業(yè)可用性測試的方法
6、理解互聯(lián)網(wǎng)思維、產(chǎn)品細(xì)節(jié)打造及以用戶為中心的UCD設(shè)計理念
培訓(xùn)對象
本課程適用于產(chǎn)品經(jīng)理、開發(fā)人員、設(shè)計人員以及與產(chǎn)品開發(fā)相關(guān)的其它人員,同時對從事傳統(tǒng)PC、Web設(shè)計和移動應(yīng)用設(shè)計的初學(xué)者提供諸多幫助,對創(chuàng)建完美高效的開發(fā)團(tuán)隊提供建設(shè)性思路和意見。
學(xué)員無需任何基礎(chǔ)系統(tǒng),只要對Web設(shè)計和移動三大平臺有簡單的了解,并對設(shè)計及相關(guān)工作有興趣就可以。
課程大綱
1. 原型驅(qū)動敏捷設(shè)計流程 |
1.1產(chǎn)品設(shè)計的核心理念 1.2 PC平臺與移動平臺 1.3用戶體驗(yàn)設(shè)計的流程 1.4原型驅(qū)動與敏捷設(shè)計 |
2.用戶需求與產(chǎn)品定位 |
2.1 以用戶為中心的UCD設(shè)計 2.2 項(xiàng)目干系人與企業(yè)文化 2.3 設(shè)計師的競品分析 2.4 用戶研究 2.5 定量研究與定性研究 2.6關(guān)于產(chǎn)出物 |
3.產(chǎn)品創(chuàng)意和原型草圖 |
3.1 會玩“頭腦風(fēng)暴”嗎? 3.2 用草圖記錄想法和創(chuàng)意 3.3 繪制原型草圖 3.4 有連貫、有情節(jié),做成故事板 3.5 原型草圖的種類和形式 3.6 交互設(shè)計文檔 |
4. 互動環(huán)節(jié) |
1、分組,選定主題 2、細(xì)分目標(biāo)用戶,畫出人物角色卡片 3、圖解力競賽 |
5.交互的藝術(shù) |
5.1是PC應(yīng)用還是移動產(chǎn)品 5.2信息架構(gòu)與導(dǎo)航設(shè)計 5.3從人體工程學(xué)理解交互 5.4 web頁面與Metro UI 5.5 移動產(chǎn)品的交互特點(diǎn) 5.6 Material Design 5.7 響應(yīng)式設(shè)計思路 |
6.用原型來驅(qū)動設(shè)計 |
6.1讓設(shè)計成形 6.2 關(guān)于原型的保真度 6.3 用戶的可用性測試 6.4 迭代與不斷完善 6.5 原型技術(shù)和原型軟件 |
7.產(chǎn)品的個性化設(shè)計 |
7.1做有個性的產(chǎn)品 7.2圖形元素與構(gòu)成理念 7.3圖像與視覺 7.4 頁面的色彩因素 7.5 嚴(yán)謹(jǐn)?shù)陌盐兆煮w 7.6空間與版面設(shè)計 7.7擬物化還是扁平化 |
8.互動環(huán)節(jié) |
1、做一次設(shè)計師的頭腦風(fēng)暴 2、畫出原型草圖 3、交換,互相評價 |
9.圖標(biāo)和啟動 |
9.1 圖標(biāo)設(shè)計的原則 9.2 視覺沖擊力與視覺吸引力 9.3 欄圖標(biāo) 9.4 鋪開迎賓地毯 |
10.產(chǎn)品測試與發(fā)布 |
10.1走向地下的可用性測試 10.2 設(shè)計評審 10.4上線之后 10.5 在敏捷團(tuán)隊中進(jìn)行設(shè)計 |
1. 原型驅(qū)動敏捷設(shè)計流程 1.1產(chǎn)品設(shè)計的核心理念 1.2 PC平臺與移動平臺 1.3用戶體驗(yàn)設(shè)計的流程 1.4原型驅(qū)動與敏捷設(shè)計 |
2.用戶需求與產(chǎn)品定位 2.1 以用戶為中心的UCD設(shè)計 2.2 項(xiàng)目干系人與企業(yè)文化 2.3 設(shè)計師的競品分析 2.4 用戶研究 2.5 定量研究與定性研究 2.6關(guān)于產(chǎn)出物 |
3.產(chǎn)品創(chuàng)意和原型草圖 3.1 會玩“頭腦風(fēng)暴”嗎? 3.2 用草圖記錄想法和創(chuàng)意 3.3 繪制原型草圖 3.4 有連貫、有情節(jié),做成故事板 3.5 原型草圖的種類和形式 3.6 交互設(shè)計文檔 |
4. 互動環(huán)節(jié) 1、分組,選定主題 2、細(xì)分目標(biāo)用戶,畫出人物角色卡片 3、圖解力競賽 |
5.交互的藝術(shù) 5.1是PC應(yīng)用還是移動產(chǎn)品 5.2信息架構(gòu)與導(dǎo)航設(shè)計 5.3從人體工程學(xué)理解交互 5.4 web頁面與Metro UI 5.5 移動產(chǎn)品的交互特點(diǎn) 5.6 Material Design 5.7 響應(yīng)式設(shè)計思路 |
6.用原型來驅(qū)動設(shè)計 6.1讓設(shè)計成形 6.2 關(guān)于原型的保真度 6.3 用戶的可用性測試 6.4 迭代與不斷完善 6.5 原型技術(shù)和原型軟件 |
7.產(chǎn)品的個性化設(shè)計 7.1做有個性的產(chǎn)品 7.2圖形元素與構(gòu)成理念 7.3圖像與視覺 7.4 頁面的色彩因素 7.5 嚴(yán)謹(jǐn)?shù)陌盐兆煮w 7.6空間與版面設(shè)計 7.7擬物化還是扁平化 |
8.互動環(huán)節(jié) 1、做一次設(shè)計師的頭腦風(fēng)暴 2、畫出原型草圖 3、交換,互相評價 |
9.圖標(biāo)和啟動 9.1 圖標(biāo)設(shè)計的原則 9.2 視覺沖擊力與視覺吸引力 9.3 欄圖標(biāo) 9.4 鋪開迎賓地毯 |
10.產(chǎn)品測試與發(fā)布 10.1走向地下的可用性測試 10.2 設(shè)計評審 10.4上線之后 10.5 在敏捷團(tuán)隊中進(jìn)行設(shè)計 |