中培IT学院

UI/UE设计语言+产品需求培训方案

浏览:317次 作者:小编

培训背景

在当今用户体验为王的时代,市场产品同质化现象严重,消费者在面临产品的时候有着充足的选择空间,这种情况下用户体验成为了决定一个产品是否叫座好卖的重要性的因素之一。

 

做一个产品和做一个“好”的产品之间的差距会日益明显,企业在向市场推出一个产品的时候,如果用户体验不好,会直接导致产品的营销受挫甚至失败,我咨询公司在为国内很多科技企业服务的过程中,发现企业中普遍存在如下问题:

1. 产品仓促研发上线,确发现成为鸡肋,食之无味弃之可惜;

2. 产品研发流程不科学合理,导致成本的巨大浪费和项目风险的极大的增加;

3. 在研发人员和设计师的资源投入上,明显倾向研发人员,因为认为设计师属于成本部门,但其实设计师是增效降本的创造价值的部门;

4. 对用户体验的概念只停留在一个很表面的意识,没有认识到用户体验其实是需要和产品研发流程紧密结合并落地的一个系统性工程,而这个系统性的工程的投入换来的是产品的更为长久有效的核心市场竞争力;

 

基于以上典型问题,我们结合大量的培训和咨询案例,研究国内外各种经典用户体验设计方法和工具、思维模式,并不断总结,从而推出该培训,案例、模板、经验、教训、学员分享等贯穿全培训。以期达到企业真正认知到用户体验思维的价值和作用。

 

培训对象

1.企业的管理者CEO、中高层管理者等。

2.传统软件行业和泛互联网行业的研发团队的所有岗位,包括软件工程师、产品经理、项目经理、UI设计师、交互设计师、需求分析师、数据分析师、运维人员等等。

3.产品营销和市场人员,有助于理解用户体验设计与营销之间的深度关系。

 

培训收益

本培训通过培训使学习者获得如下收益:

1. 系统深入掌握用户体验的知识体系,深刻理解用户体验在项目研发流程中各个关键性环节的作用和落地实践方法;

2. 掌握用户体验相关的各种思维体系和方法包括设计思维、产品思维、设计心理学、人机交互概念、信息架构、交互设计、流程设计等;

3. 掌握正确先进的产品设计流程(需求分析、产品定位、竞品分析、用户分析、产品架构、UI设计、交互设计、原型设计等);

4. 深刻理解设计的本质:设计的轻和重、适度设计、设计中的设计、情感化设计、设计中的逻辑:设计→功能→需求→用户→场景、设计与交互、产品架构之间的关系等等。

5. 理解用户体验设计的五个要素,涉及岗位为软件工程师、产品经理、UI设计师、交互设计师、项目经理、需求分析师、运维人员等等,注重前端和后端的衔接沟通环节;

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

7. 掌握B端产品企业级UI 设计体系-“Ant Design”的设计价值观、设计原则、视觉体系等。

8. 掌握移动端的设计特性+架构+方法+表现技法以及移动端设计规范IOS和Material设计规范的核心思想和理念;

9. 掌握互联网产品设计思维,掌握用户体验的五个要素,从信息设计和界面设计两个角度分别理解五个层面:“战略层→范围层→结构层→框架层→表现层”的要点和设计方法;

10. 对经典互联网产品如微信、百度、天猫、京东、抖音等进行全面解析,帮助学员提升互联网产品思维,用互联网思维指导产品的研发设计流程。

 

培训特色

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

 

日程安排

日程

授课内容

第一天

上午:用户体验设计概念深入讲解+案例分析+要点分析

下午:用户画像+用户特征分析+用户分析+竞品分析案例

1-1 用户体验设计(UE)深入解读
用户体验设计概念
用户体验是什么?
用户体验与产品设计各个环节的关系
什么是UI设计?
用户体验设计的重要性
用户体验设计师工作职责
互联网项目团队构成及配合
中国用户体验设计发展
TCD -> BCD -> UCD
发展历史
用户体验设计流程
用户体验设计五要素
战略层(商业需求和用户需求)
范围层(功能、信息设计)
结构层(信息架构、交互设计)
框架层(原型设计、导航设计)
表现层(色彩体系、视觉规范、图标设计等)
用户体验十大基本原则
状态可见原则
环境贴切原则
撤销重做原则
一致性原则
防错原则
易取原则
灵活高效原则
易扫原则
容错原则
人性化帮助原则
用户体验设计技巧
用户体验测试流程
做好准备工作
制定测试计划
设计测试流程
安排测试地点和设备
进行预测试
招募用户
准备测试房间
测试
数据整理和分析
1-2 用户体验设计案例分析
京东网站菜单结构设计
京东App的菜单结构设计
百度云的文件传输
微信App的体验设计
抖音App的用户体验设计
1-3产品设计流程和注意事项
需求分析
产品定位
竞品分析
用户分析
产品架构设计
UI设计
原型设计
交互设计
产品设计注意事项
产品的设计要点
“轻”的设计和“重”的设计
适度设计

