項目優(yōu)化的起承轉合

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

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

一、起

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

起初公眾號推送模版為純文字的固定模版，人都是沒有耐心的，這種密密麻麻文字堆積的說明書形式的表現(xiàn)方式，加上本來的一級入口變成了二級入口，用戶自然沒有欲望點擊。

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

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

二、承

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

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

1. 解決方式優(yōu)點缺點
2. 純文字模版配置簡單說明文般乏味
3. 圖文模版比純文字模版內容豐富平庸單薄
4. 原生模版體驗流暢開發(fā)成本大，需要跟版本發(fā)布

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

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

構思：

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

在整個過程中就像打怪一樣，一步步擊破，推敲出最優(yōu)的效果。

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

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

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

開發(fā)：

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

動畫方面，針對企鵝由品牌色變灰的效果以及文字變色和數(shù)字滾動的效果，我們嘗試了流暢度不斷優(yōu)化以及不同實現(xiàn)方法的探索，得到最后相對讓人舒服的效果。

性能優(yōu)化方面，一開始我們把效果做出來的時候發(fā)現(xiàn)，效果是能夠正常顯示的，然而打開公眾號窗口時，白屏時間太長，系統(tǒng)需要加載各種資源需要的時間太久了，于是我們通過探索經歷了一系列的優(yōu)化：元素加載時間優(yōu)化，圖片資源異步加載優(yōu)化，減少包大小，達到減少頁面白屏時間和增強動畫流暢度......

最終的效果如下：

三、轉

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

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

動態(tài)模版付費用戶數(shù)是文字模版的5.4倍，催費消息點擊率和付費轉化率都比原本的文字模版有所提升。

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

四、合

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

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

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

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

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

創(chuàng)新互聯(lián)小編指出：這個小小的產品優(yōu)化案例，就是結合了起-承-轉-合四大階段去實現(xiàn)的，這樣上下一脈相承，可以幫助我們了解整個方案實現(xiàn)的歷程，發(fā)現(xiàn)更多的不足再持續(xù)優(yōu)化。引用小馬哥的一句話，像“小白”用戶那樣思考。每天高頻使用產品，不斷發(fā)現(xiàn)不足。未來我們在表現(xiàn)方式、交互形式上還需平時多關注業(yè)界動態(tài)，把最新的技術落實到業(yè)務上，創(chuàng)造不一樣的價值。

文章題目：項目優(yōu)化的起承轉合
網(wǎng)頁路徑：http://muchs.cn/news34/165984.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、網(wǎng)站導航、商城網(wǎng)站、網(wǎng)站改版、App開發(fā)、外貿網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)