用户体验与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设计规范
? 案桌设计规范
第四天 学习考核与业内经验交流