不知道大家有没有这样的体验:当你负责的产品需求上线一段时间后，我们发现活跃用户在逐渐减少。此时我们不禁在想，如何才能引起用户的持续关注。项目优化是最好的方法之一。优化项目，不仅仅是操作学生的问题，更重要的是如何在设计和技术实现上给项目带来一个好的方案。每一次优化探索都是一次未知结果的旅程。下面是一个QQ会员微信官方账号逾期提醒项目的例子，我们来说说我们的一点小尝试。

这四个字并不陌生，经常出现在设计、音乐、文学等领域。这里我也用“从头到尾”来概括整个项目优化过程。

首先，起床

“上”是事情的起因。首先，对于QQ会员/svip即将到期或已经到期的用户，我们会以微信官方账号信息的形式提醒用户，您的QQ会员已经到期。但为了给用户提供一个干净的界面，不给用户带来太多的骚扰，Q微信官方账号这一“QQ会员”从今年5月开始被列入“服务号”。有了它，Q微信官方账号的支付渠道数量开始下降。

首先微信官方账号推送模板是纯文本的固定模板，界面如下:

人都不耐烦了，这种以指令形式堆砌的密密麻麻的文字，再加上原本的一级入口变成了二级入口，用户自然没有点击的欲望。

说明背景后可以看出，QQ会员微信官方账号提醒项目面临几个问题:

1.“QQ会员”手q微信官方账号被计入服务号。

2.目前的模板形式过于单调。

二、轴承

针对这些痛点，我们开始构思微信官方账号逾期提醒的修改。《程》主要描述了修改的探索过程。

目前，在修改微信官方账号显示模式的构想中，有几种方案可供选择:

显然，目前的纯文本模板不足以满足我们的需求，也许图形模板可以带来改进，但两者都没有灵活的布局和交互，模板也比较死板。后来才知道，在QQ体育和QQ天气的微信官方账号里，他们用的是动态模板的显示。动画如下(效果与gif格式略有关系):

抛开技术实现，这种图片+文字+动画效果的表达方式明显比传统微信官方账号新闻更有趣，更有画面感，让人一眼就知道表达的信息是晴天还是雨天。所以产品经理在为优化方案苦恼的时候，就想把这个显示形式移植到QQ会员微信官方账号的逾期提醒上。尝试使用这种动态模板，可能会使现状发生逆转。

构思:

通过了解，内部即时开发团队开发的一个Arkapp框架可以利用Lua简洁、轻量、可扩展的脚本语言实现这个动态模板。所以我们很快就开始了规划-设计-开发-上线等一系列流程。在开发过程中，我也踩过很多坑。

在整个过程中，就像玩怪一样，一步步突破，想出最好的效果。

设计师在设计的时候，想在设计层面结合会员品牌的属性，告诉用户你要失去尊贵的会员资格了。同时游戏用户在设计端更有游戏氛围，呈现游戏套餐来吸引用户。

最后结合我们的需求和想法，动画里会有一个企鹅+角色从品牌变成灰色，同时底部会有多个礼包支持点击和滑动。在中心区，我们突出重点，展示到期后“失去80多个权限”，唤醒用户对QQ会员和svip身份的认知。

在两个版本的设计稿中，我们最终采用了第二个版本的设计稿。

发展:

在开发阶段，我们经历了最初对框架的不熟悉，得到了框架开发团队的帮助，看着框架api自己尝试，开始写效果，做动画。

在动画方面，针对企鹅由品牌变色为灰色的效果，文字变色和数字滚动的效果，尝试优化流畅度，探索不同的实现方式，最终得到相对舒适的效果。

性能优化方面，我们一开始做效果的时候，发现效果可以正常显示。但是打开微信官方账号窗口时，白屏时间过长，系统需要加载各种资源的时间过长。因此，我们通过探索，经历了一系列的优化:优化元素加载时间，优化图片资源异步加载，减小包的大小，减少页面白屏时间，增强动画流畅度...

最终效果如下:

第三，转身

如何判断改版优化是否有效？这种方法经过实践是否可行？“转”是指事件结果在诗歌创作结构上的转折。我们需要验证修改优化的结果，数据是非常重要的体现。

微信官方账号，手握Q会员，对过期会员游戏用户实现了动态模板+游戏包引导催费，灰度效果喜人。

动态模板中的付费用户数是文本模板中的5.4倍，提示信息的点击率和付费转化率比原始文本模板有所提高。

当我们拿到产品经理给的数据时，可以看到，虽然这个尝试很小，但是通过探索已经尝到了最初的甜头。通过在会员中推送为游戏用户定制的游戏动态模板，与纯文本模板相比，在设计和动画展示上营造出会员到期而丧失特权和利益的落差感，并通过推送给用户的游戏包来保留，效果明显优化。由于这种方法可以有效提高转化率，吸引用户，所以我们可以继续深入研究，覆盖范围更广。

四.结合

除了在会员用户中为游戏用户推送带有游戏套餐优惠的过期提醒动态模板外，整个微信官方账号收费项目还尝试在其他应用场景中使用动态模板来优化推送模板，使得整个收费系统更加统一。

同时，由于在会员业务上已经初步收到了一些成果，QQ钱包、游戏中心等其他业务也开始寻找插入点，开始使用微信官方账号动态模板。

我们在整个项目中取得了一些成绩。在下一步行动中，我们计划:

1.对开发过程中遇到的问题进行沉淀和归纳，将代码组件化，使其更加可重用，为其他项目的使用积累经验；

2.不同的设计方案可能对转化率有不同的影响。再设计一个A/B测试方案，做好数据验证工作；

3.在这个项目中，我们抛开了大家熟悉的web前端技术，尝试用Lua做动画，可以把我们的经验带给日常工作中的其他项目。前期研究包括但不限于web前端的其他技术，为项目带来越来越大的价值。

对于这个QQ会员微信官方账号逾期提醒优化项目，我们借鉴优秀案例，结合自身产品属性进行消化，合理利用，真正实地把关，通过不断探索进行优化。可能微信官方账号优化方式并不是最好的，还有一些缺点，比如开发成本高，表达形式还不够新颖，但是摸索尝试获取喜人数据的整个过程就是我们从0到1思考探索的结果。

这个小小的产品优化案例，就是结合了起－承－转－合四大阶段去实现的，这样上下一脉相承，可以帮助我们了解整个方案实现的历程，发现更多的不足再持续优化。引用小马哥的一句话，像“小白”用户那样思考。每天高频使用产品，不断发现不足。未来我们在表现方式、交互形式上还需平时多关注业界动态，把最新的技术落实到业务上，创造不一样的价值。