課程簡(jiǎn)介
本課程是針對(duì)三大移動(dòng)平臺(tái)移動(dòng)設(shè)備用戶體驗(yàn)設(shè)計(jì)的系列課程之一,讓學(xué)員在短時(shí)間內(nèi),掌握各平臺(tái)應(yīng)用的交互、界面及個(gè)性化設(shè)計(jì)思路。
目標(biāo)收益
1、 原型驅(qū)動(dòng)用戶體驗(yàn)設(shè)計(jì)的工作流程
2、 項(xiàng)目的功能定位和用戶研究。
3、 敏捷設(shè)計(jì)原則及創(chuàng)意方法。
4、 繪制原型草圖
5、 應(yīng)用的導(dǎo)航方式和控件設(shè)置規(guī)范化。
6、 低保真原型和應(yīng)用的可用性測(cè)試。
7、 應(yīng)用界面的個(gè)性化設(shè)計(jì)。
8、 圖標(biāo)設(shè)計(jì)及啟動(dòng)畫面。
培訓(xùn)對(duì)象
本課程適用于想從事手機(jī)及平板電腦的界面及交互設(shè)計(jì)的人員,同時(shí)對(duì)移動(dòng)應(yīng)用開(kāi)發(fā)人員和項(xiàng)目經(jīng)理提供諸多幫助,對(duì)創(chuàng)建完美高效的開(kāi)發(fā)團(tuán)隊(duì)提供建設(shè)性思路和意見(jiàn)。學(xué)員需對(duì)移動(dòng)設(shè)備和三大平臺(tái)有簡(jiǎn)單的了解,并對(duì)設(shè)計(jì)及相關(guān)工作抱有濃厚興。
課程大綱
1.移動(dòng)應(yīng)用的設(shè)計(jì)流程 |
1.1互聯(lián)網(wǎng)思維與產(chǎn)品設(shè)計(jì) 1.2 封閉的iOS與開(kāi)放的Android 1.3移動(dòng)設(shè)備與移動(dòng)產(chǎn)品 1.4用戶體驗(yàn)設(shè)計(jì)的流程 1.5原型驅(qū)動(dòng)與敏捷設(shè)計(jì) |
2.用戶研究與產(chǎn)品定位 |
2.1以用戶為中心的UCD設(shè)計(jì) 2.2 iOS人機(jī)交互指南 2.3 競(jìng)品分析與規(guī)范化設(shè)計(jì) 2.4 用戶細(xì)分與用戶群分析 2.4 設(shè)計(jì)師的用戶研究 2.5定量研究與用戶體驗(yàn)驗(yàn)證 2.6 定性研究與可用性測(cè)試 |
3.產(chǎn)品創(chuàng)意和原型草圖 |
3.1 會(huì)玩“頭腦風(fēng)暴”嗎? 3.2 用草圖記錄想法和創(chuàng)意 3.3 繪制原型草圖 3.4 有連貫、有情節(jié),做成故事板 3.5 原型草圖的種類和形式 3.6 原型工具和草圖軟件 3.5 原型草圖的種類和形式 |
4.互動(dòng)環(huán)節(jié) | 4.互動(dòng)環(huán)節(jié) |
5.移動(dòng)設(shè)備的交互特點(diǎn) |
5.1iOS與Android設(shè)備比較 5.2移動(dòng)設(shè)備的人體工程學(xué)特點(diǎn) 5.3單手操作還是雙手操作 5.4善待指尖 5.5 移動(dòng)應(yīng)用的視覺(jué)因素 5.6優(yōu)化視覺(jué)結(jié)構(gòu) 5.7 關(guān)于屏幕的旋轉(zhuǎn) 5.7移動(dòng)應(yīng)用的跨設(shè)備移植 |
6.移動(dòng)應(yīng)用的布局和導(dǎo)航方式 |
6.1關(guān)于導(dǎo)航 6.2 iOS的傳統(tǒng)導(dǎo)航與模態(tài)情景 6.3 Android平臺(tái)的Material Design 6.4規(guī)范化布局 6.5應(yīng)用的跨平臺(tái)設(shè)計(jì)和移植 |
7.移動(dòng)應(yīng)用的個(gè)性化設(shè)計(jì) |
7.1做有個(gè)性的應(yīng)用 7.2圖形元素與構(gòu)成理念 7.3移動(dòng)應(yīng)用的個(gè)性化布局 7.4 界面的色彩因素 7.5 iOS與Android的字體比較 7.6空間與版面設(shè)計(jì) 7.7擬物化還是扁平化 |
8.互動(dòng)環(huán)節(jié) |
1、做一次設(shè)計(jì)師的頭腦風(fēng)暴 2、畫出原型草圖 3、產(chǎn)品視覺(jué)體驗(yàn)熱身 |
9.圖標(biāo)設(shè)計(jì)和啟動(dòng)畫面 |
9.1圖標(biāo)設(shè)計(jì)的三大原則 9.2啟動(dòng)圖標(biāo) 9.3工具欄圖標(biāo) 9.4 iOS與Android平臺(tái)的圖標(biāo)規(guī)范 9.4移動(dòng)應(yīng)用的啟動(dòng)畫面 9.5鋪開(kāi)迎賓地毯 |
10.產(chǎn)品測(cè)試與發(fā)布 |
10.1走向地下的可用性測(cè)試 10.2設(shè)計(jì)評(píng)審 10.4上線之后 10.5在敏捷團(tuán)隊(duì)中進(jìn)行設(shè)計(jì) |
1.移動(dòng)應(yīng)用的設(shè)計(jì)流程 1.1互聯(lián)網(wǎng)思維與產(chǎn)品設(shè)計(jì) 1.2 封閉的iOS與開(kāi)放的Android 1.3移動(dòng)設(shè)備與移動(dòng)產(chǎn)品 1.4用戶體驗(yàn)設(shè)計(jì)的流程 1.5原型驅(qū)動(dòng)與敏捷設(shè)計(jì) |
2.用戶研究與產(chǎn)品定位 2.1以用戶為中心的UCD設(shè)計(jì) 2.2 iOS人機(jī)交互指南 2.3 競(jìng)品分析與規(guī)范化設(shè)計(jì) 2.4 用戶細(xì)分與用戶群分析 2.4 設(shè)計(jì)師的用戶研究 2.5定量研究與用戶體驗(yàn)驗(yàn)證 2.6 定性研究與可用性測(cè)試 |
3.產(chǎn)品創(chuàng)意和原型草圖 3.1 會(huì)玩“頭腦風(fēng)暴”嗎? 3.2 用草圖記錄想法和創(chuàng)意 3.3 繪制原型草圖 3.4 有連貫、有情節(jié),做成故事板 3.5 原型草圖的種類和形式 3.6 原型工具和草圖軟件 3.5 原型草圖的種類和形式 |
4.互動(dòng)環(huán)節(jié) 4.互動(dòng)環(huán)節(jié) |
5.移動(dòng)設(shè)備的交互特點(diǎn) 5.1iOS與Android設(shè)備比較 5.2移動(dòng)設(shè)備的人體工程學(xué)特點(diǎn) 5.3單手操作還是雙手操作 5.4善待指尖 5.5 移動(dòng)應(yīng)用的視覺(jué)因素 5.6優(yōu)化視覺(jué)結(jié)構(gòu) 5.7 關(guān)于屏幕的旋轉(zhuǎn) 5.7移動(dòng)應(yīng)用的跨設(shè)備移植 |
6.移動(dòng)應(yīng)用的布局和導(dǎo)航方式 6.1關(guān)于導(dǎo)航 6.2 iOS的傳統(tǒng)導(dǎo)航與模態(tài)情景 6.3 Android平臺(tái)的Material Design 6.4規(guī)范化布局 6.5應(yīng)用的跨平臺(tái)設(shè)計(jì)和移植 |
7.移動(dòng)應(yīng)用的個(gè)性化設(shè)計(jì) 7.1做有個(gè)性的應(yīng)用 7.2圖形元素與構(gòu)成理念 7.3移動(dòng)應(yīng)用的個(gè)性化布局 7.4 界面的色彩因素 7.5 iOS與Android的字體比較 7.6空間與版面設(shè)計(jì) 7.7擬物化還是扁平化 |
8.互動(dòng)環(huán)節(jié) 1、做一次設(shè)計(jì)師的頭腦風(fēng)暴 2、畫出原型草圖 3、產(chǎn)品視覺(jué)體驗(yàn)熱身 |
9.圖標(biāo)設(shè)計(jì)和啟動(dòng)畫面 9.1圖標(biāo)設(shè)計(jì)的三大原則 9.2啟動(dòng)圖標(biāo) 9.3工具欄圖標(biāo) 9.4 iOS與Android平臺(tái)的圖標(biāo)規(guī)范 9.4移動(dòng)應(yīng)用的啟動(dòng)畫面 9.5鋪開(kāi)迎賓地毯 |
10.產(chǎn)品測(cè)試與發(fā)布 10.1走向地下的可用性測(cè)試 10.2設(shè)計(jì)評(píng)審 10.4上線之后 10.5在敏捷團(tuán)隊(duì)中進(jìn)行設(shè)計(jì) |