微信公众平台页面简析-1.0

平常工作中，如果我们经常跟诸如业务系统、管理系统等系统打交道，我们一定会接触到很多这样的后台系统，它可能是我们所有数据的集散中心和存储中心。作为一个承载管理所有信息的 “ 大脑 ”，其重要程度可想而知。条理清楚、界面简洁的背后必定有一套复杂完整的清晰逻辑来支持起如此庞大的一整套内容。构建这样一套系统其工作量也是非常庞大的，笔者接触过很多的后台系统，也是各有千秋，其中不乏一些非常优秀的 ‘ 产品 ’。今天就让我来带大家认识一下目前炙手可热的微信公众平台的后台设计（包含信息、层次、逻辑、交互、界面等），让我们逐个的探寻其中的奥妙所在。

首先在登录到后台之后所呈现的主页上，主页的作用一般会作用于信息的展示和结构分类。在页面上可以看到是一个信息的导航和信息的概览，当然这其实都是在对信息做分类，当我们在对信息做完整的分类的同时就是对整个功能结构的拆解和组合。标题栏，标题栏上是一个非常简单平凡的微信后台标识和此账号的标识并加上了新消息和退出功能。笔者认为 ‘ 新消息 ’ 功能是对 ‘ 信息 ’ 功能的突出，在顶端的部分，并且在非常醒目的账号标识旁，有利于及时被发现和最快的能点击到；‘ 退出 ’ 其实是相对于登录而言，而所显示的账号即标识当前所登录的账号，所以 ‘ 退出 ’ 在这里并不突兀。

左侧的信息结构以层级菜单的方式展开（间接增加页面长度，实际上会影响用户阅读），并且不采用层级收缩的形式，笔者大胆的以为这样做的理由是公众平台的后台以实现功能为主，并且在功能之间的切换和阅读上必须做到直观，故不再隐藏到层级菜单中，而且到菜单的编辑页面中，里面的编辑字段也相对复杂，这时把这块导航展开，必然是会让用户有一个更为清晰的脉络分类了。

在右侧，我们看到上面同样也是对新信息的采集和展示，重在对数据的呈现和更新当前账号的数据，不需要再往更深入的页面中去查看，一目了然。下面一大块区域则是微信团队的 ‘ 系统公告 ’，着重在团队内部发布的关于微信的更新信息和微信相关的新闻，如果是近期的发布更会附带一个小的 “New” 图标（笔者目前还没有对这个New呈现的时间跨度有概念，大约10天内的都有图标？）来表示近期的更新。

当然，笔者本着 ‘ 鸡蛋里面挑骨头的精神 ’，还是发现了一些不那么Awesome的地方：标题栏的公众平台logo为灰色，难道是为了不抢镜，所以在logo的颜色和整体文字的颜色上都采用了中性的灰色来中和？左侧上对于新的信息的处理，左侧为蓝色、右侧为绿色，笔者其实理解内容具体有三块，但是只采用了两种颜色的分类（当然这不会是偷懒），笔者以为这样做其实是表达一个是对新的内容的展示，一个是对总的数量的展示？

整个首页的内容基本上就是以上这些，非常欢迎如大虾们的指正。

首页看完了，在接下来的文章中就让我们再看看每个分类模块里都有些什么吧~

HOME