开学特惠 会员低至4.4折 限时加赠 10000 AI积分 立即前往 arrow
千米墨刀客户案例

千米:共建共享组件库,统一电商产品原型与设计规范

千米为企业提供分销、零售商城和门店管理等电商产品。面对持续迭代中的风格差异,团队在墨刀中搭建组件库,向产品经理共享设计素材,并按业务分工维护组件,让原型搭建与设计规范相互衔接。

从零搭建组件

团队搭建组件库,用于保持产品迭代中的设计风格与设计语言一致。

向产品共享

设计团队将组件库共享给产品团队,供产品经理直接用于原型搭建。

分工维护规范

组件库可设置相应责任人,让团队成员按各自负责的业务参与维护。

企业背景

千米网作为国家高新技术企业,成立于2013年,专注于为中小企业提供新分销及新零售的电商化运营之道。千米电商云涵盖订货分销系统、零售商城系统、终端门店进销存及收银、B2B2C平台等多款产品,还能为用户提供定制化电商解决方案。千米电商客户分散在各行各业。

千米:企业背景配图

瓶颈一 :电商更新迭代速度快,在面临版本迭代时,之前没有建立统一的设计规范,导致风格多种多样,每次都要额外花时间对齐风格

从0到1搭建一个拥有1328个组件的完整组件库

为了保持迭代时设计风格统一、设计语言一致,并减少沟通成本,同时减轻产品经理原型设计的负担,墨刀协助千米从零到一搭建一套相对完整的组件库。

简单的来说,组件库就是界面设计中常用的控件与元素的组合。或许我们可以将组件库比作乐高的基础颗粒,它们看起来很简单,也没什么特别的,却可以通过设计师的巧手搭建出炫酷的城堡。

在工具的选用上,几乎没花太多时间。千米一直在使用墨刀作为生产力设计工具,也已在墨刀中积累了大量的设计文件和素材。同时,墨刀的产品特性支持多人协同编辑,也方便记录交互逻辑跳转,这些特性也为搭建组件库提供了必要条件。千米网通过搭建的组件库,为设计师复用素材提供了保障,形成的素材规范更是提高了迭代效率。

千米:从0到1搭建一个拥有1328个组件的完整组件库配图

瓶颈二:跨部门协作效率有待提高,产设研业务难以对齐目标。

墨刀高效链接产设研,提升组织办公协同能力

有了组件库后,通过提升设计团队的业务认知,把组件省下的时间去触及业务,来更好的为设计服务,让业务和设计相辅相成。团队协同时,组件库的功用被放大到极致。组件库搭建好后,设计团队在墨刀上与产品团队共享了这套组件库,将其提供给产品经理使用,进行原型搭建。协同之间,组件库让产品和设计团队避免了表层展现不同所带来的理解误差。

千米:墨刀高效链接产设研,提升组织办公协同能力配图

对于迭代与维护,每个组件库都可以设置相应的责任人,让团队每个人只需要关注自己相关业务的组件库维护。而墨刀本身的多人协同属性,也让组件库的协同维护成为可能。组件不仅需要 UI 的维护,还要协同其他部门通力配合,才能保证更好的推进和落地。

开始搭建前,也需要以产品特点和技术架构确定组件库的结构,再顺着结构脉络梳理产品功能。组件库搭建是一个团队共同完成的大项目,为了搭建出一个真正高可用、可拓展的组件库,一定要打通沟通阻碍,完成高效配合。

下一步 · 团队协作

规划一套产品与设计都能使用的组件库

盘点现有产品的高频界面、组件责任人与更新方式,以一条业务线评估素材复用、共享范围及维护流程,为组件库建设明确起点。

  • 团队规模与角色
  • 当前协作流程
  • 权限与部署需求
400-659-9879墨刀销售热线
在线客服:工作日 09:00–12:00,13:30–18:00
让团队协作
从具体问题开始
咨询企业方案