文章为58商家通项目设计总结，一起来学习下。
58商家通是基于58同城本地服务业务下商家日常经营管理的移动端产品。随着产品的迭代完善，由1.0版本中基于商机线索建立B与C之间的连接方式，转向2.0版本商家主动经营管理线上店铺的概念。
线上店铺是互联网时代商家宣传推广、获取客源、了解用户需求、掌握行业资讯等经营活动的重要集合场地。原有产品架构以消息、电话、帖子等信息连接为主的维度展开，未涉及到店铺这个集合场地的概念。
对此，我们对商业产品的主要业务逻辑进行再梳理，充分了解商家的经营流程。决定将原App我的个人中心页面调整为店铺页面。结合PM部门以提升核心功能的使用量的产品目标，归纳整理出需要设计完成的具体任务：
有层次的处理功能优先级，加强核心功能操作引导;
全新店铺概念的传递;
产品拓展性，及不同身份商家所面临的功能差异性。
需求拆解
理清功能优先级，确定页面结构
划分功能关联性及优先级，结合产品策略制定的服务重点，梳理页面结构。
梳理功能层级：我们打散了所有功能，按属性及用户的操作频率进行分组，分别是获取客源的高频操作、新用户必要完成引导操作、日常维护管理的基础操作。
完善页面交互：内容上保留了基本的店铺信息，既可以促进商家信息的完善，也能够传递出它的统领页面的地位。就像实体店面的招牌一样。另外考虑产品逐步成长完善，平台会不断的推出运营活动来提升商家活跃度，因此首屏核心区域保留了较为突出运营位。
处理页面节奏：从原型呈现来看这是一个功能入口众多的页面，为了能够更好的突出产品战略方向的重点功能，我们通过调整布局结构，将商家高频操作的重点功能变为横向双卡片式布局，加大功能入口的页面占比，丰富了页面节奏。
传递店铺概念
新的店铺概念的传递，主要是视觉呈现层面上的思考。
页面色彩的定调：设计之初，同PM和UE部们的伙伴，进行充分的沟通，从不同的角度出发，对于店铺概念的理解进行头脑风暴。归纳出相应的视觉关键词：贴近生活、温暖、好彩头。
贴近生活：用户群体特征是生活服务领域的商家。
温暖：希望为商家打造生意经营的助手管家，而非一款冷冰冰的工具产品。
好彩头：商家的直观目的是获取收益的最大化。希望产品贴合商家生意兴隆的心理预期。
页面氛围的渲染：通过图片抽离颜色的方式，将关键词可视化，确定了相应的主辅色。原型头部的店铺信息区有统领页面的作用，也奠定了页面的色彩氛围。处理上采用大面积的主色渐变，结合悬浮的同色系图案，保证不影响文字阅读的前提下，丰富画面空间感和质感。
功能入口的差异化处理：功能入口的处理上主要分为两个部分，获取客源：商家使用频率最高的操作。新手引导/日常操作：新用户必要引导教育和老用户的日常维护相对低频的操作功能。
获取客源部分是商家获得生意的主动操作功能，，并且原型里增加了该功能页面占比。那么，视觉处理上采用低饱和度较为温和的色块手法。没有用过强的刺激色彩引导点击。而是照顾到页面的整体平衡感。
新手引导和日常维护icon的差异化处理。新手必要功能视觉上需要加强引导的部分，手法上采用色块化的面性图标，沿用微渐变的方式，来增强视觉冲击力，并考虑将这一部分操作任务化，强调已完成和未完成的状态。日常工具部分功能种类繁多，但操作优先级相对较低。处理时重点考虑模块的整体感。色彩上将主色饱和度做了适当降低;形式上统一采用3px粗细的线条两端全圆角;在整体页面中既不单薄也不过于笨重。