1-4 用户画像
什么是用户画像?
用户画像的价值
用户画像的方法
用户画像案例
滴滴打车用户画像案例
小红书用户画像案例
抖音用户画像案例
1-5 用户特征分析
划分用户群和用户群矩阵
洞察用户心理和人性
群体用户心理
用户生命周期
用户特征分析案例
豆瓣用户特征分析案例
全民K歌用户特征分析案例 
1-6 用户模型 什么是用户模型?
为什么要创建用户模型?
什么时候可以用户角色?
如何创建用户模型?
用户模型案例分析
1-7 需求分析
目标
用户需求
产品需求
功能需求
非功能性需求
需求采集的方法
需求采集的工具和模板
三类核心需求文档
BRD商业需求文档
MRD市场需求文档
PRD产品需求文档
1-8 了解产品定位
什么是定位?
为什么要定位?
产品定位五步曲
产品定位案例
抖音产品定位案例
下厨房产品定位案例
知乎产品定位案例
1-9 了解产品架构
什么是产品架构?
五种架构类型
产品架构的五个层面
产品架构案例分析
核心业务流程
用户功能需求
产品逻辑架构
产品功能架构
1-10 主流新闻App对比分析(今日头条、腾讯新闻等)
主流新闻App介绍
用户画像对比
产品战略层对比
产品范围层对比
产品结构层对比
产品框架层对比
产品表现层对比

第二天

上午:交互设计流程和相关核心概念及实战演练(流程设计+信息架构)

下午:流程设计+原型设计(导航设计+手绘原型+Axure交互原型)实战演练


2-1 交互设计 交互设计概念
交互设计流程
任务分析
逻辑流程
页面流程
页面布局
原型设计
交互设计说明
交互设计师介绍
交互设计师简介
交互设计师职能
2.2 流程设计
流程设计概念
逻辑流程
逻辑流程案例(以visio工具讲解)
页面流程
页面流程案例(以Axure RP工具讲解)
流程设计中的用户体验重点
清晰的布局
结构准确的文字描述/提示
给用户反馈
不要在同一个页面里面展开多个流程
2-3 信息架构
什么是信息设计?
什么是信息架构?
信息架构的作用
信息架构怎么做?
信息架构梳理的依据
信息架构案例分析
ToC和ToB信息架构的区别
好的信息架构的特点
案例分析
新闻类app信息架构设计
今日头条信息列表设计
淘宝主导航信息架构设计
在线教育平台信息架构设计

2-4 导航设计
什么是导航设计
导航设计与信息架构的关系
移动UI导航的架构分类
层级式
辐射式
套娃式
标签式
Web端导航设计
顶部导航-下拉式
顶部导航-标签式
顶部导航-网页定位
顶部导航-纵向分布
左侧导航-标签式
左侧导航-抽屉式
右侧导航-抽屉式
底部导航-标签式
底部导航-网页定位
个性化导航-左右布局
个性化导航-可视化
个性化导航-交互式
混合导航-电商平台(全局导航和商品导航并行)
关联导航-卡片式导航
关联导航-面包屑导航
分步骤式导航
导航设计用户体验原则
导航菜单要清晰可见
告诉用户其当前位置
导航菜单要与用户任务协调一致
导航菜单要易于操作
无感知
一致性
2.5 原型设计
原型设计概念
原型设计工具介绍和优缺点
原型设计分类
手绘模型
灰模模型
交互模型
原型设计的作用和好处
手绘原型设计概念和案例
低保真原型&高保真原型
2.6 使用Axure RP工具进行原型设计
Axure RP介绍
工作区域介绍
基本元件
高级元件
元件交互
在原型设计中添加交互设计说明
案例分析
京东的启动过渡原型案例
图片幻灯效果原型案例
标签式菜单原型案例
京东的用户登录原型案例
美图秀秀的选择图片原型案例
微信的发起群聊效果

第三天

