網(wǎng)站開(kāi)發(fā)

Website development

如何提升H5頁(yè)面的用戶體驗(yàn),H5頁(yè)面交互提升

發(fā)布時(shí)間：2016-07-19 10:18:03

作為H5策劃，在設(shè)計(jì)H5產(chǎn)品時(shí)我們經(jīng)常需要查看各種案例，展開(kāi)各種腦洞，甚至出各種方案A、方案B以作備選。滿懷期待地將自己的項(xiàng)目推上線后，卻總會(huì)發(fā)現(xiàn)這樣或那樣的問(wèn)題：為什么用戶訪問(wèn)這么少?為什么頁(yè)面留存如此低?為什么轉(zhuǎn)化率數(shù)據(jù)那么可憐?

如何提升H5頁(yè)面的用戶體驗(yàn),H5頁(yè)面交互提升.jpg

導(dǎo)致這種現(xiàn)象的原因可能有很多種，我們可以說(shuō)推廣力度不夠，技術(shù)實(shí)現(xiàn)不到位，客戶需求太復(fù)雜等。

拋開(kāi)這些影響產(chǎn)品質(zhì)量的外在因素不談，作為項(xiàng)目策劃者的我們，是否有認(rèn)真思考并分析過(guò)影響作品重要的因素：”目標(biāo)用戶到底是怎么想?” 這個(gè)問(wèn)題的呢?有時(shí)候，重大的疏忽來(lái)自于缺乏同理心地去觀察用戶。

一、用戶不是親媽?zhuān)粫?huì)花時(shí)間等loading我們都知道，用戶的耐心是有限的。

騰訊TGideas曾調(diào)查了H5頁(yè)面用戶行為，數(shù)據(jù)顯示，加載時(shí)間超過(guò)5秒，就會(huì)有74%的用戶選擇關(guān)閉頁(yè)面，而且只有近半的用戶會(huì)閱讀完整個(gè) h5的內(nèi)容。頁(yè)面層級(jí)越深入玩家流失的越多，且前兩頁(yè)的流失率高，84.22%的用戶在第一個(gè)頁(yè)面就會(huì)選擇去留。

所以我們提倡好的設(shè)計(jì)要放在前面，首頁(yè)的操作和選擇越簡(jiǎn)單越好。那么有幾個(gè)小點(diǎn)平時(shí)大家是否有思考：

1.在不影響內(nèi)容的前提下，首頁(yè)加載時(shí)間能否盡可能壓縮?

2.加載頁(yè)增加一些互動(dòng)、或有趣的小動(dòng)畫(huà)?減少因等待而流失的用戶?

3.H5的所有資源能否在首次加載即基本加載完畢，以減少用戶在后續(xù)體驗(yàn)中可能出現(xiàn)的延遲或等待?

4.在思考布局時(shí)，是否有意識(shí)的減少頁(yè)面層級(jí)，且盡可能簡(jiǎn)潔、清晰地表達(dá)產(chǎn)品的全部?jī)?nèi)容來(lái)提高頁(yè)面轉(zhuǎn)化率?

同時(shí)，大多數(shù)用戶已經(jīng)培養(yǎng)了穩(wěn)定的操作習(xí)慣，北京網(wǎng)站建設(shè)認(rèn)為任何異常的操作設(shè)計(jì)或改變用戶習(xí)慣的操作都有可能造成用戶不適。

要求我們?cè)诓邉澾^(guò)程中使產(chǎn)品操作更為便捷舒適，合情合理，如靠右翻頁(yè)、靠右下點(diǎn)擊等是比較符合用戶操作習(xí)慣的。

二、把用戶當(dāng)寶寶，盡量滿足、盡量簡(jiǎn)單在設(shè)計(jì)產(chǎn)品前了解用戶需求是老生常談的話題。

我想每一位在策劃在設(shè)計(jì)H5前都會(huì)或多或少思考過(guò)這些問(wèn)題：用戶在體驗(yàn)自己的H5作品的會(huì)不會(huì)覺(jué)得有趣;自己的H5作品給用戶帶來(lái)哪些價(jià)值;自己傳達(dá)給用戶的核心內(nèi)容是否很好的結(jié)合了營(yíng)銷(xiāo)要求。

可我們要注意的是：用戶只關(guān)注與自己相關(guān)的東西。(這種相關(guān)一般包括內(nèi)容上的興趣感，互動(dòng)上的參與感，形式上的認(rèn)同感以及結(jié)束后的分享欲)

所以當(dāng)我們產(chǎn)品表現(xiàn)力不好的時(shí)候，我們可以思考的是：

1.自身有定位好目標(biāo)用戶嗎，作品的內(nèi)容能否勾起目標(biāo)用戶的興趣呢?年近30的大叔可能不會(huì)對(duì)EXO感興趣，但20左右的小年輕可能會(huì)對(duì)復(fù)仇者聯(lián)盟樂(lè)此不疲。找準(zhǔn)目標(biāo)用戶并分析用戶需求尤為重要。

