课程简介
为大家在移动应用的设计过程中从项目讨论和确立、用户研究及产品创意,直至交互、界面和可用性测试完成的全过程提供非常全面的帮助。
目标收益
略。
培训对象
本课程适用于想从事手机及平板电脑的界面及交互设计的人员,同时对移动应用开发人员和项目经理提供诸多帮助,对创建完美高效的开发团队提供建设性思路和意见。
学员无需任何基础系统,只要对移动设备和移动平台有简单的了解,并对用户体验设计及相关工作有兴趣就可以。
课程内容
了解移动应用的设计流程 1.1 为iOS平台做应用设计 1.2 了解移动设备 1.3 了解iOS应用平台 1.4 用户体验设计的流程 1.5 iOS 7的全新用户体验 市场定位及用户需求分析 2.1 定位你的功能方向 2.2 是移动产品,不是电脑软件 2.3 做有价值的应用 2.4 用户研究 2.5 调查问卷和关键性人物 2.6 拟物化和扁平化 产品创意和原型草图 3.1 头脑风暴 3.2 适合的工具和环境 3.3 潦草但要认真 3.4 有连贯、有情节,做成故事板 3.5 原型草图的种类和形式 3.6 原型工具和原型设计软件 3.7 原型草图的可用性测试 移动设备的交互特点 4.1 移动设备的规格和屏幕尺寸 4.2 移动设备的人体工程学 4.3 单手操作还是双手操作 4.4 善待指尖 4.5 移动设备的视觉体验 4.6 优化视觉结构 4.7 屏幕的旋转 iOS 7应用的布局和导航方式 5.1 了解移动应用的导航方式 5.2 iOS平台的导航特点 5.3 应用布局的个性化 iOS 7控件的规范化设置 6.1 文本输入输出 6.2 按钮 6.3 “栏”得应用 6.4 滑块 6.5 选择控件 6.6 对话框 6.7 活动指示器和进度条 6.8 列表和网格 界面的个性化设计 7.1 做有个性的应用 7.2 图形元素与构成理念 7.3 界面的色彩因素 7.4 严谨的把握字体 7.5 全面把握扁平化设计思路 iOS 7图标设计和启动画面 8.1 图标设计的三大原则 8.2 启动图标 8.3 工具栏图标 8.4 应用的启动画面 8.5 铺开迎宾地毯
课程大纲
1. 原型驱动敏捷设计流程 |
1.1 为移动平台平台做应用设计 1.2 认识用户体验设计工作 1.3 了解移动设备与移动平台 1.4 用户体验设计的流程 1.5 原型驱动与敏捷概念 |
2. 市场定位及用户需求分析 |
2.1 定位你的功能方向 2.2 是移动产品,不是电脑软件 2.3 做有价值的应用 2.4 针对移动用户的用户研究 2.5 创建应用的人物角色 2.6 拟物化和扁平化 |
3. 产品创意和原型草图 |
3.1 会玩“头脑风暴”吗? 3.2 用草图记录想法和创意 3.3 潦草但要认真 3.4 有连贯、有情节,做成故事板 3.5 原型草图的种类和形式 3.6 原型工具和原型设计软件 3.7 原型草图的可用性测试 |
4. 移动设备的交互特点 |
4.1 移动设备的规格和屏幕尺寸 4.2 移动设备的人体工程学特点 4.3 单手操作还是双手操作 4.4 善待指尖 4.5 移动设备的视觉体验 4.6 优化视觉结构 4.7 屏幕的旋转 4.8 移动应用的跨设备移植 |
互动环节 | 利用案例进行“头脑风暴”游戏,得出产品创意、确定产品目标和可行性计划 |
5. 移动应用的布局和导航方式 |
5.1 了解移动应用的导航方式 5.2 三大移动平台的导航特点 5.3 应用布局的个性化 |
6. 控件的规范化设置 |
6.1 文本输入输出 6.2 按钮 6.3 “栏”的应用 6.4 滑块 6.5 选择控件 6.6 对话框 6.7 活动指示器和进度条 6.8 列表和网格 |
7. 界面的个性化设计 |
7.1 做有个性的应用 7.2 图形元素与构成理念 7.3 界面的色彩因素 7.4 严谨的把握字体 7.5 全面把握扁平化设计思路 |
8. 图标设计和启动画面 |
8.1 图标设计的三大原则 8.2 启动图标 8.3 工具栏图标 8.4 应用的启动画面 8.5 铺开迎宾地毯 |
9. 用高保真原型实现敏捷设计 |
9.1利用AxureRP实现可交互原型 9.3利用Xcode实现iOS平台高保真原型 9.5 移动应用的可用性测试 |
互动环节 | 利用前一天的创意完成原型草图,利用手机拍照进行可用性测试,并相互交换提出修改意见。 |
1. 原型驱动敏捷设计流程 1.1 为移动平台平台做应用设计 1.2 认识用户体验设计工作 1.3 了解移动设备与移动平台 1.4 用户体验设计的流程 1.5 原型驱动与敏捷概念 |
2. 市场定位及用户需求分析 2.1 定位你的功能方向 2.2 是移动产品,不是电脑软件 2.3 做有价值的应用 2.4 针对移动用户的用户研究 2.5 创建应用的人物角色 2.6 拟物化和扁平化 |
3. 产品创意和原型草图 3.1 会玩“头脑风暴”吗? 3.2 用草图记录想法和创意 3.3 潦草但要认真 3.4 有连贯、有情节,做成故事板 3.5 原型草图的种类和形式 3.6 原型工具和原型设计软件 3.7 原型草图的可用性测试 |
4. 移动设备的交互特点 4.1 移动设备的规格和屏幕尺寸 4.2 移动设备的人体工程学特点 4.3 单手操作还是双手操作 4.4 善待指尖 4.5 移动设备的视觉体验 4.6 优化视觉结构 4.7 屏幕的旋转 4.8 移动应用的跨设备移植 |
互动环节 利用案例进行“头脑风暴”游戏,得出产品创意、确定产品目标和可行性计划 |
5. 移动应用的布局和导航方式 5.1 了解移动应用的导航方式 5.2 三大移动平台的导航特点 5.3 应用布局的个性化 |
6. 控件的规范化设置 6.1 文本输入输出 6.2 按钮 6.3 “栏”的应用 6.4 滑块 6.5 选择控件 6.6 对话框 6.7 活动指示器和进度条 6.8 列表和网格 |
7. 界面的个性化设计 7.1 做有个性的应用 7.2 图形元素与构成理念 7.3 界面的色彩因素 7.4 严谨的把握字体 7.5 全面把握扁平化设计思路 |
8. 图标设计和启动画面 8.1 图标设计的三大原则 8.2 启动图标 8.3 工具栏图标 8.4 应用的启动画面 8.5 铺开迎宾地毯 |
9. 用高保真原型实现敏捷设计 9.1利用AxureRP实现可交互原型 9.3利用Xcode实现iOS平台高保真原型 9.5 移动应用的可用性测试 |
互动环节 利用前一天的创意完成原型草图,利用手机拍照进行可用性测试,并相互交换提出修改意见。 |