设计沉思录：给商家一种全新的店铺管理体验

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

“58商家通”是基于58同城本地服务业务下商家日常经营管理的移动端产品。随着产品的迭代完善，由1.0版本中基于商机线索建立B与C之间的连接方式，转向2.0版本商家主动经营管理线上店铺的概念。
“线上店铺”是互联网时代商家宣传推广、获取客源、了解用户需求、掌握行业资讯等经营活动的重要集合场地。原有产品架构以消息、电话、帖子等信息连接为主的维度展开，未涉及到“店铺”这个集合场地的概念。

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

• 有层次的处理功能优先级，加强核心功能操作引导；
• 全新店铺概念的传递；
• 产品拓展性，及不同身份商家所面临的功能差异性。

需求拆解 

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

划分功能关联性及优先级，结合产品策略制定的服务重点，梳理页面结构。
梳理功能层级： 我们打散了所有功能，按属性及用户的操作频率进行分组，分别是获取客源的高频操作、新用户必要完成引导操作、日常维护管理的基础操作。

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

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

传递店铺概念 

新的店铺概念的传递，主要是视觉呈现层面上的思考。
页面色彩的定调： 设计之初，同PM和UE部们的伙伴，进行充分的沟通，从不同的角度出发，对于店铺概念的理解进行头脑风暴。归纳出相应的视觉关键词：贴近生活、温暖、好彩头。
贴近生活：用户群体特征是生活服务领域的商家。
温暖：希望为商家打造生意经营的助手管家，而非一款冷冰冰的工具产品。
好彩头：商家的直观目的是获取收益的最大化。希望产品贴合商家生意兴隆的心理预期。
页面氛围的渲染： 通过图片抽离颜色的方式，将关键词可视化，确定了相应的主辅色。原型头部的店铺信息区有统领页面的作用，也奠定了页面的色彩氛围。处理上采用大面积的主色渐变，结合悬浮的同色系图案，保证不影响文字阅读的前提下 ，丰富画面空间感和质感。

功能入口的差异化处理： 功能入口的处理上主要分为两个部分，获取客源：商家使用频率最高的操作（即前面提到的调整为横向卡片布局的部分）。新手引导/日常操作：新用户必要引导教育和老用户的日常维护相对低频的操作功能。
获取客源部分是商家获得生意的主动操作功能，并且原型里增加了该功能页面占比。那么，视觉处理上采用低饱和度较为温和的色块手法。没有用过强的刺激色彩引导点击。而是照顾到页面的整体平衡感。

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

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

产品拓展性及功能差异性 

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

设计结果 

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

反思总结 

不难看出店铺首页改版达到可观的预期效果，为商家搭建起一个经营管理店铺的基础线上平台。但我们也意识到，当商家对于店铺概念不在陌生时，基础信息模块占比将造成空间上的浪费，后期将为战略级的商家等级体系作出更妥善的设计。
另外，一个完善的店铺所要走的路还很长，需要有效的监管商家的服务水平，从平台的角度出发奖优惩劣，确保优质商家的权益得以保证。接下来我们整个团队将共同努力，不断的优化产品体验，带给商家一个好用，易用，不断提升收益的商家通。
 
作者：王帅，视觉设计师
@58用户体验设计中心（微信公众号@58UXD）

关键字：电商产品, 店铺, 商家, 页面

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！