美文网首页BEE发布PMidea
微信公众平台页面简析-1.0

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

作者: 一西米 | 来源:发表于2014-11-28 01:47 被阅读58次

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

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

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

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

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

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

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

HOME

相关文章

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

    平常工作中,如果我们经常跟诸如业务系统、管理系统等系统打交道,我们一定会接触到很多这样的后台系统,它可能是我们所有...

  • 微信公众平台页面简析-2.0

    今天让我们来看一下关于“功能”菜单下的分类和区别。首先可以看到的是被拆分成了4个子菜单:群发功能、自动回复、自定义...

  • 微信公众平台页面简析-3.0

    由于上周的偷懒,导致文章一直未曾更新,这对一个“患有”拖延症的“病患”来说无疑是一件非常痛苦的事,曾经在一本名为《...

  • 微信公众平台页面简析-4.0.1

    如期而至,今天请大家继续跟随笔者的足迹来探寻。 统计,非常重视数据逻辑的一块内容,在这里。信息、逻辑被放在了首位来...

  • 微信公众平台页面简析-4.0.2

    接上期,今天我们来聊一聊关于微信后台图文分析页面的设计。 打开二级菜单里的图文分析,右侧呈现的首先是统计二字(告诉...

  • 微信支付

    公众号支付是指在微信app中访问的页面通过js直接调起微信支付; 一:设置域名 登录微信公众平台; 微信支付中设置...

  • 产品分析67-微信公众平台的争议功能

    微信公众平台上线争议页面。 微信解释: 微信公众平台上存在多元观点,也尊重用户在合法合规的范围内表达自己观点的权利...

  • 做微信登录前必须先了解的事情

    1. 微信公众平台与微信开放平台 微信登录分为微信开放平台和微信公众平台微信公众平台:指使用微信内置浏览器登录网站...

  • 关于简书微信小助理借钻公告

    尊敬的简书用户: 简书微信小助理将在简书站内撰写、编辑、同步简书微信公众平台相关内容,提高简书用户对简书微信平台的...

  • 微信小程序开发总结分享(微信小程序路在何方)

    提纲: 小程序: 个人内容总结: 微信公众号: 在2012年微信公众号开始出现并上线,起初定位为[微信公众平台]简...

网友评论

  • 一西米:@truelie 想请教下这里的话为啥会这样设计?我对交互方面还是有很多疑虑,尤其是在自己设计的交互稿的时候。
  • 一西米:@truelie 那是否关系到用户操作习惯和信息的分类?说实话感觉自己在做很多交互的时候往往是信息分类不清晰。
  • truelie: @Milooo 如果是层级隐藏,我会做个快捷操作的导航设计,将常用的操作项归到这里。
  • 一西米:@truelie 我觉得层级菜单做隐藏的好处最显而易见的就是,可以显得简洁干净,不会显得冗长臃肿咯,给用户造成恐慌,就像一个大柜子的各个抽屉一样,井然有序,整齐利落。然后就是交互这块了,我刚开始也是想全都往这里一搁就完事儿了,后来去看了一些非常成熟的界面设计之后逐渐发现收起来相较于展开来是有一个交互动作在其中的,这样做一来在行为上有交互发生,二来就是在上述显示上的原因咯。
  • truelie:我曾经设计了一个会员中心,左侧层级菜单不做折叠,结果被喷得要死。

本文标题:微信公众平台页面简析-1.0

本文链接:https://www.haomeiwen.com/subject/gaxgtttx.html