課程簡介
為大家在移動應(yīng)用的設(shè)計過程中從項目討論和確立、用戶研究及產(chǎn)品創(chuàng)意,直至交互、界面和可用性測試完成的全過程提供非常全面的幫助。
目標(biāo)收益
略。
培訓(xùn)對象
本課程適用于想從事手機(jī)及平板電腦的界面及交互設(shè)計的人員,同時對移動應(yīng)用開發(fā)人員和項目經(jīng)理提供諸多幫助,對創(chuàng)建完美高效的開發(fā)團(tuán)隊提供建設(shè)性思路和意見。
學(xué)員無需任何基礎(chǔ)系統(tǒng),只要對移動設(shè)備和移動平臺有簡單的了解,并對用戶體驗設(shè)計及相關(guān)工作有興趣就可以。
課程內(nèi)容
了解移動應(yīng)用的設(shè)計流程 1.1 為iOS平臺做應(yīng)用設(shè)計 1.2 了解移動設(shè)備 1.3 了解iOS應(yīng)用平臺 1.4 用戶體驗設(shè)計的流程 1.5 iOS 7的全新用戶體驗 市場定位及用戶需求分析 2.1 定位你的功能方向 2.2 是移動產(chǎn)品,不是電腦軟件 2.3 做有價值的應(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è)計軟件 3.7 原型草圖的可用性測試 移動設(shè)備的交互特點 4.1 移動設(shè)備的規(guī)格和屏幕尺寸 4.2 移動設(shè)備的人體工程學(xué) 4.3 單手操作還是雙手操作 4.4 善待指尖 4.5 移動設(shè)備的視覺體驗 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)航特點 5.3 應(yīng)用布局的個性化 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)格 界面的個性化設(shè)計 7.1 做有個性的應(yīng)用 7.2 圖形元素與構(gòu)成理念 7.3 界面的色彩因素 7.4 嚴(yán)謹(jǐn)?shù)陌盐兆煮w 7.5 全面把握扁平化設(shè)計思路 iOS 7圖標(biāo)設(shè)計和啟動畫面 8.1 圖標(biāo)設(shè)計的三大原則 8.2 啟動圖標(biāo) 8.3 工具欄圖標(biāo) 8.4 應(yīng)用的啟動畫面 8.5 鋪開迎賓地毯
課程大綱
1. 原型驅(qū)動敏捷設(shè)計流程 |
1.1 為移動平臺平臺做應(yīng)用設(shè)計 1.2 認(rèn)識用戶體驗設(shè)計工作 1.3 了解移動設(shè)備與移動平臺 1.4 用戶體驗設(shè)計的流程 1.5 原型驅(qū)動與敏捷概念 |
2. 市場定位及用戶需求分析 |
2.1 定位你的功能方向 2.2 是移動產(chǎn)品,不是電腦軟件 2.3 做有價值的應(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è)計軟件 3.7 原型草圖的可用性測試 |
4. 移動設(shè)備的交互特點 |
4.1 移動設(shè)備的規(guī)格和屏幕尺寸 4.2 移動設(shè)備的人體工程學(xué)特點 4.3 單手操作還是雙手操作 4.4 善待指尖 4.5 移動設(shè)備的視覺體驗 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)和可行性計劃 |
5. 移動應(yīng)用的布局和導(dǎo)航方式 |
5.1 了解移動應(yīng)用的導(dǎo)航方式 5.2 三大移動平臺的導(dǎo)航特點 5.3 應(yīng)用布局的個性化 |
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. 界面的個性化設(shè)計 |
7.1 做有個性的應(yīng)用 7.2 圖形元素與構(gòu)成理念 7.3 界面的色彩因素 7.4 嚴(yán)謹(jǐn)?shù)陌盐兆煮w 7.5 全面把握扁平化設(shè)計思路 |
8. 圖標(biāo)設(shè)計和啟動畫面 |
8.1 圖標(biāo)設(shè)計的三大原則 8.2 啟動圖標(biāo) 8.3 工具欄圖標(biāo) 8.4 應(yīng)用的啟動畫面 8.5 鋪開迎賓地毯 |
9. 用高保真原型實現(xiàn)敏捷設(shè)計 |
9.1利用AxureRP實現(xiàn)可交互原型 9.3利用Xcode實現(xiàn)iOS平臺高保真原型 9.5 移動應(yīng)用的可用性測試 |
互動環(huán)節(jié) | 利用前一天的創(chuàng)意完成原型草圖,利用手機(jī)拍照進(jìn)行可用性測試,并相互交換提出修改意見。 |
1. 原型驅(qū)動敏捷設(shè)計流程 1.1 為移動平臺平臺做應(yīng)用設(shè)計 1.2 認(rèn)識用戶體驗設(shè)計工作 1.3 了解移動設(shè)備與移動平臺 1.4 用戶體驗設(shè)計的流程 1.5 原型驅(qū)動與敏捷概念 |
2. 市場定位及用戶需求分析 2.1 定位你的功能方向 2.2 是移動產(chǎn)品,不是電腦軟件 2.3 做有價值的應(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è)計軟件 3.7 原型草圖的可用性測試 |
4. 移動設(shè)備的交互特點 4.1 移動設(shè)備的規(guī)格和屏幕尺寸 4.2 移動設(shè)備的人體工程學(xué)特點 4.3 單手操作還是雙手操作 4.4 善待指尖 4.5 移動設(shè)備的視覺體驗 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)和可行性計劃 |
5. 移動應(yīng)用的布局和導(dǎo)航方式 5.1 了解移動應(yīng)用的導(dǎo)航方式 5.2 三大移動平臺的導(dǎo)航特點 5.3 應(yīng)用布局的個性化 |
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. 界面的個性化設(shè)計 7.1 做有個性的應(yīng)用 7.2 圖形元素與構(gòu)成理念 7.3 界面的色彩因素 7.4 嚴(yán)謹(jǐn)?shù)陌盐兆煮w 7.5 全面把握扁平化設(shè)計思路 |
8. 圖標(biāo)設(shè)計和啟動畫面 8.1 圖標(biāo)設(shè)計的三大原則 8.2 啟動圖標(biāo) 8.3 工具欄圖標(biāo) 8.4 應(yīng)用的啟動畫面 8.5 鋪開迎賓地毯 |
9. 用高保真原型實現(xiàn)敏捷設(shè)計 9.1利用AxureRP實現(xiàn)可交互原型 9.3利用Xcode實現(xiàn)iOS平臺高保真原型 9.5 移動應(yīng)用的可用性測試 |
互動環(huán)節(jié) 利用前一天的創(chuàng)意完成原型草圖,利用手機(jī)拍照進(jìn)行可用性測試,并相互交換提出修改意見。 |