9月中旬，在接触了各类电商后台，零售终端后台以及一系列有关数据中台的设计思维之后，我开始对我之前所做的零售电商后台进行重构再设计，经过近三个月的拼凑，总算将后台的整体架构和产品原型制成成品，不过就目前而言，这个设计仅仅只是我对于后台B端设计的一个初步试水。

1.后台整体框架

随着移动互联网的井喷式发展，电商平台几乎与每个人的生活密不可分，而作为电商互联网行业的从业者，起初大家一直在主推前端设计，似乎对于后台的功能要求千篇一律，后来随着H5技术的普及，终端设备的硬件配置越来越好，曾经的传统零售玩法也越来越多的移植到了线上平台并不断的创造奇迹。

那么后台到底做什么？后台服务于商家/品牌方，同时后台也是整个平台前端的基础，作为一个综合性后端系统，它所负责的管理前台和后台的所有数据及营运，在整个电商架构中，起到一个链接各个终端的作用，简而言之，就是中台，包括数据中台，运维中台，商户中台，仓储中台等等一系列系统的集合。

首先来简单介绍一下这次的项目设计背景，这是一家基于线下门店，拓展线上平台的新零售平台，同时对接多个终端。

可能原图也看不太清，这是项目的整个架构和流程导引，从商品，客户，销售，门店，数据五大模块衍生一系列的基本功能。这里的架构部分是常规通用的，也有一部分是针对拥有线下终端或多路终端零售的功能。

2.后台顶层功能设计

作为运营方，在进行零售管理的时候，对于功能的需求可以归纳为以下几种：数据可视化、运营管理简单、财务明细清晰、销售业绩直观、仓储数据实时。针对这一系列的需求，我对后台的顶层页面设计进行了重新设计，抛弃了过去的刻板设计，将移动端的设计风格进行延展，植入Web端的设计，优化交互体验和视觉体验。

后台的首页，展示5个板块，重要信息在一个屏幕内可以一览无余，销售概况将线上线下销售额和各品类销售额进行汇总和数据可视化，并将销售波动的曲线图直观呈现在页面中。
待办事项主要展示主要的订单和商品数据，这也是销售运营的最重要部分，客户概况则将几个重要的客户数据进行展示，同时对客单价、转化率等KPI数据进行展现，下面就是门店销售排行和商品销售排行，有助于运营进行商品和门店的运营管理。

上图是商品管理页面，为了便于商品精细化管理，将品类分类和品牌分类整合在上半部区域，一个屏幕内就能解决的事情，就全部放在一个屏幕内，尽量做到简单直白。

订单管理页面，将快递物流以及门店自提这一经常性用到的设置功能做成快捷入口放在顶部区域，下面的订单区域主要对筛选功能进行完整设计，虽然繁杂，但是这是一个运营者最想看到的，曾经我在3年前的某电商后台进行过订单操作，亲身体会到精细化的筛选功能是多么重要。

客户管理页面，重点在于客群运营功能的设计，这里首先将运营指标数据放在左上部分，然后将客群运营功能的三大模块放在右上角，方便运营者快捷进入，下方客户信息主要展示基本信息和有助于服务的信息，会员功能及会员的各类功能管理也是目前零售业态最为重视的一个版块。

运营管理页面，算是一个基本功能都有的页面，有很多运营的玩法，可以说是丰富多彩，我在研究了近八十多个营销运营功能后，综合了六大主流促销功能和四大社群运营功能，基本是经常性能用到的功能，同时也是最基本的功能。

财务管理页面基本上是数据可视化集中展示的页面，这里用户不需要过多的操作，只需要看即可，将整个平台的各类重要核心数据在一个屏幕内集中展现，虽然相比大数据可视化屏幕差很多，但是鉴于大数据可视化的动效开发难度和大部分电商平台开发人员的能力程度，这里并未设计大数据可视化的那种酷炫页面，不过后续会在这个页面植入一个投屏功能，类似于天猫双11商家后台的数据动画页面（不可点击的，只能看）。

门店管理页面，基本的门店数据进行展示，这里主要针对门店运营人员设计，包括导出报表，以及对单个门店的业绩查询，同时这里的门店数据和门店收银终端是同步的。

其实，整体而言，主要板块的设计都是很简约的，没有太多酷炫的东西，后台的设计要求就是在简单中整合更多的内容，下面展示后台的顶层原型操作流程演示。

3.后台原型交互设计

（1）商品管理模块的演示

（2）订单管理模块的演示

很多时候，在做交互原型设计和产品框架设计时，许多设计师和产品经理会过于追求炫酷的设计和美妙的动效，这很容易造成设计理想化，若无必要，勿增实体。对于电商类的B端设计，做的相对接地气是必要的，同时也要注意简化开发的难度，特别是现在的平台边界越来越模糊，意味着平台功能与各终端设备要衔接的更紧密，同步更快捷，操作更简单；这也是我对B端设计的一次尝试，也是未来的一个设计方向，后续将会设计一个B端的APP，思考如何在手机上满足B端用户的需求和交互体验。

文章来源：https://mp.weixin.qq.com/s?__biz=MzIxNjUyODA0NQ==&mid=2247484151&idx=1&sn=76e9b7220204bcbdb67d04ff9cc4c952&chksm=9786e735a0f16e23e2210bf529440661ee3830937cb1a352718f2e7b8c1483c6242e5e5a5645&mpshare=1&scene=1&srcid=0318mSS1kwxsE51gjS2yDI5U&sharer_sharetime=1584497274520&sharer_shareid=eda284dce12a417a96300d1138028929&key=9291a57e0a5baeeba84e3629ec70ca78d7b264a6ec0904cda2066252bfccd7ab99181b3aada93ad4730526165e5b2d825f2e3f42636fc665028d61d2b5cab99d73a54b8f59db45fdf0525ad8d8c10a7e&ascene=1&uin=MTUyMTM0NjExOQ%3D%3D&devicetype=Windows+10&version=62080079&lang=zh_CN&exportkey=AzVtqv9q3rYK1x3mCfuHUeg%3D&pass_ticket=iBLfOeKQ1NWKg8JC6caGNR1af8WTExEXPqen191RL76ojiGlIFdXwA0T2YkR03zi