徐曉旭　圖雅

摘 要：本文以“QQ會(huì)員公眾號(hào)過期提醒項(xiàng)目”優(yōu)化過程為例進(jìn)行“開承圍收”優(yōu)化方法的研究。

關(guān)鍵詞：互聯(lián)網(wǎng)產(chǎn)品；優(yōu)化設(shè)計(jì)；動(dòng)態(tài)模版；web前端技術(shù)

互聯(lián)網(wǎng)產(chǎn)品生成于互聯(lián)網(wǎng)，是滿足互聯(lián)網(wǎng)用戶需求和欲望的非物質(zhì)化載體，是滿足用戶需求而創(chuàng)建的用于運(yùn)營(yíng)的功能及服務(wù)，是網(wǎng)站功能與服務(wù)的集成。互聯(lián)網(wǎng)產(chǎn)品必須制定完善的優(yōu)化方法，可以從四個(gè)方面進(jìn)行制定。

1“開”，產(chǎn)品優(yōu)化的第一階段：追溯起源

“開”，就是事情的起因。以“QQ會(huì)員公眾號(hào)過期提醒項(xiàng)目”為例：針對(duì)QQ會(huì)員/超級(jí)會(huì)員即將到期或者已經(jīng)到期的用戶，公眾號(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)。

2“承”，產(chǎn)品優(yōu)化的第二階段：探索實(shí)踐

針對(duì)這些問題，開始構(gòu)思公眾號(hào)過期提醒的改版?！俺小敝饕敲枋龈陌娴奶剿鬟^程。

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

目前的純文字模版不能滿足需求，圖文模版略顯平庸，兩者都不具備靈活的布局和交互性。圖+文+動(dòng)畫效果的表現(xiàn)方式，比起傳統(tǒng)的公眾號(hào)消息更有趣，并且更有畫面感，嘗試把這種展示形式應(yīng)用到QQ會(huì)員公眾號(hào)過期提醒上，這種動(dòng)態(tài)模板會(huì)帶來幫助。

2.1構(gòu)思

在Arkapp框架下通過用Lua簡(jiǎn)潔、輕量、可拓展的腳本語(yǔ)言可實(shí)現(xiàn)動(dòng)態(tài)模版，解決了技術(shù)問題后開始了策劃-設(shè)計(jì)-開發(fā)-上線等一系列的流程。設(shè)計(jì)師在設(shè)計(jì)層面上結(jié)合會(huì)員品牌自身的屬性，告訴用戶：你要失去尊貴的會(huì)員身份了。同時(shí)，對(duì)于游戲用戶在設(shè)計(jì)時(shí)則更有游戲氛圍并且贈(zèng)送游戲禮包來吸引用戶。最后結(jié)合需求及想法，動(dòng)畫上設(shè)置企鵝+文字從品牌色變灰的效果，同時(shí)底部會(huì)放多個(gè)禮包，支持點(diǎn)擊滑動(dòng)，在中心區(qū)域突出重點(diǎn)，顯示過期后“80余項(xiàng)特權(quán)已失去”，以喚醒用戶對(duì)QQ會(huì)員、超級(jí)會(huì)員這一身份的認(rèn)知。

2.2開發(fā)

動(dòng)畫方面，具體形象企鵝由品牌色變灰的效果以及文字變色和數(shù)字滾動(dòng)的效果，探索了流暢度不斷優(yōu)化以及不同實(shí)現(xiàn)方法。性能優(yōu)化方面，正常顯示開始效果時(shí)，公眾號(hào)窗口白屏等待時(shí)間過長(zhǎng)，系統(tǒng)需要加載各種資源。于是通過探索經(jīng)歷了一系列的優(yōu)化：元素加載時(shí)間優(yōu)化，圖片資源異步加載優(yōu)化，減少包大小，達(dá)到減少頁(yè)面白屏?xí)r間和增強(qiáng)動(dòng)畫流暢度。

3“圍”，產(chǎn)品優(yōu)化的第三階段：數(shù)據(jù)檢驗(yàn)

如何判斷改版優(yōu)化是否有效？實(shí)踐后方法的可行性？我們要利用用戶體驗(yàn)數(shù)據(jù)校驗(yàn)改版優(yōu)化的結(jié)果。如在手Q會(huì)員公眾號(hào)中對(duì)到期會(huì)員游戲用戶，實(shí)現(xiàn)了動(dòng)態(tài)模版+游戲禮包引導(dǎo)催費(fèi)，結(jié)果動(dòng)態(tài)模版付費(fèi)用戶數(shù)是文字模版的5.4倍，催費(fèi)消息點(diǎn)擊率和付費(fèi)轉(zhuǎn)化率都比原本的文字模版有所提升。在優(yōu)化過程中，這個(gè)方法是有效提高轉(zhuǎn)化率，吸引用戶的，得到有效驗(yàn)證后，我們就可以繼續(xù)往深研究，覆蓋到更廣更細(xì)致的層面。

4“收”，產(chǎn)品優(yōu)化的第四階段：反思沉淀

除了針對(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í)，在QQ錢包、游戲中心等其他業(yè)務(wù)上也應(yīng)尋求插入點(diǎn)并開始使用公眾號(hào)動(dòng)態(tài)模版。如圖1：

最后階段可以從以下方面總結(jié)整個(gè)產(chǎn)品項(xiàng)目，對(duì)再設(shè)計(jì)進(jìn)行反思：

（1）沉淀歸納產(chǎn)品開發(fā)過程中遇到的問題，組件化代碼，使復(fù)用性增強(qiáng)，積累經(jīng)驗(yàn)供其他項(xiàng)目使用；

（2）不同的設(shè)計(jì)方案可能對(duì)轉(zhuǎn)化率的影響也不一樣，設(shè)計(jì)多一種方案進(jìn)行A/B test，做好數(shù)據(jù)校驗(yàn)；

（3）嘗試多種技術(shù)應(yīng)用方式進(jìn)行應(yīng)用制作，例如這次項(xiàng)目拋開web前端技術(shù)，嘗試用Lua去做動(dòng)畫，也可以把經(jīng)驗(yàn)帶到其他項(xiàng)目中，為整個(gè)項(xiàng)目帶來更多更大的價(jià)值。

5結(jié)語(yǔ)

綜上所述，互聯(lián)網(wǎng)產(chǎn)品項(xiàng)目?jī)?yōu)化設(shè)計(jì)的過程可以結(jié)合了開——承——圍——收四大階段去實(shí)現(xiàn)，通過借鑒QQ會(huì)員公眾號(hào)過期提醒優(yōu)化項(xiàng)目的案例，結(jié)合自身產(chǎn)品屬性進(jìn)行消化，合理利用并且真正落地校驗(yàn)，在不斷的探索中優(yōu)化。未來我們?cè)诨ヂ?lián)網(wǎng)產(chǎn)品表現(xiàn)方式、交互形式上還需關(guān)注業(yè)界動(dòng)態(tài)，把最新的技術(shù)落實(shí)到業(yè)務(wù)上，創(chuàng)造不一樣的價(jià)值。

參考文獻(xiàn)：

[1] 李世國(guó)，顧振宇.交互設(shè)計(jì)[M ].北京：中國(guó)水利水電出版社，2012.

[2]李彬彬.設(shè)計(jì)心理學(xué)[M].北京：中國(guó)輕工業(yè)出版社，2001.