后台设计无从下手，微信后台用这7点教会你！——附原型资源分享

2018-04-26 本文已影响1009人 xiaopiu原型设计

我们对公众号都很熟悉，每天我们都会在碎片化的时间里刷刷手机，看看微信公众号里的文章，今天可能被服务号推送的美妆推荐软广种了草，明天又可能被朋友转发的咪蒙鸡汤洗了脑。微信公众号一直都以各种形式穿插在我们的生活中，这样一个服务着几亿用户，让「自媒体」得到空前发展的平台必定需要一个强大的后台管理系统来支撑。可是除了运营和创作者，很少有人会了解这个出产了无数10w+文章的地方——微信公众平台后台。

微信公众平台后台对于产品经理来说是一个非常值得学习和借鉴的后台系统。后台系统一般相对复杂，很多业务流程都是多线程穿插，而不是单线程的。所以对产品经理功能模块的划分和页面的逻辑设计要求都非常高，并不是简单地进行功能堆积。不同于前台产品，大多数后台产品是企业内部使用的，所以我们很少有优秀的竞品可以参考。而微信公众平台正是为数不多的面向C端用户的开放式后台系统，我们可以通过它来学习如何设计一个出色的后台系统。

今天我们就来一起好好探讨一下，微信公众平台的后台系统究竟是如何做到，既可以保证庞大的系统功能完善，还能让页面逻辑合理清晰。

同时我还给大家准备了「微信公众平台」的后台原型资源，打开就能使用哟！~

高保真原型：预览链接

低保真原型：预览链接

原型下载：下载链接

清晰的信息结构设计

信息结构设计是整个后台系统设计的灵魂，一个好的后台系统可以没有漂亮的页面，但一定要有清晰的框架结构，这不仅关系到后续添加功能时是否有清晰的逻辑，更关系到每一位使用者的体验。所以产品设计者需要高度熟悉业务逻辑和功能模块，将它们根据用户的使用流程和习惯来进行清晰的结构设计，将每个模块按照一定的逻辑进行划分，让用了解到自己需要寻找哪个功能时，知道该去哪里寻找。

比如微信公众平台在划分模块的时候，就是根据用户所要完成的'事情'（比如公号的基础编辑和管理、统计分析、开发、推广公号）为主要逻辑来设计，并不是简单的以'事物'（比如用户、消息、菜单等）来设计，更加符合用户操作的流程和使用习惯。

统一的页面布局

在分析好信息结构之后，我们还需要根据产品特性和功能来统一整站的页面布局框架。一般分为主菜单、二级菜单、页面主体和功能事件等主要结构。比如微信除素材编辑页外基本上都采用了以下的页面框架，让整个系统设计清晰统一。

首页聚合常用功能

微信公众平台在首页把用户的最近活动、关键信息和常用功能做了一个整合，给了用户一个「轻量定制化」的首页，让用户快速找到想要的东西，并进行对应的操作，而不是分散地去一个一个的子导航下寻找。

这也是我们后台管理系统设计中可以借鉴的一个地方，让最常用的功能和信息从复杂的架构中脱离出来，有一个独立的展示位，提高用户操作效率。

让操作所见即所得

在众多后台系统中大部分是没有所见既所得这种设计，一般是在设置后从其它页面打开才可以看到最终的呈现效果，这种方式让用户在操作时很难明确自己所修改的内容对产品造成的实际影响。而微信的后台系统就进行了改良，它的自定义菜单和页面模板功能，都是可以即时看到最终的呈现效果，所见即所得。这样的设计的好处，用户在使用过程中就可以看到最终的呈现效果，并且根据呈现效果来适当的去调整产品的文案细节，节省很多的时间。