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