有赞开放“产品设计工具箱”,已成SaaS行业产品标准

摘要

在香港上市后的零售SaaS服务商有赞,正在逐步开放一部分产品、技术能力,为SaaS行业提供解决方案。日前,有赞旗下Zan Design平台低调上线……

在香港上市后的零售SaaS服务商有赞,正在逐步开放一部分产品、技术能力,为SaaS行业提供解决方案。日前,有赞旗下Zan Design平台低调上线,为SaaS行业产品设计、开发者提供有赞在过去近七年时间里沉淀下来的设计规范,以及简单易用的“设计工具箱”。

根据官方介绍,Zan Design 提供了产品设计所需的各方面的指导、资源,能够有效地提升设计师与开发者之间的协作效率,降低生产成本,提高研发效能和设计的能力。

让有赞的产品设计资源和经验可以被复用

“Zan Design就像一座属于有赞产品设计的博物馆,里面记录着有赞多年来的设计元素经验。它代表了有赞的设计价值观和设计资源。而现在我们把它开放给行业,作为一个给UI设计师和前端开发免费使用的工具箱。”Zan Design 负责人、有赞UI设计师夏辉解释道。

据了解,目前Zan Design 能提供的服务包括:产品设计原则与规范、常用开发者组件、产品设计资源等。以组件资源为例,Zan Design将提供一个涵盖PC端、H5界面和小程序在内近千种开源的组件代码。开发者可使用组件 Demo 快速体验交互细节,同时使用组件代码快速开发。

一直以来,有赞产品的设计无论是UI风格还是交互体验在行业均有着不错的口碑,不少商家对有赞产品人性化的体验津津乐道,但随之而来的,有赞的产品风格也被某些同行争相模仿。对此,有赞在内部讨论后决定,与其怕被模仿,不如开放这些风格的理念与组件代码,让业界可以无障碍的相互学习,推动社交生态内的用户体验一致性。


这些有赞沉淀下来的具有高复用性的方法论与工具,也完全试用于有赞正在服务的442万商家。“这些方法论,这对于商家来说无疑是非常有用处的。”夏辉表示。

值得注意的是,除了有赞自身的组件,其他从业者也可以上传自己设计的组件,实现资源和经验共享。

“我觉得这是一个极具意义的里程碑,我们希望Zan Design能成为SaaS行业的一种标准。”在夏辉看来,Zan Design不仅仅是个开源的网站,它背后有着有赞产品技术团队6年来的心血,是有赞带给外界的一个礼物。

Zan Design的诞生:一切从摩擦开始

其实,Zan Design是过去一年里夏辉和他的团队在业余时间筹备出来的。直到网站上线前,他们依然在和前端开发的同事争论“到底什么才是最佳的设计元素?”

为什么要建这么一个网站?这要从一款产品的诞生说起。

以有赞微商城(有赞最基础的一款开店工具)为例,它的界面需要符合人性化和符合大众审美的设计,而这背后需要产品经理、UI设计师和前端开发这三方的共同努力。

“你可以把它理解是在搭建一栋大楼。产品经理是大楼的总规划,UI设计师是大楼的设计者,而前端开发则是搭建大楼的工匠。一栋大楼的建成正是需要他们的合作才能完成。”夏辉解释道。但每个人的理念和审美各不相同,三者在合作的过程中难免会有摩擦。

“这就好比一千个人眼中有一千个哈姆雷特,UI眼中的完美设计也许在前端开发看来就像一坨x。”所以,产品在最后没有定调之前,这群“搭建者”往往会出现谁也不服谁的情况,彼此的摩擦在所难免。


Zan Design里总结的色彩模型

“不夸张的说,在过去6年里,无论是有赞微商城还是有赞零售,产品的推出和迭代背后都是UI设计师和前端开发一次又一次摩擦与认同中诞生的,这背后的硝烟弥漫,只有经历过的人才会明白。”夏辉感叹道。

不过随着一次次的“摩擦”,有赞对产品的设计元素沉淀了许多经验总结——SaaS的设计理念就应该是这样的。

也是在这个时候,夏辉意识到,“我们是不是应该做些什么,让这些设计元素成为一种方法论,可以让后来者或同行学习和借鉴,虽然还不能说是成为一种行业标准,但至少让业界意识到,有赞的设计元素是值得分享和参考的。”

于是去年7月,夏辉开始提出筹建这个网站的想法,这个想法得到很多同事响应。除了夏辉团队的成员,还有一些曾经有过争执的前端开发。“那个时候,我们难得有一致的观点。”夏辉笑称。

什么才是有赞的设计价值观?

有了搭建Zan Design这个想法后,团队成员开始讨论,“什么才是有赞值得分享的产品设计?”这个观点的提出,又是一场百家争鸣的盛况。

经过一场场激烈的讨论后,最后得出的结论是——有赞产品的设计一定是能够提供普适、抽象的评判标准和方向,激发更为具体和行之有效的设计原则,继而又产生为具体的设计问题提供向导和一般解决方案的设计模式。


关于Zant UI的介绍

这个结论看似简单,但背后需要做的大量的工作。“所谓画虎画皮难画骨,而我们要做的是把骨重新拆解出来。”夏辉解释道,这意味着团队需要重新整理有赞这6年来所有的设计语言的元素,同时这些元素还需要前端开发重新写代码展现。而这,还需要团队在业余时间去完成。

项目的进展是高效的,几乎每天都会有人在讨论群里提出自己的观点,从组件的现状到话语的表述,从界面的颜色到字体的大小,每一个观点的提出都在认同和否定中沉淀。近半年的时机,能够代表有赞设计价值观的元素终于得以呈现。

“这个过程就像团队一起在搭建乐高玩具。”夏辉说道,“在没有成型之前,没有人知道它会是什么样子,而到最后收尾呈现时,每个人都非常自豪,就像完成了一个壮举。”

与此同时,夏辉发现,在网站搭建的过程中,团队的氛围也开始变得更为融洽,工作的效率也得以提升,“因为每个人都觉得自己做了一件非常富有意义的事情。这将是一段弥足珍贵的经历。”

而他更加希望,这段经历的成果——Zan Design可以帮助产品设计和开发者,推动社交生态内的用户体验一致性,成为SaaS领域的设计体系打造一套行业标准。

最新文章

极客公园

用极客视角,追踪你最不可错过的科技圈。

极客之选

新鲜、有趣的硬件产品,第一时间为你呈现。

顶楼

关注前沿科技,发表最具科技的商业洞见。