項(xiàng)目優(yōu)化的起承轉(zhuǎn)合

2022-06-11    分類: 網(wǎng)站建設(shè)

創(chuàng)新互聯(lián)分享:不知道大家有沒有這樣的經(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)化過程。


項(xiàng)目優(yōu)化的起承轉(zhuǎn)合

一、起

“起”,就是事情的起因。一開始,針對(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è)問題:


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

二、承

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

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


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

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


項(xiàng)目優(yōu)化的起承轉(zhuǎ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 簡(jiǎn)潔、輕量、可拓展的腳本語言能實(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ì)稿。


項(xiàng)目優(yōu)化的起承轉(zhuǎn)合

開發(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)畫流暢度......

最終的效果如下:

三、轉(zhuǎn)

如何判斷改版優(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)用場(chǎ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ì)劃:


  1. 沉淀歸納開發(fā)過程中遇到的問題,組件化代碼使之更有復(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)目我們拋開平時(shí)十分熟悉的web前端技術(shù),嘗試用 Lua 去做動(dòng)畫,可以把經(jīng)驗(yàn)帶到日常工作的其他項(xiàng)目中,預(yù)研包括但并不局限于web前端的其他技術(shù),為項(xiàng)目帶來更多更大的價(jià)值。

對(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)過思考與探索得來的成果。

創(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)化。引用小馬哥的一句話,像“小白”用戶那樣思考。每天高頻使用產(chǎn)品,不斷發(fā)現(xiàn)不足。未來我們?cè)诒憩F(xiàn)方式、交互形式上還需平時(shí)多關(guān)注業(yè)界動(dòng)態(tài),把最新的技術(shù)落實(shí)到業(yè)務(wù)上,創(chuàng)造不一樣的價(jià)值。

文章題目:項(xiàng)目優(yōu)化的起承轉(zhuǎn)合
網(wǎng)頁路徑:http://www.bm7419.com/news34/165984.html

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

廣告

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

小程序開發(fā)