设计沉思录｜商城项目总结：我的野蛮设计观

58商城是一个全新的针对B端商家的会员套餐售卖系统，长期以来一直依靠线下销售人员。在未来的战略规划中，我们希望从线下销售向线上销售转变，打造以客户为导向的智能服务中心。58商城是转型的核心，也是商城项目的核心目标。本文是关于58商城的项目总结，欣赏~

一、项目背景1。什么是商场？58商城是一个全新的面向B端商家的会员套餐售卖系统。58会员产品和套餐的销售长期依赖线下销售人员。在未来的战略规划中，我们希望从线下销售向线上销售转变，打造以客户为导向的智能服务中心。58商城是转型的核心，也是商城项目的核心目标。

58商城项目图

58商城包括PC/M两个端口，以及58的所有业务线，如招聘、房产、二手车、黄页等。同时，除了这些业务线的接入，还包括积分商城、支付系统、数据后台、合同系统、发票等一整套销售和支持系统。

2.阶段性目标如果从产品生命周期的曲线来看，起步阶段的商场处于一个野蛮开荒的时期。初期的目标是快速搭建产品功能，覆盖多个服务和平台，让用户快速上手，获得初步认可。

第二，面对问题。在参与像商场这种体量大、时间紧、资源少的项目时，我们的设计师也会面临很多问题。例如，我们的资源非常有限，很难支持如此大规模和快速产出的项目。以及商场覆盖的众多业务线，前期设计风格的过度视觉化等等。

第三，设计策略求同存异，策略解决了平台个性和共性的问题。

经过整理总结，基本分为两种:

常见问题:设计风格、设计资源有限、整体一致性要求；个性:涉及业务线多，功能结构复杂，场景多样化。面对新品野蛮生长期的共性和个性问题，通过求同存异来解决，快速搭建商城基础能力。

求同存异:如何面对共同的问题？常见的问题基本上可以说是标准问题，那么商场应该建立一个什么样的标准呢？

结合前期的用户调研，目前购买会员套餐基本都是公司的代销和帮买的模式，以及我们商城用户的属性。如何高效地将信息传达给用户才是最重要的。

早期设计风格

我们梳理了我们商城早期的产品设计风格，最大的特点就是非常的视觉化，通过大量的插画来吸引用户的注意力。

但它也带来了以下缺点:

信息干扰大:信息干扰会很大，B端用户消费会更理性，视觉设计不会很有引导性。设计成本高:视觉设计会给我们带来很高的设计成本。我们需要不断地做这些视觉和插图来适应。风格难以统一:设计风格非常不可控，难以统一。所以为了解决这些问题，我们提炼了一个新的标准，就是可视化。从而扩展了轻质、清晰和一致的设计原则。

(1)去视觉化

根据轻量级设计的原则，我们对商城的首页和详情页进行了可视化设计。我们让信息显示更加简洁轻便，最重要的是可以让我们的设计成本非常低。

(2)卡片设计

卡片设计在我们的生活中随处可见，比如扑克、身份证、招牌等卡片形式。它们具有简单、信息集成、信息传递清晰直观的优点。

在58商城的视觉设计中，也采用了卡片设计的形式，快速区分和整合不同的信息，使信息传递更加高效。

(3)组件库

大方向确定后，接下来就是如何有效执行标准。通过建立标准化的元件库，可以保证设计的快速输出。同时不断优化更新常用组件库，与开发团队同步。也解决了我们平台的一致性问题。

统一:单位金额的组合，通过选择规范中的基本组合来构建，保证整个商城价格显示的统一性。

兼容性:在底栏中，将操作按钮、图标、内容等元素结合在一起，保证了设计的兼容性和交互逻辑的一致性。

扩展性:信息结构复杂的商品展示模块，分功能。根据业务需求增减功能模块，增强商品模块的可扩展性。

(4)模板商品图

同时，我们还将设计师工作量最大的产品详情页设计在统一的模板中，大大提高了我们设计的生产效率。

通过这种设计原则，标准的执行，标准的推广，基本解决了商场的通病。

外星人:如何满足个性化需求？性格问题主要体现在很多业务线造成的差异，以及套餐销售的信息差异。相应的解决方案有两种，低成本的个性化和高包容性的模块化。

(1)低成本个性化

比如用颜色区分业务线，我们定义每个业务线的会员卡颜色。让每个业务线都具有唯一性，加强用户对业务线身份的认知，让用户快速准确的区分和了解会员套餐的使用情况。

(2)高包容性模块化

包装的展示对我们来说是非常重要的一部分。套餐内容非常复杂，用户更关注套餐内容和价格本身。但实际上随着我们业务线的不断更新迭代，套餐的更新，活动和促销新内容等原因。我们原来标准化的包装展示，信息展示不清晰，层次模糊，不能很好的兼容新的商品需求。所以我针对这个问题，在标准化的基础上，通过模块化设计升级。

梳理商品信息的基本元素，提炼重要元素，重新组合成样式，保证整个商品展示逻辑的统一。

通过模块化设计，商品展示的价格信息更加直观，内容展示更加丰富清晰，但最重要的是具有更好的扩展性，关键信息更加突出。

同时很好的兼容了不同商品的展示需求，也可以看出卡片设计在其中起到了关键作用。在共性问题上选择包容性强的卡片设计是正确的。

这种设计思想在其他模块中也得到了很好的重用，比如合同列表、包裹列表、购物车等等。

通过求同存异的整体设计策略，基本完成了会员商城的基本功能。达到了产品和设计的最初目标。

四。需求管理。但事实上，今年我们面对了很多项目需求。2019年，我们也得到了一个非常野蛮的结果。但是当我们面对这些需求时，我们如何规划我们的资源呢？制定我们的设计策略？寻求对接需求的共同点，还是搁置分歧？

所以我们使用四象限法来有效地管理项目。可以分为平台类型和业务线，个性和共性。

其中，平台型——个性:利用现有标准，快速生产；

商务-个性:点对点考虑，个性化设计；

业务-通用性:考虑全局，制定标准化，迭代完善现有的标准和规范；

类型-通用性:专注于规划，制定严格的规范，然后进行迭代维护。

动词 （verb的缩写）总结商城项目是18年底开始的，当时我们投入了三个设计师，以封闭的设计方式支撑一条业务线和一个项目。

但是2019年我们只用了1.5人力的设计师支持。9个月内，我们完成了58商城项目地图中2个终端乘以4条业务线的接入，N多项底层能力的建设。

综上所述，2019年，虽然58商城的设计结果非常野蛮直接，但是我们的设计策略、设计思维、设计运营都是一丝不苟的。

随着平台基础能力的完成和公司战略的不断深化，58商城也将进入快速成长和精细调整阶段。

因此，我们会跟随项目目标的变化，调整设计策略，在精细化设计方法上投入更多。包括体验打磨、业务和用户细分、数据、转化和成长。

本文来自人人都是产品经理合作媒体@58用户体验设计中心(微信微信官方账号@58UXD)，作者@ Huantie Artist

作者提供的照片