1. 首页 > 站长

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

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

  

设计沉思录:给商家一种全新的店铺管理体验(图1)

 

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

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

  

设计沉思录:给商家一种全新的店铺管理体验(图2)

 

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

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

  全新店铺概念的传递;

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

  需求拆解

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

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

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

  

设计沉思录:给商家一种全新的店铺管理体验(图3)

 

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

  

设计沉思录:给商家一种全新的店铺管理体验(图4)

 

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

  

设计沉思录:给商家一种全新的店铺管理体验(图5)

 

  传递店铺概念

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

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

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

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

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

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

  

设计沉思录:给商家一种全新的店铺管理体验(图6)

 

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

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

  

设计沉思录:给商家一种全新的店铺管理体验(图7)

 

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

  

设计沉思录:给商家一种全新的店铺管理体验(图8)

 

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

  产品拓展性及功能差异性

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

  

设计沉思录:给商家一种全新的店铺管理体验(图9)

 

  设计结果

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

  反思总结

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

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

  作者:王帅,视觉设计师

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

  题图来自PEXELS,基于CC0协议

声明:OurSeo登载此文出于传递更多信息之目的,并不代表本站赞同其观点和对其真实性负责,请读者仅作参考,并请自行核实相关内容。如有侵权请联系我们,会及时删除,如若转载请注明出处。

联系我们

在线咨询:点击这里给我发消息

微信号:wutian08

工作日:9:30-18:30,节假日休息