电商网站一般分为前台导购及后台管理两方面，通常由买家及卖家两种角色组成。大部分的工作是在后台完成，涉及到各类管理系统，保障日常工作顺利运行。

　　后台产品设计因其逻辑复杂、业务繁多、专业性强具有较大挑战性，在很多情况下设计师的发挥受到较大限制。尤其是B类后台产品的设计需要对公司业务拥有更全方位的认识，加大了其设计难度。做为设计师如何重新定义后台商业价值?如何进行产品化设计思考?下面以买卖家工作台首页设计为例，来介绍下整体设计思路。

　　做为体验设计师需要对整个产品负责，在产品改造前期提前与PD对焦思路，全链路思考主动提出对产品的整体想法，而非到某项交互功能再介入，或者是某个页面视觉表现再进行。对焦的过程中也发现项目的诸多难点：涉及B2B所有业务，风险大，影响范围广。为保证产品方向的准确性需要与业务方进行多次沟通讨论及产品汇报。 产品方向确定基本流程： 思路对焦——方案讨论——方案设计——产品汇报——确定方向。

　　1、了解产品整体定位： 在进行商业价值重构前充分了解产品定位。以工作台为例，今年1688针对B2B市场提出了人、货、场的战略。人：帮助引流，货：提升品质，场：提升能力，做为1688用户的核心工作场景-工作台成为重要场景之一，需要结合新战略进行全新升级，加强人在后台场中的匹配效率。

　　2、从业务视角转变为用户视角：在设计对焦过程发现，现有版本融入了较多内部运营工作逻辑，体现各个部门的利益及立场。比如网站多了一块新业务需要向用户推广，就会在后台中增加一个介绍版块让用户区体验，缺少用户去体验功能的场景及动机。偏向一个流量分发为中心的核心阵地。业务视角展现在用户层面比较难理解。做为B类用户更多的是从做生意的角度来使用后台，需要做一层转化才能到达认知，一定程度上影响了用户的使用效率。因此需要翻译成用户能理解的产品表达。

　　与产品、运营统一战线，建立目标。将一个流量分发为中心的核心阵地打造成以用户服务为中心的产品。

　　明确商业价值的构成者，做为平台一共有三方：平台方、买方及卖方。完整的商业价值构建需要联动三方一起共进。工作台以阿里大数据为中心，网站平台小二通过行业市场来服务我们的买家，同时通过商家培育体系来服务我们的卖家帮助商家成长，商家通过自我成长提升自身运营能力来服务好买家，构建出稳固的铁三角服务生态大图。通过建立价值生态场景，帮助业务打通上下游市场，让小二更好的服务买家，促使商家自运营。

　　首先谈下用研方式，传统的用研从制定访谈计划、问卷设计、用户邀约、执行调研、分析数据到撰写报告，整个过程基本由用研同学独立完成，在项目时间比较紧张的情况下会受到限制。因此我们采用了敏捷式共建用研，在临时机动的情况下获取用户痛点的方式，有几个小tips可供参考：

　　A、项目组共建用研：打破流程限制，在与用研同学确定好调研提纲后，发动项目组的成员运营、开发、测试等共同参与调研;B、灵活邀约客户：借助园区商家活动、会议等在中间抽取时间机动调研，在中午休息时间就访谈了近15位客户;

　　C、访谈结果及时产出：后项目组成员当即进行调研总结及改进建议，大大提高了访谈的输出效率，也提高了项目成员的对于用户的整体感知。用户调研不在于形式，在于是否通过有效方式得到想要的信息.优势：用户量大，意愿大，调研成本低 风险：目标用户不稳定、用户经营状态感知偏弱。

　　买家：主要工作行为是采购管理和销售管理，小买家不会进行进销存管理，进销存管理工具不能同步1688信息，查看物流不方便、不能看到销售数据情况，交易过的公司公司使用量低等情况。

　　卖家：主要使用群体为公司操作员基本每天都会进入后台操作，主要操作行为查看店铺数据、进行交易订单管理、商品管理、店铺管理、营销活动管理。核心关注曝光、访客及转化情况。调研中发现用户在后台操作的目标感模糊，例如用户反馈：刚开了店铺，后面要怎么弄，完全没方向!别人都是怎么做的，没有引导性;购买诚信通仅为了标识，无线上行为不知道要怎么做?没有把线下用户拉到线上等问题。

　　2、定量：通过数据分析发现用户使用都比较集中，部分模块使用率较低，有效信息少;长尾效应明显，交易链路为买卖家高频行为，抓手欠缺。

　　基于用户的行为差异及诉求差异，制定不同的设计目标及策略。工作台结合买卖家做了版本区分，分为买家版及卖家版

　　数据化自运营：分类管理，结合用研中了解的用户核心场景：管交易、管店、管货、管客及管活动进行模块分类;

　　卖家生命周期管理：建立用户成长激励体系，通过用户进阶分层明确成长目标，促使用户成长。 策略图：

　　导航分类场景化：以卖家版为例，在导航区域核心体现卖家四大工作场景：管交易、管店、管货、管客及管活动。

　　内容场景数据导向化：中间内容区域以总体成长情况和场景数据情况进行导向性设计，提供数据分析及行动操作。明确用户核心关注内容及操作。

