项目复盘-页面信息过载之下的思考

设计师经常会收到一种需求就是往页面里加模块，但现在的app的页面普遍信息量庞大。偏偏这个时候产品和运营的同事会强调新的信息一定要突出强调。这种情况下需要设计师兼顾用户的角度和需求方的角度综合考虑，而不是一味的听从需求方的要求不断调间距压缩信息。这里以刚工作不久时接触的一个项目为案例，分享一些总结的想法供大家参考。

一.项目背景

这是一个会员权益页面，运营小姐姐希望在会员页面的成长值攻略下方加入运营楼层，作为拉新和裂变的工具。由于该运营活动优先级较高，因此一定要露出在首屏，因为移动端首屏的曝光率是下面的很多倍，若想然某个入口有很大的流量，放在首屏是最基本的手段。

旧版会员页

要加入的运营卡片

显然目前首屏已经没有位置留给这两个运营卡片了。这就是信息过载的典型案例，于是占位置比较大的【会员权益】和【成长值攻略】成为了主要改变的对象。

二.项目目标

简单梳理一下信息，业务目标是在会员页添加运营区以达到用户增长的目的

拆解为以下几点：1.让运营区能在首屏展示获得充分流量 2.对已有模块进行结构上的优化来适配运营区 3.不能影响已有核心信息的展示

三.项目过程

那么做这个项目的时候一共发散出六个思路来解决问题，分别是：折叠，叠层，横向拓展，跳转，原地刷新，竖向导航

1.折叠

这应该是大家第一个能想到的思路，对原有的信息进行折叠。原本8项权益都是露出的，现在把其中4项收起来，需要用户点击查看剩下的特权。折叠再展开简单粗暴，可以有效地压缩信息。不过需要用户点击才能查看全部信息，而且看起来生硬不流畅。而且会员权益是影响会员转化的核心信息，折叠起来相当于一半的权益的曝光受到影响，并不是很划算。

2.叠层

 利用页面Z轴的方向，让信息堆叠起来以减轻纵向的压力。因为Z轴上方的信息会遮盖住下方的信息，一般情况下需要对入口进行隐藏，在用户需要的时候很方便的把它调取出来。常见交互的方式为点击或滑动。这里做了两种尝试分别把把成长值攻略藏在会员卡片下方和屏幕下方。

卡片下添加入口:下拉查看成长值攻略

页面底部悬浮入口:上拉查看成长值攻略

但这种形式也是比较激进，把原本露出的模块隐藏成一个入口，很容易影响点击数据

3.横向拓展

移动端屏幕小，所以需要合理利用横向的空间，左右滑动的交互方式也是常见的思路，这里有分页和无分页两种情况。横向滑动一般常用于金刚区和卡片两种场景。金刚区可以把八个会员权益由两行改为一行，需要有分页符来提示可以左右滑动或者最右边的icon露出一部分暗示用户右边还有内容。

我们不妨再大胆一点把成长值攻略彻的卡片放大数字缩小文字，重新排版后再配合上左右滑动似乎效果不错，最终我们评估后也是选择的这一个方案。强化了奖励的成长值信息，反而会更吸引用户的视觉焦点。

4.跳转

跳转到新的页面似乎是个万金油的策略，一般不会出错，但大概率也不是最佳方案。因为跳转到新的页面对用户来说成本很高，能在一个页面完成的事，用户一定是不想去新的页面完成。

在【成长值攻略的】右上角添加一个入口【更多攻略】跳转到一个新的页面，同时这里还结合了分页型左右滑动的思路。这样做再多的信息也不怕了，可用户查看的成本变高了，一次只展示一个导致曝光效率也会降低。所以要看具体的需求和业务场景来判断一个方案是否合适。

5.原地刷新

跟上个方案很相似，但底下的分页指示器变成了"换一个"，类似刷新的逻辑。但这种交互方式只适合‘推荐’，‘猜你喜欢’等用户探索式的模块，用在这个任务导向的场景显然不太合适，但不失为一种思路。

6.把导航竖起来

这个方案有点剑走偏锋了，为了节省竖向空间，把导航竖起来，稍微挤压一下横向。再配合横向分页，也能承载不少信息。灵感来源于pc端的竖向导航，可惜在移动端要慎用这种结构。一般国外的app还挺常见但国内的app用的较少，存在一定风险。

四.项目总结

项目结果

最后方案评审时给大家展示了多个方案以及思考过程，受到了大家的认可。而且大家对最终的方案也十分满意，最终上线后两个运营位的点击数据非常好达到了预期。而【会员权益】以及【成长值攻略】的CTR数据不但未受影响反而有一定的提升。

成功原因复盘

我认为项目成功的原因时当时作为新人有着很大的热情想做好这个需求，也非常喜欢思考多种办法来解决问题。哪怕有些方案有着明显的缺点但不害怕出错，而是拿着自己的想法与导师讨论沟通，每一次都会收获很多。在这次项目中也查看了很多竞品，并提炼出思路以及优势用于自己的方案中。虽然以现在的眼光来看当时的项目处理的还是比较青涩，但作为自己主要负责的第一个项目还是很有价值和意义的。虽然当时经验不多，但愿意调研，脑暴出各种有趣的方案也是新人一个比较好的状态吧。而用户体验岗位也确实在这种小细节上思考很多内容，让细节做到尽善尽美。

以上仅仅是通过一个小项目引发的思考，处理过多信息的思路还有很多远远不止以上提到的六种。做单个页面的小项目最有趣的事莫过于脑暴各种有趣的方案，构思创意的时候可以不顾忌那么多，但决策时务必要考虑用户体验与业务的要求。输出设计方案后要不断地总结复盘和积累，以后再遇到类似的需求就有现成的思路可以参考。