海淘科技分享：不知道大家有沒有這樣的經(jīng)歷：當(dāng)自己負(fù)責(zé)的產(chǎn)品需求上線一段日子后，發(fā)現(xiàn)活躍用戶逐漸減少，這時(shí)我們不禁疑惑，究竟怎樣才能激發(fā)用戶的持續(xù)關(guān)注?項(xiàng)目優(yōu)化不失為好的方法之一。要做項(xiàng)目優(yōu)化，這不單是運(yùn)營同學(xué)的事情，在設(shè)計(jì)以及技術(shù)實(shí)現(xiàn)層面上，我們也應(yīng)該思考如何給項(xiàng)目帶來一個(gè)好的方案。每一次的優(yōu)化探索，都是一段結(jié)果未知的旅程。這里舉例QQ會(huì)員公眾號(hào)過期提醒項(xiàng)目，和大家聊聊我們的小嘗試。
起承轉(zhuǎn)合這四個(gè)字并不陌生，在設(shè)計(jì)、音樂、文學(xué)等領(lǐng)域上經(jīng)常會(huì)出現(xiàn)。在這里，我也用了“起承轉(zhuǎn)合”來總結(jié)整個(gè)項(xiàng)目優(yōu)化過程。
“起”，就是事情的起因。一開始，針對(duì)QQ會(huì)員/超級(jí)會(huì)員即將到期或者已經(jīng)到期的用戶，我們會(huì)通過公眾號(hào)信息的形式提醒用戶：你的QQ會(huì)員已到期。然而，為了提供干凈的界面給用戶，不帶給用戶過多的騷擾，今年5月份開始“QQ會(huì)員”手Q公眾號(hào)被收進(jìn)“服務(wù)號(hào)”。隨之帶來的是手Q公眾號(hào)催費(fèi)渠道付費(fèi)數(shù)開始下降。
起初公眾號(hào)推送模版為純文字的固定模版，界面如下：
人都是沒有耐心的，這種密密麻麻文字堆積的說明書形式的表現(xiàn)方式，加上本來的一級(jí)入口變成了二級(jí)入口，用戶自然沒有欲望點(diǎn)擊。
交代了背景后，可以看出QQ會(huì)員公眾號(hào)催費(fèi)項(xiàng)目面臨著幾個(gè)問題：
針對(duì)這些痛點(diǎn)，我們開始構(gòu)思公眾號(hào)過期提醒的改版?！俺小边@一塊，主要是描述改版的探索過程。
在改版公眾號(hào)展示方式的構(gòu)思上，目前有幾種方案可以選擇：
顯然目前的純文字模版不足以滿足我們的需求，或許用圖文模版能帶來好轉(zhuǎn)，但兩者都不具備靈活的布局和交互，模版比較死板。后來，了解到了在QQ運(yùn)動(dòng)、QQ天氣的公眾號(hào)上，他們用到動(dòng)態(tài)模版的展示，動(dòng)圖如下(效果略卡頓與gif格式有關(guān))：
拋開技術(shù)實(shí)現(xiàn)方式來說，這種圖+文+動(dòng)畫效果的表現(xiàn)方式，比起傳統(tǒng)的公眾號(hào)消息顯然更有趣，并且更有畫面感，讓人一看就知道表達(dá)的信息是晴天還是下雨。于是產(chǎn)品經(jīng)理在苦惱優(yōu)化方案的時(shí)候，就想把這種展示形式移植到QQ會(huì)員公眾號(hào)過期提醒上效果會(huì)怎樣呢?嘗試著用上這種動(dòng)態(tài)模版，也許會(huì)使現(xiàn)狀有所扭轉(zhuǎn)。
構(gòu)思：
通過了解，內(nèi)部的即通開發(fā)團(tuán)隊(duì)自研的一套 Arkapp 框架，通過用 Lua 簡潔、輕量、可拓展的腳本語言能實(shí)現(xiàn)這種動(dòng)態(tài)模版。于是，我們迅速開始了策劃-設(shè)計(jì)-開發(fā)-上線等一系列的流程。在開發(fā)過程中，也是踩過不少坑。
在整個(gè)過程中就像打怪一樣，一步步擊破，推敲出最優(yōu)的效果。
設(shè)計(jì)師設(shè)計(jì)的時(shí)候，想在設(shè)計(jì)層面上跟結(jié)合會(huì)員品牌自身的屬性，告訴用戶：你要失去尊貴的會(huì)員身份了。同時(shí)，對(duì)于游戲用戶在設(shè)計(jì)側(cè)更有游戲氛圍并且贈(zèng)送游戲禮包來吸引用戶。
最后，結(jié)合我們的需求以及想法，動(dòng)畫上會(huì)有一個(gè)企鵝+文字從品牌色變灰的效果，同時(shí)底部會(huì)放多個(gè)禮包，支持點(diǎn)擊滑動(dòng)，在中心區(qū)域我們突出重點(diǎn)，顯示過期后“80余項(xiàng)特權(quán)已失去”，以喚醒用戶對(duì)QQ會(huì)員、超級(jí)會(huì)員這一身份的認(rèn)知。
在兩版設(shè)計(jì)稿中，通過推敲我們最后采用了第二版設(shè)計(jì)稿。
開發(fā)：
在開發(fā)階段，我們經(jīng)歷了一開始對(duì)框架完全不熟悉，得到框架開發(fā)團(tuán)隊(duì)的幫助以及看著框架 api 自己嘗試，開始寫效果，做動(dòng)畫。
動(dòng)畫方面，針對(duì)企鵝由品牌色變灰的效果以及文字變色和數(shù)字滾動(dòng)的效果，我們嘗試了流暢度不斷優(yōu)化以及不同實(shí)現(xiàn)方法的探索，得到最后相對(duì)讓人舒服的效果。
性能優(yōu)化方面，一開始我們把效果做出來的時(shí)候發(fā)現(xiàn)，效果是能夠正常顯示的，然而打開公眾號(hào)窗口時(shí)，白屏?xí)r間太長，系統(tǒng)需要加載各種資源需要的時(shí)間太久了，于是我們通過探索經(jīng)歷了一系列的優(yōu)化：元素加載時(shí)間優(yōu)化，圖片資源異步加載優(yōu)化，減少包大小，達(dá)到減少頁面白屏?xí)r間和增強(qiáng)動(dòng)畫流暢度......
最終的效果如下：
如何判斷改版優(yōu)化是否有效?實(shí)踐過后這個(gè)方法是可行還是不可行?“轉(zhuǎn)”在詩文寫作結(jié)構(gòu)里是指事件結(jié)果的轉(zhuǎn)折。我們要校驗(yàn)改版優(yōu)化的結(jié)果，數(shù)據(jù)是一個(gè)很重要的體現(xiàn)。
在手Q會(huì)員公眾號(hào)對(duì)到期會(huì)員游戲用戶實(shí)現(xiàn)了動(dòng)態(tài)模版+游戲禮包引導(dǎo)催費(fèi)，灰度效果喜人。
動(dòng)態(tài)模版付費(fèi)用戶數(shù)是文字模版的5.4倍，催費(fèi)消息點(diǎn)擊率和付費(fèi)轉(zhuǎn)化率都比原本的文字模版有所提升。
當(dāng)拿到產(chǎn)品經(jīng)理給到的數(shù)據(jù)時(shí)，能看到對(duì)于這次的嘗試雖然量小，但通過探索嘗到了初步的甜頭。通過對(duì)會(huì)員里的游戲用戶，定制化地推送游戲動(dòng)態(tài)模版，較于純文本模版來說，在設(shè)計(jì)與動(dòng)畫展示上營造因?yàn)闀?huì)員到期而特權(quán)福利失去的落差感，以及通過推送給用戶的游戲禮包挽留，效果明顯得到了優(yōu)化。既然這個(gè)方法是有效提高轉(zhuǎn)化率，能夠吸引用戶的，我們可以繼續(xù)往深研究，覆蓋到更廣的面。
除了針對(duì)會(huì)員用戶里的游戲用戶推送帶有游戲禮包福利的過期提醒動(dòng)態(tài)模版外，整個(gè)公眾號(hào)催費(fèi)項(xiàng)目在其他應(yīng)用場景上嘗試用動(dòng)態(tài)模版來實(shí)現(xiàn)推送模版優(yōu)化，使得整個(gè)催費(fèi)體系更加統(tǒng)一化。
同時(shí)，因?yàn)樵跁?huì)員業(yè)務(wù)上已經(jīng)初步收到了一些成效，在QQ錢包、游戲中心等其他業(yè)務(wù)上也開始尋求插入點(diǎn)并開始使用公眾號(hào)動(dòng)態(tài)模版。
在整個(gè)項(xiàng)目上我們已經(jīng)初步收獲了一些成果，在接下來的行動(dòng)里，我們計(jì)劃：
對(duì)于這次的QQ會(huì)員公眾號(hào)過期提醒優(yōu)化項(xiàng)目，我們通過借鑒優(yōu)秀的案例，結(jié)合自身產(chǎn)品屬性進(jìn)行消化、合理利用并且真正落地校驗(yàn)，在不斷的探索中搜索引擎seo推廣。也許這次公眾號(hào)優(yōu)化的方法不是最優(yōu)的，它還存在一些缺點(diǎn)，例如開發(fā)成本大，表現(xiàn)形式依然不夠新穎等，但整個(gè)摸索嘗試的過程，到最后得到喜人的數(shù)據(jù)，正是從0到1之后我們經(jīng)過思考與探索得來的成果。
海淘科技小編指出：這個(gè)小小的產(chǎn)品優(yōu)化案例，就是結(jié)合了起-承-轉(zhuǎn)-合四大階段去實(shí)現(xiàn)的，這樣上下一脈相承，可以幫助我們了解整個(gè)方案實(shí)現(xiàn)的歷程，發(fā)現(xiàn)更多的不足再持續(xù)優(yōu)化。引用小馬哥的一句話，像“小白”用戶那樣思考。每天高頻使用產(chǎn)品，不斷發(fā)現(xiàn)不足。未來我們?cè)诒憩F(xiàn)方式、交互形式上還需平時(shí)多關(guān)注業(yè)界動(dòng)態(tài)，把最新的技術(shù)落實(shí)到業(yè)務(wù)上，創(chuàng)造不一樣的價(jià)值。
