項目優化的起承轉合,以QQ會員為例

0 評論 8298 瀏覽 24 收藏 11 分鐘

不知道大家有沒有這樣的經歷:當自己負責的產品需求上線一段日子后,發現活躍用戶逐漸減少,這時我們不禁疑惑,究竟怎樣才能激發用戶的持續關注?項目優化不失為好的方法之一。要做項目優化,這不單是運營同學的事情,在設計以及技術實現層面上,我們也應該思考如何給項目帶來一個好的方案。每一次的優化探索,都是一段結果未知的旅程。這里舉例QQ會員公眾號過期提醒項目,和大家聊聊我們的小嘗試。

起承轉合這四個字并不陌生,在設計、音樂、文學等領域上經常會出現。在這里,我也用了“起承轉合”來總結整個項目優化過程。

step

一、起

“起”,就是事情的起因。一開始,針對QQ會員/超級會員即將到期或者已經到期的用戶,我們會通過公眾號信息的形式提醒用戶:你的QQ會員已到期。然而,為了提供干凈的界面給用戶,不帶給用戶過多的騷擾,今年5月份開始“QQ會員”手Q公眾號被收進“服務號”。隨之帶來的是手Q公眾號催費渠道付費數開始下降。

起初公眾號推送模版為純文字的固定模版,界面如下:

overdue

人都是沒有耐心的,這種密密麻麻文字堆積的說明書形式的表現方式,加上本來的一級入口變成了二級入口,用戶自然沒有欲望點擊。

交代了背景后,可以看出QQ會員公眾號催費項目面臨著幾個問題:

  1. “QQ會員”手Q公眾號被收進服務號。
  2. 目前的模板形式過于單調。

二、承

針對這些痛點,我們開始構思公眾號過期提醒的改版?!俺小边@一塊,主要是描述改版的探索過程。

在改版公眾號展示方式的構思上,目前有幾種方案可以選擇:

1

顯然目前的純文字模版不足以滿足我們的需求,或許用圖文模版能帶來好轉,但兩者都不具備靈活的布局和交互,模版比較死板。后來,了解到了在QQ運動、QQ天氣的公眾號上,他們用到動態模版的展示,動圖如下(效果略卡頓與gif格式有關):

qqweather1

拋開技術實現方式來說,這種圖+文+動畫效果的表現方式,比起傳統的公眾號消息顯然更有趣,并且更有畫面感,讓人一看就知道表達的信息是晴天還是下雨。于是產品經理在苦惱優化方案的時候,就想把這種展示形式移植到QQ會員公眾號過期提醒上效果會怎樣呢?嘗試著用上這種動態模版,也許會使現狀有所扭轉。

構思

通過了解,內部的即通開發團隊自研的一套 Arkapp 框架,通過用?Lua?簡潔、輕量、可拓展的腳本語言能實現這種動態模版。于是,我們迅速開始了策劃-設計-開發-上線等一系列的流程。在開發過程中,也是踩過不少坑。

在整個過程中就像打怪一樣,一步步擊破,推敲出最優的效果。

設計師設計的時候,想在設計層面上跟結合會員品牌自身的屬性,告訴用戶:你要失去尊貴的會員身份了。同時,對于游戲用戶在設計側更有游戲氛圍并且贈送游戲禮包來吸引用戶。

最后,結合我們的需求以及想法,動畫上會有一個企鵝+文字從品牌色變灰的效果,同時底部會放多個禮包,支持點擊滑動,在中心區域我們突出重點,顯示過期后“80余項特權已失去”,以喚醒用戶對QQ會員、超級會員這一身份的認知。

在兩版設計稿中,通過推敲我們最后采用了第二版設計稿。

demopage2

開發

在開發階段,我們經歷了一開始對框架完全不熟悉,得到框架開發團隊的幫助以及看著框架 api 自己嘗試,開始寫效果,做動畫。

動畫方面

針對企鵝由品牌色變灰的效果以及文字變色和數字滾動的效果,我們嘗試了流暢度不斷優化以及不同實現方法的探索,得到最后相對讓人舒服的效果。

性能優化方面

一開始我們把效果做出來的時候發現,效果是能夠正常顯示的,然而打開公眾號窗口時,白屏時間太長,系統需要加載各種資源需要的時間太久了,于是我們通過探索經歷了一系列的優化:元素加載時間優化,圖片資源異步加載優化,減少包大小,達到減少頁面白屏時間和增強動畫流暢度……

最終的效果如下:

三、轉

如何判斷改版優化是否有效?實踐過后這個方法是可行還是不可行?“轉”在詩文寫作結構里是指事件結果的轉折。我們要校驗改版優化的結果,數據是一個很重要的體現。

在手Q會員公眾號對到期會員游戲用戶實現了動態模版+游戲禮包引導催費,灰度效果喜人。

動態模版付費用戶數是文字模版的5.4倍,催費消息點擊率和付費轉化率都比原本的文字模版有所提升。

data

當拿到產品經理給到的數據時,能看到對于這次的嘗試雖然量小,但通過探索嘗到了初步的甜頭。通過對會員里的游戲用戶,定制化地推送游戲動態模版,較于純文本模版來說,在設計與動畫展示上營造因為會員到期而特權福利失去的落差感,以及通過推送給用戶的游戲禮包挽留,效果明顯得到了優化。既然這個方法是有效提高轉化率,能夠吸引用戶的,我們可以繼續往深研究,覆蓋到更廣的面。

四、合

除了針對會員用戶里的游戲用戶推送帶有游戲禮包福利的過期提醒動態模版外,整個公眾號催費項目在其他應用場景上嘗試用動態模版來實現推送模版優化,使得整個催費體系更加統一化。

alldemo

同時,因為在會員業務上已經初步收到了一些成效,在QQ錢包、游戲中心等其他業務上也開始尋求插入點并開始使用公眾號動態模版。

在整個項目上我們已經初步收獲了一些成果,在接下來的行動里,我們計劃:

  1. 沉淀歸納開發過程中遇到的問題,組件化代碼使之更有復用性,積累經驗提供給其他項目使用;
  2. 不同的設計方案可能對轉化率的影響也不一樣,設計多一種方案進行A/B test 并且做好數據校驗;
  3. 這次項目我們拋開平時十分熟悉的web前端技術,嘗試用 Lua 去做動畫,可以把經驗帶到日常工作的其他項目中,預研包括但并不局限于web前端的其他技術,為項目帶來更多更大的價值。

對于這次的QQ會員公眾號過期提醒優化項目,我們通過借鑒優秀的案例,結合自身產品屬性進行消化、合理利用并且真正落地校驗,在不斷的探索中優化。也許這次公眾號優化的方法不是最優的,它還存在一些缺點,例如開發成本大,表現形式依然不夠新穎等,但整個摸索嘗試的過程,到最后得到喜人的數據,正是從0到1之后我們經過思考與探索得來的成果。

這個小小的產品優化案例,就是結合了起-承-轉-合四大階段去實現的,這樣上下一脈相承,可以幫助我們了解整個方案實現的歷程,發現更多的不足再持續優化。引用小馬哥的一句話,像“小白”用戶那樣思考。每天高頻使用產品,不斷發現不足。未來我們在表現方式、交互形式上還需平時多關注業界動態,把最新的技術落實到業務上,創造不一樣的價值。

 

作者:Jasmin

來源:https://isux.tencent.com/project-optimization.html

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!