复杂中台设计系统的构想与搭建
主讲人
  • 孙妍 孙妍 58 视觉设计专家

    现任58同城视觉设计专家,参与了58同城多个核心设计项目,目前主要负责58同城中后台设计工作,并专注研究该领域,半年时间内搭建了一个致力于提升58中后台系统体验的设计体系, 提供专业的系统解决方案,赋能中后台服务生态,重新定义了设计、前端、产品的工作方式。有超过10年的时间专注于体验设计,横跨电商、教育、信息服务等行业。

    我始终坚信设计驱动产品价值,严谨精益。

复杂中台设计系统的构想与搭建

4145人点赞
场次 B9
会议室 303B
时间 待定
内容形式 工作坊
语言 中文
类别 视觉设计
主讲内容
内容介绍

中后台系统由于其用户群体专业性强,逻辑复杂,跨团队之间协作多,导致设计产出物不规范,重复劳动力大,随之产生的体验性问题也越来越严重,为了解决劳动产能问题,改变设计师一个一个需求处理的现状,设计师需要主动推动了业务发展,改变传统工作方式,打通前端技术与产品壁垒。用全链路方向思考中后台产品问题,打造出属于企业团队自身的中台系统,去面对众多的业务场景,和复杂的业务环境。

通过这次工作坊,本次工作坊通过实际案例,带来大量实际的工作技巧、工作思维和工作方法。可以让参会者认识到有价值的中台体系设计方法,为中大型企业快速打造出符合自身需求的的中后台系统解决方案。

工作坊中将学习到的具体内容包括:
1、认识中台系统
1.1 中台系统概念及行业分析
1.2 58中后台问题分析
1.3 全链路解决方案构思

2、中后台产品的设计资产
2.1 58同城Matirx体系设计理念,案例详解
案例介绍58同城中台设计体系Matirx的设计理念以及该设计体系所具备的业务能力,从产品定位、Matirx品牌概念、主站视觉表达与体验设计等多个层面,全面分享Matirx体系的创作过程

2.2 劳动力三要素模型介绍
· 梳理劳动者(设计、前端、产品)
· 劳动工具(Sketch、代码,原型)
各要素需要解决的问题, 如何通过设计驱动力打通各个环节

2.3 组件化设计体系,从0到1搭建平台级全局组件库
经验方法介绍:全局的样式管理,效率的插件分享
· 用Sketch工具管理组件与团队协作,建立Text Style(文字样式)和Layer Style(图层样式),使不同业务线根据自身品牌颜色定义界面风格,自定义切换系统主题色彩,样式管理和结构分离
· 组件符合响应式要求,更好适配各分辨率变化与终端工具

2.4 模块化的秩序性思考以及数据可视化图表的设计经验分享
· 设计资产的模式化和一致性:提升设计到研发产出效率的关键因素。构建底层的设计逻辑,制定约束的设计规则,最大化保证其在各个业务场景下的适应性
· 常用数据图表分类,配色方法介绍

2.5 百变模版库的搭建方法
更进一步发挥Matrix Design组件的效能,根据高复用性的界面使用场景,梳理出中台系统各通用形式的内容区块,并将其搭建成模板库,做到快速调取场景化模板来创建应用,降低重复性的设计与开发工作,提升效率。

2.6 构建属于中台的图形化插画组件库
图形化是产品体验的关键核心元素。在工作中经常存在实现成本高,一致性不统一的问题,而图形化能够在直观描述固有信息的同时塑造情感背景,使用户更具沉浸感和共情性。同样使用原子理论组件化的设计思路,包含构图、颜色等一系列的设计资产及使用指引,将元素组合成组件,组件又可以根据不同的场景组合成丰富的模板。帮助设计师在提升产品用户体验的同时完成商业目标

2.7 在线工具的自由构建
利用Matirx在线设计工具(Matirx Fast Factory),省去设计与开发的时间,使用所见即所得的方式来自主创建中台产品,充分满足个性化的产品设计需求

3、协作支持
3.1 内部统一:设计师内部协同合作之道
3.2 外部联合:前端工程师主动寻求合作秘籍
3.3 维护工作与复盘

环节安排

1、工作坊内容介绍:内容的概要介绍
2、理念讲解:中后台设计体系搭建方法
3、实践练习:全局组件库搭建方法,响应式组件实践一键切换主题风格
4、Q&A环节自由交流
5、总结回顾

目标听众

1、中后台产品相关体验设计师
2、中后台产品设计师
3、产品经理

参会获益

1、了解中后台设计体系全案项目经验;
2、了解如何从0到1品牌搭建全局组件库及完整知识体系框架;
3、提升设计师在未来职场中的竞争力:全链路思维模式;

作品案例
  • 设计体系构成
  • 组件设计三维度
  • 组件库构成
  • 面对生产力低下问题,通过劳动力三要素模型,寻找解决方法
  • 设计体系概览
  • 组件库概览
  • 模版库概览
  • 设计成果展示
猜你喜欢
  • 设计体系构成 18
  • 组件设计三维度 28
  • 组件库构成 38
  • 面对生产力低下问题,通过劳动力三要素模型,寻找解决方法 48
  • 设计体系概览 58
  • 组件库概览 68
  • 模版库概览 78
  • 设计成果展示 88
联系客服
官方公众号×
添加IXDC官方微信,可以直接在线沟通 公众号ID:ixdcorg

长按识别二维码添加微信公众号

复制公众号ID长按二维码保存图片