首页 > 公开课 > 产品设计 > UI/UE设计语言与产品需求融合技术实战

UI/UE设计语言与产品需求融合技术实战

培训地点 成都
培训时间 4月25-27日

一、课程背景

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

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

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

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

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

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

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

二、培训收益

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

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

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

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

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

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

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

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

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

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

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

三、培训对象

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

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

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

四、培训特色

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

五、日程安排

时间 学习内容
第1天 上午:用户体验设计概念深入讲解+案例分析+要点分析 下午:用户画像+用户特征分析+用户分析+竞品分析案例
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介绍
✔用户画像对比
✔产品战略层对比
✔产品范围层对比
✔产品结构层对比
✔产品框架层对比
✔产品表现层对比
第2天 上午:交互设计流程和相关核心概念及实战演练(流程设计+信息架构) 下午:流程设计+原型设计(导航设计+手绘原型+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介绍
✔工作区域介绍
✔基本元件
✔高级元件
✔元件交互
✔在原型设计中添加交互设计说明
✔案例分析
→京东的启动过渡原型案例
→图片幻灯效果原型案例
→标签式菜单原型案例
→京东的用户登录原型案例
→美图秀秀的选择图片原型案例
→微信的发起群聊效果
第3天 上午:图形图像设计基础概念/图标基础概念和设计创意/企业级 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的交互动效分类
✔动效设计的方法
✔动效设计的注意点

六、 授课专家

谢老师 软件工程硕士,企业培训师,中培教育高级讲师,曾担任国内大型软件公司架构师/高级产品经理等职位,内训讲师,获得国家系统分析师(2006年)和信息系统项目管理师(2013年)高级职称,13年软件开发、项目管理、架构设计和产品设计经验,曾负责多个大型项目的产品开发和设计工作,热衷技术写作,BlogJava人气博主,曾任IT168专栏作者,出版多本IT图书。擅长技术领域:精通Axure RP等产品原型设计工具,精通J2EE开发,包括:Core Java、Servlet、JSP、JDBC、Struts、Hibernate、Spring、iBatis、jQuery、JavaScript等技术。精通Java设计模式、J2EE设计模式、企业级架构模式。精通数据库设计,熟练使用MySQL、Oracle等数据库技术,熟练掌握Power Designer、Rose等设计工具。主编多本IT畅销图书:《玩转Axure RP——Axure RP高保真网页、APP原型设计》、《Power Designer系统分析与建模实战》和《企业应用架构设计--Struts 2+Hibernate 3+Spring 2》等。

刘老师 2003年开始从事界面设计及品牌研究,曾担任长城广告公司平面设计师,担任北京麦格希尔公司设计师。获得Adobe中国认证设计师称号,通过Adobe中国认证教师认证,通过工信部网页设计师认证。主要参与36氪创业媒体网站形象和界面设计,“极阅”软件的Ipad版交互界面设计,Opera浏览器中国移动版界面设计,美国DYMO公司系列手持设备交互设计项目,用友软件畅捷通用户界面设计,Iphone OS操作系统平台通讯软件友录,手机客户端软件界面设计等众多交互设计和图形界面设计项目。

赵老师 资深UI设计师及讲师、移动平台交互设计总监,毕业于清华美院、擅长用户体验设计及用户界面设计,摩托罗拉产品发布会相关网站的策划及视觉设计;安博京津动漫产业园官网的策划及设计;国家农产品追溯系统iPad客户端用户体验及UI设计;价格线酒店预订客户端设计;参与多款大型网络游戏的用户体验设计及Android和iOS客户端用户体验设计;在App Store发布的多款游戏和应用软件中担任策划及用户体验设计;擅长游戏类项目的视觉策划及界面设计。10多年设计和教学工作,美术及设计功底深厚,拥有长期的设计经验及阅历;造型能力强,色彩把握能力突出。在广告、CI、装帧、动画及插图艺术方面都有大量项目经验并拥有一定的造诣。多年ui平面设计经验,千人教育培训经验。著有《品味移动设计》、《交互设计的艺术》。