课程简介
课程涵盖传统PC、Web端业务及移动互联产品,从设计师的角度阐述产品设计方法和区别,以及如何相互移植。从用户体验、交互和界面设计三个方面,详解互联网时代下的产品设计思路及未来走向,并为每一位参会学员探讨模化方案。
目标收益
1、理解用户体验设计及交互设计工作原理
2、掌握纸面原型脚本设计方法并使用原型规划业务流程和交互方式
3、掌握移动端iOS、Android的规范化设计方法
4、掌握H5的响应式技术下Web端的Metro设计理念
5、掌握专业可用性测试的方法
6、理解互联网思维、产品细节打造及以用户为中心的UCD设计理念
培训对象
本课程适用于产品经理、开发人员、设计人员以及与产品开发相关的其它人员,同时对从事传统PC、Web设计和移动应用设计的初学者提供诸多帮助,对创建完美高效的开发团队提供建设性思路和意见。
学员无需任何基础系统,只要对Web设计和移动三大平台有简单的了解,并对设计及相关工作有兴趣就可以。
课程大纲
1. 原型驱动敏捷设计流程 |
1.1产品设计的核心理念 1.2 PC平台与移动平台 1.3用户体验设计的流程 1.4原型驱动与敏捷设计 |
2.用户需求与产品定位 |
2.1 以用户为中心的UCD设计 2.2 项目干系人与企业文化 2.3 设计师的竞品分析 2.4 用户研究 2.5 定量研究与定性研究 2.6关于产出物 |
3.产品创意和原型草图 |
3.1 会玩“头脑风暴”吗? 3.2 用草图记录想法和创意 3.3 绘制原型草图 3.4 有连贯、有情节,做成故事板 3.5 原型草图的种类和形式 3.6 交互设计文档 |
4. 互动环节 |
1、分组,选定主题 2、细分目标用户,画出人物角色卡片 3、图解力竞赛 |
5.交互的艺术 |
5.1是PC应用还是移动产品 5.2信息架构与导航设计 5.3从人体工程学理解交互 5.4 web页面与Metro UI 5.5 移动产品的交互特点 5.6 Material Design 5.7 响应式设计思路 |
6.用原型来驱动设计 |
6.1让设计成形 6.2 关于原型的保真度 6.3 用户的可用性测试 6.4 迭代与不断完善 6.5 原型技术和原型软件 |
7.产品的个性化设计 |
7.1做有个性的产品 7.2图形元素与构成理念 7.3图像与视觉 7.4 页面的色彩因素 7.5 严谨的把握字体 7.6空间与版面设计 7.7拟物化还是扁平化 |
8.互动环节 |
1、做一次设计师的头脑风暴 2、画出原型草图 3、交换,互相评价 |
9.图标和启动 |
9.1 图标设计的原则 9.2 视觉冲击力与视觉吸引力 9.3 栏图标 9.4 铺开迎宾地毯 |
10.产品测试与发布 |
10.1走向地下的可用性测试 10.2 设计评审 10.4上线之后 10.5 在敏捷团队中进行设计 |
1. 原型驱动敏捷设计流程 1.1产品设计的核心理念 1.2 PC平台与移动平台 1.3用户体验设计的流程 1.4原型驱动与敏捷设计 |
2.用户需求与产品定位 2.1 以用户为中心的UCD设计 2.2 项目干系人与企业文化 2.3 设计师的竞品分析 2.4 用户研究 2.5 定量研究与定性研究 2.6关于产出物 |
3.产品创意和原型草图 3.1 会玩“头脑风暴”吗? 3.2 用草图记录想法和创意 3.3 绘制原型草图 3.4 有连贯、有情节,做成故事板 3.5 原型草图的种类和形式 3.6 交互设计文档 |
4. 互动环节 1、分组,选定主题 2、细分目标用户,画出人物角色卡片 3、图解力竞赛 |
5.交互的艺术 5.1是PC应用还是移动产品 5.2信息架构与导航设计 5.3从人体工程学理解交互 5.4 web页面与Metro UI 5.5 移动产品的交互特点 5.6 Material Design 5.7 响应式设计思路 |
6.用原型来驱动设计 6.1让设计成形 6.2 关于原型的保真度 6.3 用户的可用性测试 6.4 迭代与不断完善 6.5 原型技术和原型软件 |
7.产品的个性化设计 7.1做有个性的产品 7.2图形元素与构成理念 7.3图像与视觉 7.4 页面的色彩因素 7.5 严谨的把握字体 7.6空间与版面设计 7.7拟物化还是扁平化 |
8.互动环节 1、做一次设计师的头脑风暴 2、画出原型草图 3、交换,互相评价 |
9.图标和启动 9.1 图标设计的原则 9.2 视觉冲击力与视觉吸引力 9.3 栏图标 9.4 铺开迎宾地毯 |
10.产品测试与发布 10.1走向地下的可用性测试 10.2 设计评审 10.4上线之后 10.5 在敏捷团队中进行设计 |