互聯網產品項目“開承圍收”的優化方法研究

徐曉旭　圖雅

摘 要：本文以“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.