互联网产品项目“开承围收”的优化方法研究

徐晓旭　图雅

摘 要：本文以“QQ会员公众号过期提醒项目”优化过程为例进行“开承围收”优化方法的研究。

关键词：互联网产品；优化设计；动态模版；web前端技术

互联网产品生成于互联网，是满足互联网用户需求和欲望的非物质化载体，是满足用户需求而创建的用于运营的功能及服务，是网站功能与服务的集成。互联网产品必须制定完善的优化方法，可以从四个方面进行制定。

1“开”，产品优化的第一阶段：追溯起源

“开”，就是事情的起因。以“QQ会员公众号过期提醒项目”为例：针对QQ会员/超级会员即将到期或者已经到期的用户，公众号信息提醒用户：你的QQ会员已到期。然而为了提供干净的界面给用户，不带给用户过多的骚扰，今年5月份开始“QQ会员”手Q公众号被收进“服务”号。隨之带来的是手Q公众号催费渠道付费数开始下降。公众号推送模版为纯文字的固定模版，这种文字堆积的说明书形式的表现方式，加上本来的一级入口变成了二级入口，用户点击率直降，可以推敲出QQ会员公众号催费项目面临着两个问题：

（1）“QQ会员”手Q公众号被收进服务号。

（2）模板形式过于单调。

2“承”，产品优化的第二阶段：探索实践

针对这些问题，开始构思公众号过期提醒的改版。“承”主要是描述改版的探索过程。

在改版公众号展示方式的构思上，目前有几种方案可以选择，见表1：

目前的纯文字模版不能满足需求，图文模版略显平庸，两者都不具备灵活的布局和交互性。图+文+动画效果的表现方式，比起传统的公众号消息更有趣，并且更有画面感，尝试把这种展示形式应用到QQ会员公众号过期提醒上，这种动态模板会带来帮助。

2.1构思

在Arkapp框架下通过用Lua简洁、轻量、可拓展的脚本语言可实现动态模版，解决了技术问题后开始了策划-设计-开发-上线等一系列的流程。设计师在设计层面上结合会员品牌自身的属性，告诉用户：你要失去尊贵的会员身份了。同时，对于游戏用户在设计时则更有游戏氛围并且赠送游戏礼包来吸引用户。最后结合需求及想法，动画上设置企鹅+文字从品牌色变灰的效果，同时底部会放多个礼包，支持点击滑动，在中心区域突出重点，显示过期后“80余项特权已失去”，以唤醒用户对QQ会员、超级会员这一身份的认知。

2.2开发

动画方面，具体形象企鹅由品牌色变灰的效果以及文字变色和数字滚动的效果，探索了流畅度不断优化以及不同实现方法。性能优化方面，正常显示开始效果时，公众号窗口白屏等待时间过长，系统需要加载各种资源。于是通过探索经历了一系列的优化：元素加载时间优化，图片资源异步加载优化，减少包大小，达到减少页面白屏时间和增强动画流畅度。

3“围”，产品优化的第三阶段：数据检验

如何判断改版优化是否有效？实践后方法的可行性？我们要利用用户体验数据校验改版优化的结果。如在手Q会员公众号中对到期会员游戏用户，实现了动态模版+游戏礼包引导催费，结果动态模版付费用户数是文字模版的5.4倍，催费消息点击率和付费转化率都比原本的文字模版有所提升。在优化过程中，这个方法是有效提高转化率，吸引用户的，得到有效验证后，我们就可以继续往深研究，覆盖到更广更细致的层面。

4“收”，产品优化的第四阶段：反思沉淀

除了针对会员用户里的游戏用户推送带有游戏礼包福利的过期提醒动态模版外，整个公众号催费项目在其他应用场景上尝试用动态模版来实现推送模版优化，使得整个催费体系更加统一化。同时，在QQ钱包、游戏中心等其他业务上也应寻求插入点并开始使用公众号动态模版。如图1：

最后阶段可以从以下方面总结整个产品项目，对再设计进行反思：

（1）沉淀归纳产品开发过程中遇到的问题，组件化代码，使复用性增强，积累经验供其他项目使用；

（2）不同的设计方案可能对转化率的影响也不一样，设计多一种方案进行A/B test，做好数据校验；

（3）尝试多种技术应用方式进行应用制作，例如这次项目抛开web前端技术，尝试用Lua去做动画，也可以把经验带到其他项目中，为整个项目带来更多更大的价值。

5结语

综上所述，互联网产品项目优化设计的过程可以结合了开——承——围——收四大阶段去实现，通过借鉴QQ会员公众号过期提醒优化项目的案例，结合自身产品属性进行消化，合理利用并且真正落地校验，在不断的探索中优化。未来我们在互联网产品表现方式、交互形式上还需关注业界动态，把最新的技术落实到业务上，创造不一样的价值。

参考文献：

[1] 李世国，顾振宇.交互设计[M ].北京：中国水利水电出版社，2012.

[2]李彬彬.设计心理学[M].北京：中国轻工业出版社，2001.