2.產(chǎn)品的形式上是否像說(shuō)教似的的一廂情愿安利，還是可以參與其中讓用戶找到自己的存在感?

3.形式上也許不夠新穎炫目，但視覺(jué)效果上是否讓人覺(jué)得舒服?

三、給用戶轉(zhuǎn)發(fā)分享的理由才是硬道理大多數(shù)用戶會(huì)出于新奇或朋友的推薦進(jìn)入一個(gè)H5，且只轉(zhuǎn)發(fā)自認(rèn)為有價(jià)值的內(nèi)容。

數(shù)年之前，將flash小游戲移植到H5營(yíng)銷(xiāo)領(lǐng)域較為新穎，現(xiàn)在卻變成越來(lái)越吃力不討好的事情。用戶會(huì)對(duì)同質(zhì)化嚴(yán)重內(nèi)容產(chǎn)生免疫力甚至排斥。那什么樣的內(nèi)容會(huì)讓用戶覺(jué)得有價(jià)值并且轉(zhuǎn)發(fā)呢? 總結(jié)來(lái)看不外乎以下幾點(diǎn)：

1. 形式或視覺(jué)技術(shù)上的炫酷刷新了的眼球。

這使我們自然的想到曾經(jīng)刷爆朋友圈的《吳亦凡入伍》, 《這個(gè)陌生電話你敢接嗎》，甚至非h5的uc愚人節(jié)開(kāi)的“裂屏”玩笑，這些都是形式和視覺(jué)上刷新用戶眼球的案例。H5策劃，你知道你的用戶正在想什么嗎?

2. 對(duì)內(nèi)容傳達(dá)的情感產(chǎn)生共鳴或認(rèn)同感。

“每個(gè)人都只會(huì)在自己的故事中哭泣”，用戶也只會(huì)在自己的情感中感動(dòng)。避免做作的情懷和一廂情愿的自嗨。一句引人共鳴的文案，給人們帶來(lái)的回響，比幾頁(yè)一廂情愿的文案強(qiáng)百倍。

3. 內(nèi)容結(jié)果讓人有炫耀感，且分享獎(jiǎng)勵(lì)大于自己的分享代價(jià)。

如果說(shuō)分析曾經(jīng)紅極一時(shí)的《圍住神經(jīng)貓》被刷爆朋友圈的，大原因就是結(jié)果可以炫耀。但值得注意的是，玩家極度抵觸分享折射自己缺陷的信息。例如下圖孤獨(dú)指數(shù)測(cè)試的H5。H5策劃，你知道你的用戶正在想什么嗎?

誠(chéng)然，這個(gè)產(chǎn)品互動(dòng)形式和表現(xiàn)手法都挺有意思，但問(wèn)題在于它的測(cè)試結(jié)果是不可分享的，“孤獨(dú)指數(shù)”折射出個(gè)人的弱社交能力，用戶會(huì)抗拒分享此類(lèi)信息。這和斗地主打得再犀利，也極少有人去炫耀自己有多少歡樂(lè)豆是同樣的道理。

4. 為了獎(jiǎng)品，或爭(zhēng)取更多的獲獎(jiǎng)機(jī)會(huì)。用戶會(huì)對(duì)有自認(rèn)價(jià)值的獎(jiǎng)品產(chǎn)生興趣。

即使用戶發(fā)現(xiàn)這是一個(gè)營(yíng)銷(xiāo)H5。但值得注意的是領(lǐng)獎(jiǎng)的流程必須要簡(jiǎn)單易操作，避免涉及較為隱私的個(gè)人信息。一旦用戶覺(jué)得麻煩，獎(jiǎng)品難以觸及就會(huì)失去原來(lái)的耐心。

5.內(nèi)容有趣且具備社交價(jià)值。

近朋友圈流行的“猜猜你的好友xxx畫(huà)的是那副畫(huà)”就是好的例子。

后，針對(duì)這些用戶的心理我們?cè)撟鍪裁?

1.設(shè)計(jì)產(chǎn)品時(shí)應(yīng)該多以用戶的角度去考慮布局。

如該H5對(duì)于用戶是否有意義(產(chǎn)品本身內(nèi)容是否優(yōu)質(zhì)、能給用戶帶來(lái)什么好處等)?; 產(chǎn)品分享機(jī)制是否完善、能否抓住用戶心理(炫耀、分享、趣味性、普適性)?，來(lái)促進(jìn)其分享傳播。

2. 以質(zhì)疑的態(tài)度去感受自己的產(chǎn)品。

從始至終，我們都應(yīng)該設(shè)身處地的站在用戶的角度來(lái)做產(chǎn)品，你不是一個(gè)從業(yè)者，你是一個(gè)看這個(gè)H5的觀眾，你肯不肯轉(zhuǎn)發(fā)這個(gè)H5。

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,6644,0.html

上一篇：企業(yè)網(wǎng)站如何避免網(wǎng)站被拉黑

下一篇：北京網(wǎng)站制作具體流程和操作