用户体验与UI设计开发

一、 培训特色

项目全过程用户体验设计与UI开发实战。通过一个完整的产品设计项目及一组实际项目案例，完全覆盖用户体验与UI设计的各个知识体系的实践应用。该项目是一个课堂实践项目，以项目小组的形式进行沙盘实操练习，重点在于强化理解产品设计过程的工作重点，同时明确并强化作为产品工程师的一些基本素质。

强调互动式教学、强化团队讨论，力争每一个学员在课程中都有上台发言的机会，将有超过50% - 70% 的时间用于讨论、练习及游戏（具体比例可视学员的情况进行调整）。但这一做法需要学员的积极参与，尽可能地将实际项目中地各种问题拿出来讨论，这要求学员前期做一定地准备工作。

二、 培训目标

1. 掌握互联网产品设计流程和用户体验设计的五个要素，涉及岗位为产品经理＋交互设计＋UI设计师，注重前端和后端的衔接沟通环节；

2. 掌握各个流程阶段相关的工具和方法；

3. 掌握ios、安卓设计规范；

4. 掌握互联网产品设计思维，掌握移动UI设计特性＋架构＋方法＋表现技法；

5. 掌握用户体验的五个要素，从信息设计和界面设计两个角度分别理解五个层面：“战略层→范围层→结构层→框架层→视觉层”的要点和设计方法；

6. 掌握移动端产品动效设计的概念和方法、原则等；

7. 熟练使用PS和AI软件快速上手制作图标、界面和美观、用户体验良好的App页面。

三、 课程大纲

时间 培训模块 培训内容

第一天

上午 用户体验设计基本概念和前期流程

（产物：用户模型＋竞品分析） 1. 用户体验设计（UE）设计介绍

2. UED与UX、UE、GUI、UCD、IA等概念的定义异同

3. 用户体验设计的基本流程（案例）

4. 前期部分：用户研究 需求分析 功能列表和竞品分析

5. 中期部分：任务流程分析信息架构

6. 后期部分：高低保真度原型 交互设计规范 用户测试

7. 当前用户体验设计的现状

8. 互联网产品设计思维

9. 用户模型（典型用户和边缘用户）

10. 用户模型案例作业（以社交或旅游类产品为例）

11. 竞品分析概念和基本方法（以新闻类产品为例）

12. 竞品分析案例作业

13. 讲评和总结

第一天

下午 产品经理三大需求文档（需求分析＋BRD+MRD+PRD） 1. 需求分析（商业需求＋用户需求）

? 需求来源

? 需求评估方法

? 市场环境分析

2. 商业需求文档（BRD）

? BRD的内容结构有哪些？

? BRD的内容＋汇报对象

? BRD的核心重点

3. 市场需求文档（MRD）

? MRD和BRD的关系

? MRD的用途和作用

? MRD的写作方法与技巧

4. 产品经理的主要职能及常用方法

5. 产品需求文档（PRD）要点

6. 思维导图（头脑风暴）

7. 功能架构（功能筛减＋结构化）

8. 讲评和总结

第二天

上午 用户体验设计中期（信息架构＋导航设计+原型设计） 1. 移动UI设计架构－信息层级

? 什么是信息架构

? 信息架构布局思路

? TCD和UCD的区别

? toC和toB信息架构的区别

? 信息架构的服务对象

? 信息架构的层级设计

? 四种组合方式解析及案例分析（案例分析）

? 新闻类app信息架构对比分析

2. 移动UI设计架构－导航设计

? 什么是导航设计

? 移动UI导航的架构分类（层级式＋辐射式＋套娃式＋标签式）

? 导航的设计分类（搜索导航＋分类导航＋相关导航＋Banner导航）

3. 原型设计（手绘原型＋交互原型）

? 什么是原型

? 手绘页面流程案例（手绘原型）

? Axure原型设计

? 原型设计方法论

? 原型设计工具介绍及优缺点

? 原型设计注意事项

? 原型设计实战案例

第二天

下午 用户体验设计后期（流程设计＋交互设计＋用户体验要素＋用户体验测试和原则） 1. 流程设计概述和案例

? 流程设计基础：

? 逻辑流程概念

? 某电商网站注册登录逻辑流程案例（Axure绘制）

? 页面流程概念

? 页面流程案例

? 流程设计案例分析

2. 交互设计方法和原则

3. 用户体验要素分析

? 战略层（需求＋定位）

? 范围层（功能）

? 结构层（交互设计＋导航设计）

? 框架层（原型搭建页面布局＋框架）

? 视觉层（品牌＋色彩结构＋视觉元素）

4. 用户体验测试（以旅游网站为例）

? 用户测试的基本流程（例）

? 用户测试的定量研究和定性研究方法

? 用户测试效果的评估

? 讲评与总结

5. 用户体验可用性原则

? 一致性原则

? 容错原则

? 人性化原则

第三天

上午 技术精修：图标、界面制作技巧 1. UI设计工具与图标用户体验

? PS特点和技术快速演示

? 图形工具快速掌握

? 图层、蒙版、路径快速掌握

? 图层样式快速掌握

? AI特点和技术快速演示

? AI基本绘制技巧和工具的使用

? AI绘制图标的优势

? 图标基础概念和创意方法

2. 图标精修技巧与实例

? 图标风格分类

? 扁平化icon设计案例

? 长投影图标

? 内嵌式图标

? 超小图标绘制技巧

? 拟物化icon设计案例

? 木纹图标案例

? 金属图标案例

? 透明图标案例

? 3D图标案例（旋转、挤压）

? 精致化图标注意事项

? 图标格式和导出技巧

第三天

下午 移动UI特性＋UI设计规范 1. 移动UI设计特性

? 情景特性

? 网络特性

? 物理特性

? 触摸手势

? 系统特性

2. 移动UI设计方法

? 关于输入

? 简单易懂

? 注意中断

? 关注内容

? 给个反馈

3. 移动UI设计表现

? 动效设计

? 动效设计定位

? 动效设计方法

? 动效设计原则

4. UI设计规范

? IOS和案桌系统区别

? IOS设计规范

? 案桌设计规范

第四天 学习考核与业内经验交流