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

起承轉(zhuǎn)合這四個(gè)字并不陌生，在設(shè)計(jì)、音樂(lè)、文學(xué)等領(lǐng)域上經(jīng)常會(huì)出現(xiàn)。在這里，我也用了“起承轉(zhuǎn)合”來(lái)總結(jié)整個(gè)項(xiàng)目?jī)?yōu)化過(guò)程。

一、起

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

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

交代了背景后，可以看出QQ會(huì)員公眾號(hào)催費(fèi)項(xiàng)目面臨著幾個(gè)問(wèn)題：

1. “QQ會(huì)員”手Q公眾號(hào)被收進(jìn)服務(wù)號(hào)。
2. 目前的模板形式過(guò)于單調(diào)。

二、承

針對(duì)這些痛點(diǎn)，我們開(kāi)始構(gòu)思公眾號(hào)過(guò)期提醒的改版。“承”這一塊，主要是描述改版的探索過(guò)程。

在改版公眾號(hào)展示方式的構(gòu)思上，目前有幾種方案可以選擇：

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

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

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

構(gòu)思：

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

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

設(shè)計(jì)師設(shè)計(jì)的時(shí)候，想在設(shè)計(jì)層面上跟結(jié)合會(huì)員品牌自身的屬性，告訴用戶(hù)：你要失去尊貴的會(huì)員身份了。同時(shí)，對(duì)于游戲用戶(hù)在設(shè)計(jì)側(cè)更有游戲氛圍并且贈(zèng)送游戲禮包來(lái)吸引用戶(hù)。

最后，結(jié)合我們的需求以及想法，動(dòng)畫(huà)上會(huì)有一個(gè)企鵝+文字從品牌色變灰的效果，同時(shí)底部會(huì)放多個(gè)禮包，支持點(diǎn)擊滑動(dòng)，在中心區(qū)域我們突出重點(diǎn)，顯示過(guò)期后“80余項(xiàng)特權(quán)已失去”，以喚醒用戶(hù)對(duì)QQ會(huì)員、超級(jí)會(huì)員這一身份的認(rèn)知。

在兩版設(shè)計(jì)稿中，通過(guò)推敲我們最后采用了第二版設(shè)計(jì)稿。

開(kāi)發(fā)：

在開(kāi)發(fā)階段，我們經(jīng)歷了一開(kāi)始對(duì)框架完全不熟悉，得到框架開(kāi)發(fā)團(tuán)隊(duì)的幫助以及看著框架 api 自己嘗試，開(kāi)始寫(xiě)效果，做動(dòng)畫(huà)。

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

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

最終的效果如下：

三、轉(zhuǎn)

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

在手Q會(huì)員公眾號(hào)對(duì)到期會(huì)員游戲用戶(hù)實(shí)現(xiàn)了動(dòng)態(tài)模版+游戲禮包引導(dǎo)催費(fèi)，灰度效果喜人。

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

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

四、合

除了針對(duì)會(huì)員用戶(hù)里的游戲用戶(hù)推送帶有游戲禮包福利的過(guò)期提醒動(dòng)態(tài)模版外，整個(gè)公眾號(hào)催費(fèi)項(xiàng)目在其他應(yīng)用場(chǎng)景上嘗試用動(dòng)態(tài)模版來(lái)實(shí)現(xiàn)推送模版優(yōu)化，使得整個(gè)催費(fèi)體系更加統(tǒng)一化。

同時(shí)，因?yàn)樵跁?huì)員業(yè)務(wù)上已經(jīng)初步收到了一些成效，在QQ錢(qián)包、游戲中心等其他業(yè)務(wù)上也開(kāi)始尋求插入點(diǎn)并開(kāi)始使用公眾號(hào)動(dòng)態(tài)模版。

在整個(gè)項(xiàng)目上我們已經(jīng)初步收獲了一些成果，在接下來(lái)的行動(dòng)里，我們計(jì)劃：

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

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

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

文章題目：項(xiàng)目?jī)?yōu)化的起承轉(zhuǎn)合
網(wǎng)頁(yè)路徑：http://aaarwkj.com/news34/165984.html

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

廣告

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