上午:图形图像设计基础概念/图标基础概念和设计创意/企业级 UI 设计体系/语言深度解读

下午: 移动端设计特性+规范+动效设计详解(安卓)+IOS设计规范详解


3-1 图形图像设计基础概念
矢量图和位图
像素与分辨率
图片文件格式
图像色彩模式
3-2 界面设计常用工具
PS
AI
FW
3-3 图标基础概念和设计创意
什么是图标?
图标的系统分类
UI图标
CS软件图标
Web图标
图标的尺寸
图标的设计要点
原创图标的创意过程
图标的文件格式
图标设计资源
拟人化图标的绘制技巧
图标光影分析
图标质感分析
透视关系分析
图标技术精修
图标技术静修
3-4 企业级UI设计体系/语言
设计价值观(判断设计好坏的标准)
自然
确定性
意义感
成长性
设计原则(践行设计价值观的具体原则)
亲密性
对齐
对比
重复
直截了当
足不出户
简化交互
提供邀请
巧用过渡
及时反应
视觉体系
色彩
布局
字体
图标

3-5 移动UI设计特性和方法
移动UI设计特性
情景特性
网络特性
物理特性
触摸手势
系统特性
移动UI设计方法
关于输入
简单易懂
注意中断
关注内容
给个反馈
3-6 移动UI设计规范——IOS 设计规范
黄金比例的应用
图标和行距的综合
屏幕分的长宽比
拨号盘
IOS尺寸规范
IOS界面结构解析
IOS新版本规范
3-7 移动UI设计规范——安卓设计规范
Material Design设计语言
介绍
特点
主流安卓手机分辨率和尺寸
几个基本概念
像素pixel(px)
分辨率
屏幕大小
屏幕密度
独立密度像素(dp)
sp与dp
dp与sp的转换
不同密度的安卓屏幕之间的换算
安卓设计规范
安卓界面基本组成元素
安卓设计尺寸以及分辨率
安卓字体和尺寸
安卓的操作栏设计
多面板布局
触摸与反馈
3-8 移动UI动效设计
动效与动画
动效设计在界面设计中的定位
动效设计的作用
动效设计的软件
动效设计的语言工具
动效设计师提交物
动效设计师与程序员的对接
UI中的基本动效
移动APP的交互动效分类
动效设计的方法
动效设计的注意点

 

推荐讲师

谢老师  软件工程硕士,历任架构师、高级产品经理等职,具备15年软件开发、项目管理等经验。荣获国家系统分析师、信息系统项目管理师职称。精通Axure RP、J2EE开发、数据库设计等技术,并熟练运用MySQL、Oracle等数据库。热衷技术写作,为BlogJava博主及IT168专栏作者,已出版多本IT图书,如《玩转Axure RP》、《Power Designer系统分析与建模实战》等。擅长Java、J2EE设计模式及企业级架构模式。

谢老师才华横溢,技术精湛,既擅长软件开发与项目管理,又热衷于技术写作与传播,是IT领域的佼佼者。

 

陈老师  自2003年起投身界面设计及品牌研究领域,曾任长城广告平面设计师及北京麦格希尔设计师。荣获Adobe中国认证设计师及教师认证,并通过工信部网页设计师认证。其杰出贡献涵盖多个项目,如36氪创业媒体网站形象与界面设计,“极阅”Ipad版交互界面设计,Opera浏览器中国移动版界面设计,美国DYMO公司手持设备交互设计,用友软件畅捷通用户界面设计,Iphone OS通讯软件友录及手机客户端软件界面设计等。陈老师的丰富经验和专业技能为众多项目带来独特的设计视角和出色的用户体验。

 

赵老师  资深UI设计师、讲师、移动平台交互设计总监,清华美院毕业,擅长用户体验及界面设计。参与摩托罗拉产品发布会网站、安博京津动漫产业园官网、国家农产品追溯系统iPad客户端、价格线酒店预订客户端的策划及设计。多款大型网游及Android、iOS客户端的用户体验设计。App Store多款游戏、应用的策划及用户体验设计。擅长游戏视觉策划及界面设计。10多年设计、教学经验,美术及设计功底深厚,造型、色彩能力强。在广告、CI、装帧、动画、插图艺术方面经验丰富,有造诣。著有《品味移动设计》、《交互设计的艺术》。

企业内训1 企业内训1
标签: UE课程 UI课程 UE培训 UI培训 UE UI

上篇: VUE3.0从实战到源码培训方案

下篇: SSM框架与SpringBoot架构培训....