課程簡(jiǎn)介
為大家在移動(dòng)應(yīng)用的設(shè)計(jì)過程中從項(xiàng)目討論和確立、用戶研究及產(chǎn)品創(chuàng)意,直至交互、界面和可用性測(cè)試完成的全過程提供非常全面的幫助。
目標(biāo)收益
略。
培訓(xùn)對(duì)象
本課程適用于想從事手機(jī)及平板電腦的界面及交互設(shè)計(jì)的人員,同時(shí)對(duì)移動(dòng)應(yīng)用開發(fā)人員和項(xiàng)目經(jīng)理提供諸多幫助,對(duì)創(chuàng)建完美高效的開發(fā)團(tuán)隊(duì)提供建設(shè)性思路和意見。
學(xué)員無需任何基礎(chǔ)系統(tǒng),只要對(duì)移動(dòng)設(shè)備和移動(dòng)平臺(tái)有簡(jiǎn)單的了解,并對(duì)用戶體驗(yàn)設(shè)計(jì)及相關(guān)工作有興趣就可以。
課程內(nèi)容
了解移動(dòng)應(yīng)用的設(shè)計(jì)流程 1.1 為iOS平臺(tái)做應(yīng)用設(shè)計(jì) 1.2 了解移動(dòng)設(shè)備 1.3 了解iOS應(yīng)用平臺(tái) 1.4 用戶體驗(yàn)設(shè)計(jì)的流程 1.5 iOS 7的全新用戶體驗(yàn) 市場(chǎng)定位及用戶需求分析 2.1 定位你的功能方向 2.2 是移動(dòng)產(chǎn)品,不是電腦軟件 2.3 做有價(jià)值的應(yīng)用 2.4 用戶研究 2.5 調(diào)查問卷和關(guān)鍵性人物 2.6 擬物化和扁平化 產(chǎn)品創(chuàng)意和原型草圖 3.1 頭腦風(fēng)暴 3.2 適合的工具和環(huán)境 3.3 潦草但要認(rèn)真 3.4 有連貫、有情節(jié),做成故事板 3.5 原型草圖的種類和形式 3.6 原型工具和原型設(shè)計(jì)軟件 3.7 原型草圖的可用性測(cè)試 移動(dòng)設(shè)備的交互特點(diǎn) 4.1 移動(dòng)設(shè)備的規(guī)格和屏幕尺寸 4.2 移動(dòng)設(shè)備的人體工程學(xué) 4.3 單手操作還是雙手操作 4.4 善待指尖 4.5 移動(dòng)設(shè)備的視覺體驗(yàn) 4.6 優(yōu)化視覺結(jié)構(gòu) 4.7 屏幕的旋轉(zhuǎn) iOS 7應(yīng)用的布局和導(dǎo)航方式 5.1 了解移動(dòng)應(yīng)用的導(dǎo)航方式 5.2 iOS平臺(tái)的導(dǎo)航特點(diǎn) 5.3 應(yīng)用布局的個(gè)性化 iOS 7控件的規(guī)范化設(shè)置 6.1 文本輸入輸出 6.2 按鈕 6.3 “欄”得應(yīng)用 6.4 滑塊 6.5 選擇控件 6.6 對(duì)話框 6.7 活動(dòng)指示器和進(jìn)度條 6.8 列表和網(wǎng)格 界面的個(gè)性化設(shè)計(jì) 7.1 做有個(gè)性的應(yīng)用 7.2 圖形元素與構(gòu)成理念 7.3 界面的色彩因素 7.4 嚴(yán)謹(jǐn)?shù)陌盐兆煮w 7.5 全面把握扁平化設(shè)計(jì)思路 iOS 7圖標(biāo)設(shè)計(jì)和啟動(dòng)畫面 8.1 圖標(biāo)設(shè)計(jì)的三大原則 8.2 啟動(dòng)圖標(biāo) 8.3 工具欄圖標(biāo) 8.4 應(yīng)用的啟動(dòng)畫面 8.5 鋪開迎賓地毯
課程大綱
1. 原型驅(qū)動(dòng)敏捷設(shè)計(jì)流程 |
1.1 為移動(dòng)平臺(tái)平臺(tái)做應(yīng)用設(shè)計(jì) 1.2 認(rèn)識(shí)用戶體驗(yàn)設(shè)計(jì)工作 1.3 了解移動(dòng)設(shè)備與移動(dòng)平臺(tái) 1.4 用戶體驗(yàn)設(shè)計(jì)的流程 1.5 原型驅(qū)動(dòng)與敏捷概念 |
2. 市場(chǎng)定位及用戶需求分析 |
2.1 定位你的功能方向 2.2 是移動(dòng)產(chǎn)品,不是電腦軟件 2.3 做有價(jià)值的應(yīng)用 2.4 針對(duì)移動(dòng)用戶的用戶研究 2.5 創(chuàng)建應(yīng)用的人物角色 2.6 擬物化和扁平化 |
3. 產(chǎn)品創(chuàng)意和原型草圖 |
3.1 會(huì)玩“頭腦風(fēng)暴”嗎? 3.2 用草圖記錄想法和創(chuàng)意 3.3 潦草但要認(rèn)真 3.4 有連貫、有情節(jié),做成故事板 3.5 原型草圖的種類和形式 3.6 原型工具和原型設(shè)計(jì)軟件 3.7 原型草圖的可用性測(cè)試 |
4. 移動(dòng)設(shè)備的交互特點(diǎn) |
4.1 移動(dòng)設(shè)備的規(guī)格和屏幕尺寸 4.2 移動(dòng)設(shè)備的人體工程學(xué)特點(diǎn) 4.3 單手操作還是雙手操作 4.4 善待指尖 4.5 移動(dòng)設(shè)備的視覺體驗(yàn) 4.6 優(yōu)化視覺結(jié)構(gòu) 4.7 屏幕的旋轉(zhuǎn) 4.8 移動(dòng)應(yīng)用的跨設(shè)備移植 |
互動(dòng)環(huán)節(jié) | 利用案例進(jìn)行“頭腦風(fēng)暴”游戲,得出產(chǎn)品創(chuàng)意、確定產(chǎn)品目標(biāo)和可行性計(jì)劃 |
5. 移動(dòng)應(yīng)用的布局和導(dǎo)航方式 |
5.1 了解移動(dòng)應(yīng)用的導(dǎo)航方式 5.2 三大移動(dòng)平臺(tái)的導(dǎo)航特點(diǎn) 5.3 應(yīng)用布局的個(gè)性化 |
6. 控件的規(guī)范化設(shè)置 |
6.1 文本輸入輸出 6.2 按鈕 6.3 “欄”的應(yīng)用 6.4 滑塊 6.5 選擇控件 6.6 對(duì)話框 6.7 活動(dòng)指示器和進(jìn)度條 6.8 列表和網(wǎng)格 |
7. 界面的個(gè)性化設(shè)計(jì) |
7.1 做有個(gè)性的應(yīng)用 7.2 圖形元素與構(gòu)成理念 7.3 界面的色彩因素 7.4 嚴(yán)謹(jǐn)?shù)陌盐兆煮w 7.5 全面把握扁平化設(shè)計(jì)思路 |
8. 圖標(biāo)設(shè)計(jì)和啟動(dòng)畫面 |
8.1 圖標(biāo)設(shè)計(jì)的三大原則 8.2 啟動(dòng)圖標(biāo) 8.3 工具欄圖標(biāo) 8.4 應(yīng)用的啟動(dòng)畫面 8.5 鋪開迎賓地毯 |
9. 用高保真原型實(shí)現(xiàn)敏捷設(shè)計(jì) |
9.1利用AxureRP實(shí)現(xiàn)可交互原型 9.3利用Xcode實(shí)現(xiàn)iOS平臺(tái)高保真原型 9.5 移動(dòng)應(yīng)用的可用性測(cè)試 |
互動(dòng)環(huán)節(jié) | 利用前一天的創(chuàng)意完成原型草圖,利用手機(jī)拍照進(jìn)行可用性測(cè)試,并相互交換提出修改意見。 |
1. 原型驅(qū)動(dòng)敏捷設(shè)計(jì)流程 1.1 為移動(dòng)平臺(tái)平臺(tái)做應(yīng)用設(shè)計(jì) 1.2 認(rèn)識(shí)用戶體驗(yàn)設(shè)計(jì)工作 1.3 了解移動(dòng)設(shè)備與移動(dòng)平臺(tái) 1.4 用戶體驗(yàn)設(shè)計(jì)的流程 1.5 原型驅(qū)動(dòng)與敏捷概念 |
2. 市場(chǎng)定位及用戶需求分析 2.1 定位你的功能方向 2.2 是移動(dòng)產(chǎn)品,不是電腦軟件 2.3 做有價(jià)值的應(yīng)用 2.4 針對(duì)移動(dòng)用戶的用戶研究 2.5 創(chuàng)建應(yīng)用的人物角色 2.6 擬物化和扁平化 |
3. 產(chǎn)品創(chuàng)意和原型草圖 3.1 會(huì)玩“頭腦風(fēng)暴”嗎? 3.2 用草圖記錄想法和創(chuàng)意 3.3 潦草但要認(rèn)真 3.4 有連貫、有情節(jié),做成故事板 3.5 原型草圖的種類和形式 3.6 原型工具和原型設(shè)計(jì)軟件 3.7 原型草圖的可用性測(cè)試 |
4. 移動(dòng)設(shè)備的交互特點(diǎn) 4.1 移動(dòng)設(shè)備的規(guī)格和屏幕尺寸 4.2 移動(dòng)設(shè)備的人體工程學(xué)特點(diǎn) 4.3 單手操作還是雙手操作 4.4 善待指尖 4.5 移動(dòng)設(shè)備的視覺體驗(yàn) 4.6 優(yōu)化視覺結(jié)構(gòu) 4.7 屏幕的旋轉(zhuǎn) 4.8 移動(dòng)應(yīng)用的跨設(shè)備移植 |
互動(dòng)環(huán)節(jié) 利用案例進(jìn)行“頭腦風(fēng)暴”游戲,得出產(chǎn)品創(chuàng)意、確定產(chǎn)品目標(biāo)和可行性計(jì)劃 |
5. 移動(dòng)應(yīng)用的布局和導(dǎo)航方式 5.1 了解移動(dòng)應(yīng)用的導(dǎo)航方式 5.2 三大移動(dòng)平臺(tái)的導(dǎo)航特點(diǎn) 5.3 應(yīng)用布局的個(gè)性化 |
6. 控件的規(guī)范化設(shè)置 6.1 文本輸入輸出 6.2 按鈕 6.3 “欄”的應(yīng)用 6.4 滑塊 6.5 選擇控件 6.6 對(duì)話框 6.7 活動(dòng)指示器和進(jìn)度條 6.8 列表和網(wǎng)格 |
7. 界面的個(gè)性化設(shè)計(jì) 7.1 做有個(gè)性的應(yīng)用 7.2 圖形元素與構(gòu)成理念 7.3 界面的色彩因素 7.4 嚴(yán)謹(jǐn)?shù)陌盐兆煮w 7.5 全面把握扁平化設(shè)計(jì)思路 |
8. 圖標(biāo)設(shè)計(jì)和啟動(dòng)畫面 8.1 圖標(biāo)設(shè)計(jì)的三大原則 8.2 啟動(dòng)圖標(biāo) 8.3 工具欄圖標(biāo) 8.4 應(yīng)用的啟動(dòng)畫面 8.5 鋪開迎賓地毯 |
9. 用高保真原型實(shí)現(xiàn)敏捷設(shè)計(jì) 9.1利用AxureRP實(shí)現(xiàn)可交互原型 9.3利用Xcode實(shí)現(xiàn)iOS平臺(tái)高保真原型 9.5 移動(dòng)應(yīng)用的可用性測(cè)試 |
互動(dòng)環(huán)節(jié) 利用前一天的創(chuàng)意完成原型草圖,利用手機(jī)拍照進(jìn)行可用性測(cè)試,并相互交換提出修改意見。 |