文章为58商家通项目设计总结，一起来学习下。

　　

 

　　“58商家通”是基于58同城本地服务业务下商家日常经营管理的移动端产品。随着产品的迭代完善，由1.0版本中基于商机线索建立B与C之间的连接方式，转向2.0版本商家主动经营管理线上店铺的概念。

　　“线上店铺”是互联网时代商家宣传推广、获取客源、了解用户需求、掌握行业资讯等经营活动的重要集合场地。原有产品架构以消息、电话、帖子等信息连接为主的维度展开，未涉及到“店铺”这个集合场地的概念。

　　

 

　　对此，我们对商业产品的主要业务逻辑进行再梳理，充分了解商家的经营流程。决定将原App“我的”个人中心页面调整为“店铺”页面。结合PM部门以提升核心功能的使用量的产品目标，归纳整理出需要设计完成的具体任务：

　　有层次的处理功能优先级，加强核心功能操作引导;

　　全新店铺概念的传递;

　　产品拓展性，及不同身份商家所面临的功能差异性。

　　需求拆解

　　理清功能优先级，确定页面结构

　　划分功能关联性及优先级，结合产品策略制定的服务重点，梳理页面结构。

　　梳理功能层级：我们打散了所有功能，按属性及用户的操作频率进行分组，分别是获取客源的高频操作、新用户必要完成引导操作、日常维护管理的基础操作。

　　

 

　　完善页面交互：内容上保留了基本的店铺信息，既可以促进商家信息的完善，也能够传递出它的统领页面的地位。就像实体店面的招牌一样。另外考虑产品逐步成长完善，平台会不断的推出运营活动来提升商家活跃度，因此首屏核心区域保留了较为突出运营位。

　　

 

　　处理页面节奏：从原型呈现来看这是一个功能入口众多的页面，为了能够更好的突出产品战略方向的重点功能，我们通过调整布局结构，将商家高频操作的重点功能变为横向双卡片式布局，加大功能入口的页面占比，丰富了页面节奏。

　　

 

　　传递店铺概念

　　新的店铺概念的传递，主要是视觉呈现层面上的思考。

　　页面色彩的定调：设计之初，同PM和UE部们的伙伴，进行充分的沟通，从不同的角度出发，对于店铺概念的理解进行头脑风暴。归纳出相应的视觉关键词：贴近生活、温暖、好彩头。

　　贴近生活：用户群体特征是生活服务领域的商家。

　　温暖：希望为商家打造生意经营的助手管家，而非一款冷冰冰的工具产品。

　　好彩头：商家的直观目的是获取收益的最大化。希望产品贴合商家生意兴隆的心理预期。

　　页面氛围的渲染：通过图片抽离颜色的方式，将关键词可视化，确定了相应的主辅色。原型头部的店铺信息区有统领页面的作用，也奠定了页面的色彩氛围。处理上采用大面积的主色渐变，结合悬浮的同色系图案，保证不影响文字阅读的前提下 ，丰富画面空间感和质感。

　　

 

　　功能入口的差异化处理：功能入口的处理上主要分为两个部分，获取客源：商家使用频率最高的操作(即前面提到的调整为横向卡片布局的部分)。新手引导/日常操作：新用户必要引导教育和老用户的日常维护相对低频的操作功能。

　　获取客源部分是商家获得生意的主动操作功能，并且原型里增加了该功能页面占比。那么，视觉处理上采用低饱和度较为温和的色块手法。没有用过强的刺激色彩引导点击。而是照顾到页面的整体平衡感。

　　

 

　　新手引导和日常维护icon的差异化处理。“新手必要功能”视觉上需要加强引导的部分，手法上采用色块化的面性图标，沿用微渐变的方式，来增强视觉冲击力，并考虑将这一部分操作任务化，强调已完成和未完成的状态。“日常工具部分”功能种类繁多，但操作优先级相对较低。处理时重点考虑模块的整体感。色彩上将主色饱和度做了适当降低;形式上统一采用3px粗细的线条两端全圆角;在整体页面中既不单薄也不过于笨重。

　　

 

　　以上，通过不同形式的视觉处理方式，来营造新店铺的氛围，以及有层次的处理不同优先级的功能入口。实现了设计需要完成的前两项任务。接下来是考虑到商家通用户群体的多样性，以及产品后期的可拓展性。

　　产品拓展性及功能差异性

　　商家通本身处于成长阶段，产品部门会不时的迸发出新的功能进行验证。以及，商家通的用户群体依据身份(VIP和非VIP)的不同在功能权限上有很大的差异性。考虑到这些，我们决定整体设计采用可自由组合的卡片式布局，实现千人千面的模块化方案。这样既保障了不同身份的使用者都能有较好的产品体验，又为产品随时调整策略提供便利，同时也将开发成本将到最低。

　　

 

　　设计结果

　　店铺首页改版上线后各方面数据均有不错的发展趋势。PM诉求的核心功能访客足迹、放心服务、店铺动态等较之前均有大幅度提高。其中，放心服务带来直接收入增长3倍多。访客足迹超出预期30%多，功能使用率占到50%以上。另外，店铺基础信息外漏后，信息完善，Logo上传等起到了很大的促进作用。为建立商家差异化等级体系起到积极作用。

　　反思总结

　　不难看出店铺首页改版达到可观的预期效果，为商家搭建起一个经营管理店铺的基础线上平台。但我们也意识到，当商家对于店铺概念不在陌生时，基础信息模块占比将造成空间上的浪费，后期将为战略级的商家等级体系作出更妥善的设计。

　　另外，一个完善的店铺所要走的路还很长，需要有效的监管商家的服务水平，从平台的角度出发奖优惩劣，确保优质商家的权益得以保证。接下来我们整个团队将共同努力，不断的优化产品体验，带给商家一个好用，易用，不断提升收益的商家通。

　　作者：王帅，视觉设计师

　　本文来源于人人都是产品经理合作媒体@58用户体验设计中心(微信公众号@58UXD)，作者@王帅

　　题图来自PEXELS，基于CC0协议