用户体验与UI交互设计开发实战

课程介绍

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

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

知识概要

时间

第一天

900 - 1200

用户体验设计基本概念和前期流程(产物:用户模型+竞品分析)

1. 用户体验设计(UE)设计介绍

2. UEDUXUEGUIUCDIA等概念的定义异同

3. 用户体验设计的基本流程(案例)

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

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

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

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

8. 互联网产品设计思维

9. 用户模型(典型用户和边缘用户)

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

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

12. 竞品分析案例作业

13. 讲评和总结

1300 - 1600

产品经理三大需求文档(需求分析+BRD+MRD+PRD

1. 需求分析(商业需求+用户需求)

ü  需求来源

ü  需求评估方法

ü  市场环境分析

2. 商业需求文档(BRDBRD的内容结构有哪些?

ü  BRD的内容+汇报对象

ü  BRD的核心重点

3. 市场需求文档(MRD

ü  MRDBRD的关系

ü  MRD的用途和作用

ü  MRD的写作方法与技巧

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

5. 产品需求文档(PRD)要点

6. 思维导图(头脑风暴)

7. 功能架构(功能筛减+结构化)

8. 讲评和总结

时间

第二天

900 - 1200

用户体验设计中期(信息架构+导航设计+原型设计)

1.       移动UI设计架构-信息层级

ü  什么是信息架构

ü  信息架构布局思路

ü TCDUCD的区别

ü  toCtoB信息架构的区别

ü  信息架构的服务对象

ü  信息架构的层级设计

ü  四种组合方式解析及案例分析(案例分析)

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

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

ü  什么是导航设计

ü  移动UI导航的架构分类(层级式+辐射式+套娃式+标签式)

ü  导航的设计分类(搜索导航+分类导航+相关导航+Banner导航)

3.       原型设计(手绘原型+交互原型)

ü   什么是原型

ü  手绘页面流程案例(手绘原型)

ü  Axure原型设计

ü  原型设计方法论

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

ü  原型设计注意事项

ü  原型设计实战案例

1300 - 1600

用户体验设计后期(流程设计+交互设计+用户体验要素+用户体验测试和原则)

1.       流程设计概述和案例

ü  流程设计基础:

ü  逻辑流程概念

ü  某电商网站注册登录逻辑流程案例(Axure绘制)

ü  页面流程概念

ü  页面流程案例

ü  流程设计案例分析

2. 交互设计方法和原则

3. 用户体验要素分析

ü  战略层(需求+定位)

ü  范围层(功能)

ü  结构层(交互设计+导航设计)

ü  框架层(原型搭建页面布局+框架)

ü  视觉层(品牌+色彩结构+视觉元素)

4.       用户体验测试(以旅游网站为例)

ü  用户测试的基本流程(例)

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

ü  用户测试效果的评估

ü  讲评与总结

5. 用户体验可用性原则

ü  一致性原则

ü  容错原则

ü  人性化原则

时间

第三天

900 - 1200

技术精修:图标、界面制作技巧

1.       UI设计工具与图标用户体验

ü  PS特点和技术快速演示

ü  图形工具快速掌握

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

ü  图层样式快速掌握

ü  AI特点和技术快速演示

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

ü  AI绘制图标的优势

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

2.       图标精修技巧与实例

ü  图标风格分类

ü  扁平化icon设计案例

ü  长投影图标

ü  内嵌式图标

ü  超小图标绘制技巧

ü  拟物化icon设计案例

ü  木纹图标案例

ü  金属图标案例

ü  透明图标案例

ü  3D图标案例(旋转、挤压)

ü  精致化图标注意事项

ü  图标格式和导出技巧

1300 - 1600

移动UI特性+UI设计规范

ü  移动UI设计特性

ü  情景特性

ü  网络特性

ü  物理特性

ü  触摸手势

ü  系统特性

1.       移动UI设计方法

ü  关于输入

ü  简单易懂

ü  注意中断

ü  关注内容

ü  给个反馈

2.       移动UI设计表现

ü  动效设计

ü  动效设计定位

ü  动效设计方法

ü  动效设计原则

3.       UI设计规范

ü  IOS和案桌系统区别

ü  IOS设计规范

ü  案桌设计规范

学习考核与业内经验交流

培训对象

    专业UI设计师;对用户体验设计与UI设计感兴趣的企事业单位员工

培训收益


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

ü  掌握各个流程阶段相关的工具和方法;

ü  掌握ios、安卓设计规范;

ü  掌握互联网产品设计思维,掌握移动UI设计特性+架构+方法+表现技法;

ü  掌握用户体验的五个要素,从信息设计和界面设计两个角度分别理解五个层面:战略层范围层结构层框架层视觉层的要点和设计方法;

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

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


上一篇:没有了
下一篇:没有了