专注营销型网站建设外贸网站建设!自适应IPAD+手机微信+电脑

专属定制:138 2557 5516 关于智唯 | 联系智唯
网站设计News
公司网站建设

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

关键词:广州建站 作者:智唯建站 | VISITORS: | 来源:智唯网络科技
21Mar
2018
文章为58商家通项目设计总结,一起来学习下。

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

  

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

 

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

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

  

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

 

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

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

  全新店铺概念的传递;

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

  需求拆解

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

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

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

  

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

 

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

  

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

 

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

  

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

 

  传递店铺概念

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

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

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

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

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

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

  

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

 

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

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

  

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

 

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

  

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