　　3.模块设计产品化：建立模块交互设计Guideline 为保障后续新增模块价值传递的统一性，建立模块产品化交互设计Guideline。 对所有模块进行了功能分类，主要分为两种： 1、任务服务模块： 任务服务模块设计需要明确：模块是什么?(业务视角转为用户视角)目标&现状，怎么做及可获得什么服务。 2、消息模块：传递服务是什么?怎么做?

　　工作台中的功能入口众多，为方便用户查找及使用，对功能地图进行优化。统一工作场景分类认知与导航分类保持一致，减少界面中分类层级，用户点击功能地图后可进行自定菜单设置，将自己常用的入口钉到左侧菜单中。

　　通常一个产品进入视觉设计就开始YY各种品牌元素及表现感知方面的设计，而作为后台产品因其偏重操作，在视觉设计前，需要宏观的进行再思考，用户通过感知可以带来什么价值?在工作台视觉设计前进行了进行感知升级思考，建立感知升级闭环贯穿在整个视觉设计环节，闭环全图：

　　视觉设计核心发力点提取： 在对整体闭环有一定认知后，进行感知定位通过与项目组成员共建提取工作台感知云标签，提取感知关键词：简单、清晰及高效。在视觉层面主要通过风格定义、特色模块设计及情感化设计来发力。

　　1、风格定义：对B2B供应链管理类后台从颜色、图标、控件、模块等方面进行视觉层面竞品分析，同时了解时下主流产品设计趋势如微软、facebook，IOS11最新视觉风格。发现以下特点：

　　构：减线条，弱化线条分割，通过留白来区分空间，轻划分：巧用投影做区块划分 综合以上分析进行风格定义设计

　　导航优化：为保障用户认知的统一性，沿用了老版本中买家橙色，卖家蓝色的颜色特征。导航设计中缩减了颜色在导航中的比重，通过版本字体来区分。简化老版本中当前状态的框选样式，通过TAB短线来表示当前状态。

　　内容再设计：老版本中代办模块信息内容密集识别困难，操作性较低，通过信息名片卡片式设计待办归类整理，突出核心内容

　　化繁为简：现有页面中模块很多用线条来区分，信息量比较多的情况下，页面相对复杂，因此弱化线条分割，通过留白来区分空间

　　图标设计：对后台产品中的图标进行了功能分类：说明性图标、权益性图标。后台图标设计需要控制其表现力度，因此在设计上通过局部细节点缀来表现。权益类图标与前台门洞类做区分，减少颜色运用，结合买卖身份做橙、蓝底色区分，使用简易面状的形式来凸显特征。

　　模块设计背景：根据商家在平台的七项能力，统一分层体系，促进商家自运营，从而为买家提供优质货源和采购体验

　　设计方向：为帮助商家在平台更好的成长，全链路思考用户成长环节。在工作台中的透传中，使用商务跑的方式来激励用户，并给予成长引导 基于模块设计Guideline明确：

　　通过商务人物奔跑的形式来表现成长进度，为便于用户进行成长任务连贯操作设计全链路成长插件，提高成长效率。

　　在项目过程中非常感谢成龙、梅郁在设计思路及方法上的引导，感谢团队中顾佳、苏林给力的设计支持。

　　产品化设计任重道远，是一个不断优化迭代的过程，还需要联合各方力量一起合力，共同改进。在新形势下，设计师已不在是接需求的资源方，而是产品共同的缔造者。需要利用一切能够改善产品的方式，用我们的全部智慧和能力，为我们的用户服务。

　　网站在前期的时候都是很难上排名的吗，那么是因为你的网站基础优化都没做好，怎么可能会有排名呢，首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

　　随着情人节的结束，2月份的设计圈干货大合集悄然更新。新的工具新的资源，依然是以往的分量，依然是相同的味道。和过去的合集相似，免费的素材、工具、服务占据了列表中9成的...

　　每个网站都是由不同功能不同类型的页面构成的，当用户打开错误链接的时候，网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时，还应当引导用户继续浏...

　　今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果： 让内容在显示区域滚动; 内容面板没有接触到顶部时，让内容面板移动至顶部; 内容面板接触到顶部，没有接...

　　你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你，快来看看我最新发现的工具包吧!有了他们，这些功能你只需要直接用，或者用一点时间把他们优化的比作者创造时更...

　　本文作者将会从三个方面讲述：如何设计电商网站的促销码功能呢？在设计过程中我们需要注意些什么呢？ 国外电商网站中有一个东西叫做促销码，相当于国内电商的优惠券。促销码在...

　　最近在做一个购物车优化的项目，来和大家聊聊设计移动电商购物车的一些心得。 购物车做为移动电商平台的主要功能之一，其重要性不言而喻。购物车其实一开始来源于我们线下购买...

　　大家都说后台产品难做、要求高，这是有原因的。而且这个原因会超出我们的认知，一起来看看吧。 什么是后台产品 后台产品也被我们称为后台管理系统、内部管理系统。简单而言，...

　　后台系统不好用？找不到结症在哪里？可能缺少了这样的交互设计后台说明。 1.背景 这事要从自己经历的案例说起，最近忙活的一个后台管理系统上线了。吻合业务需求的功能，准确有...

　　这篇文章所讲的是移动电商产品的基础内容，希望对初入电商领域的产品朋友们有所帮助。 本人非常喜欢电商行业，渴望在电商领域有大的发展，虽然说电商产品经理所处的位置比起其...