03 企业互联网产品的UE设计

知其道，用其妙,企业互联网产品的UE设计,刘鸿溶,用友股份iUAP产品本部UE工程部经理,用友用户体验专家级设计师,12年+UI/UE设计经验6年+UE团队管理经验多个大型ERP产品设计经验，曾任神州数码、北京希门主设计开办ADOUWORK独立设计工作室,北京大学光华管理学院2016级MBA,企业互联网产品的体验新时代,人与信息,人与物,人与人,人与娱乐,80、90的电讯生活,人与工作,高效、便捷、友好,产品结构复杂不易用,产品UE的痛点,研发后期费劲改界面,设计风格老旧,界面一致性不高,无法跟进新型前端技术的应用,多端设备适应性差,生长在互联网逐渐的繁荣时代受toC产品的影响很深在乎产品的体验品质,80/90的年轻人,我们的用户是怎样的？,技术的同质化,企业互联网产品的竞争由单纯的技术竞争转化为体验的竞争,体验的创新将催生、孵化出一大批新的业态、产品和服务，以及相应的企业,具备越来越重要的商业价值,企业互联网UE设计,怎样做才算是好的设计？,逻辑结构,视觉风格,交互反馈,场景如何划分用户的操作流程相关模块的如何协作,产品是怎么组织的,产品是怎么展现的,产品是怎么运动的,时尚（企业特质）色彩和形态情感化因素,环节之间的流畅度操作的引导和反馈容错,我们是怎样为一个产品进行设计的？,需求,UE,测试,前端实现,开发,典型的功能树的结构,传统的toB设计思路,用户需要主动理解你,我不难过，我只是不开心了,But，用户是怎么工作的？在工作中是怎么使用我们的产品的？,偌大的世界中，我是个小小的存在,需求梳理,以用户为中心组织界面,流程,任务,资讯,人际,按需加载,场景的关系化表达,定位风格,定义关键词,色彩和格调,时尚,商务,明朗,适度活跃,设计感,形成设计输出物,主要场景的交互流程,基础控件和控件,特殊交互界面,典型界面,标注和资源,字体技术,与开发合作实现,效果的可实现度和还原度,实现技术对效果的影响及备用方案,图形技术,页面技术,加载技术,移动兼容,以10241400px的PC屏幕为最优显示适应区间；向上兼容超过1400px的屏幕，并作宽屏适应；通过响应式兼容pad竖屏和手机端,UE设计资源1,iuapUE规范,用户名密码均为uap,iuapUE官网,视觉定位交互准则基本控件和组件相关的资源,上下游合作每个环节的把控点和输出物,针对产品的具体设计细节和实现方法,UE基础知识相关的UE规范和准则,UE规范,UE工作流程,UE方案,UE资讯,Havealook,UE设计资源2,iuapDesign,需求,UE,页面搭建功能实现,测试,研发模式的改变,前端实现,直接可用的前端代码,完整的界面元素真实的界面展现串通的界面交互流程和操作反馈（静态）覆盖80%以上的界面,需要具备的技能Html5+css3+JS熟悉各种流行前端框架（jQuery、Bootstrap等）熟悉各种界面交互效果写法（列表、浮层、切换、反馈、css绘图、css编程）（高级）前端页面的组织和架构（代码规范、重用原则、控件和组件、后端接口）,静态原型,数据连接功能逻辑开发,iUAP前端开发框架：一致性、模板快速搭建、页面加载效率、多端适应、风格主题,纯静态快速搭建界面一致性,前端开发利器,iuapdesign核心产品家族亮相,向所有人完全开源,模板库,样式板,在线编辑,Havealook,UE设计资源3,定制化设计,合作设计,现场小调查：,如果一个项目的总投入是100万，你愿意