您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 移動(dòng)前端 >> 瀏覽設(shè)計(jì)教程

騰訊TGideas:10個(gè)令人吃驚的新終端頁(yè)面數(shù)據(jù)結(jié)論

從數(shù)據(jù)中看用戶行為是一件很有趣的事情,了解用戶行為后相應(yīng)的對(duì)我們的產(chǎn)品設(shè)計(jì)、專題設(shè)計(jì)進(jìn)行優(yōu)化,就能生產(chǎn)更高轉(zhuǎn)化率的作品。

下面跟大家分享10個(gè)我們從近期手機(jī)專題數(shù)據(jù)中提煉出來(lái)的小總結(jié),希望對(duì)大家有所幫助。

1. 在只有移動(dòng)資源推送的情況下,手機(jī)頁(yè)面訪問(wèn)熱度僅持續(xù)2天

手機(jī)頁(yè)面上線推廣第一天是訪問(wèn)頂峰,第三天后的數(shù)據(jù)趨于平穩(wěn),訪問(wèn)較低,可見(jiàn)下面2個(gè)例子。有其他資源推送(例如PC官網(wǎng)固定位置放置二維碼)的專題走勢(shì)不一樣。

2. 頁(yè)面層級(jí)越深,蹦失率越大

跟PC情況相似,用戶觸達(dá)率隨著頁(yè)面層級(jí)加深而減小。下例的H5小游戲里,用戶先進(jìn)入一個(gè)地圖首頁(yè),點(diǎn)擊“開(kāi)始游戲”會(huì)跳轉(zhuǎn)到游戲頁(yè)面,再進(jìn)行性別選擇和操作提示,最后才到達(dá)游戲。每一步的操作都有部分用戶流失。

按鈕的點(diǎn)擊量受頁(yè)面層級(jí)影響

下面展示的4個(gè)專題中都有一個(gè)相同功能的重要按鈕,點(diǎn)擊了會(huì)開(kāi)啟游戲APP。從數(shù)據(jù)上看按鈕的擺放屏數(shù)跟按鈕的點(diǎn)擊率成反比。當(dāng)然,按鈕的點(diǎn)擊量還受按鈕功能(抽獎(jiǎng)、分享……)、按鈕樣式(有動(dòng)畫(huà)、純文字……)等的影響。

3. 輸入行為會(huì)導(dǎo)致用戶流失

下面的例子從數(shù)據(jù)上看第三、四、五屏的數(shù)據(jù)比較平穩(wěn),但從第二屏到第三屏的丟失高達(dá)39%。反觀專題,第三屏到第四屏、第四屏到第五屏的操作是選擇,而第二屏到第三屏的操作中還帶有輸入行為。

4. 熱門(mén)對(duì)象會(huì)帶來(lái)更多關(guān)注

巴西世界杯期間,最受關(guān)注的兩個(gè)國(guó)家巴西和德國(guó)的用戶選擇占所有國(guó)家選擇的48%。而擺放位置差不多的阿根廷和阿爾及利亞,關(guān)注度相差25倍。

5. 用戶會(huì)按照習(xí)慣操作頁(yè)面,但自學(xué)能力強(qiáng)

下例的H5小游戲開(kāi)始前有操作方法提示,玩法是晃動(dòng)手機(jī)(像控制真車(chē)方向盤(pán)一樣)控制小車(chē)左右移動(dòng)躲避障礙物。但是有19%的用戶選擇點(diǎn)擊消除障礙物,12.7%的用戶選擇點(diǎn)擊拖動(dòng)小車(chē),直接忽略教程。

6. 用戶習(xí)慣滑動(dòng)切換,不喜歡向左的點(diǎn)擊

下例H5專題頁(yè)面,用戶可以手勢(shì)滑動(dòng)切換游戲,也可以點(diǎn)擊下面的導(dǎo)航切換游戲。93%的用戶選擇手勢(shì)滑動(dòng),只有7%的用戶選擇點(diǎn)擊導(dǎo)航。

下例H5專題頁(yè)面,用戶可以點(diǎn)擊左右按鈕或者手勢(shì)滑動(dòng)來(lái)360°查看新車(chē)。所有手勢(shì)中,左點(diǎn)擊只有10.1%,右點(diǎn)擊有41.3%,手勢(shì)滑動(dòng)占48.6%。

7. 有行為觸發(fā)的icon要設(shè)計(jì)的足夠醒目易懂

PC頁(yè)面用戶有點(diǎn)擊左上角logo返回首頁(yè)的習(xí)慣,手機(jī)頁(yè)面的操作習(xí)慣可能會(huì)受logo設(shè)計(jì)影響。幾個(gè)專題發(fā)現(xiàn),用戶對(duì)單純的logo點(diǎn)擊欲望不大,但是添加了返回或者其他標(biāo)識(shí)的logo,點(diǎn)擊率會(huì)增加。 

8. 動(dòng)畫(huà)明顯的元素容易引起用戶注意并點(diǎn)擊

下例H5小游戲在開(kāi)始前會(huì)進(jìn)行一段動(dòng)畫(huà),部分用戶在動(dòng)畫(huà)過(guò)程中就開(kāi)始點(diǎn)擊頁(yè)面。右圖是游戲界面,點(diǎn)擊“射門(mén)”按鈕射門(mén),但是有15%的用戶會(huì)先點(diǎn)擊移動(dòng)的人頭(好有趣啊- -//)。

9. 有些圖片不是動(dòng)態(tài)的,也讓人很有點(diǎn)擊欲望

如果有時(shí)間有心情,不妨給用戶制造些小彩蛋:)。

10. 控制頁(yè)面文件體積以及添加Loading

據(jù)一個(gè)國(guó)外的數(shù)據(jù)調(diào)查,用戶在使用手機(jī)時(shí),如果遇到加載超過(guò)5秒的手機(jī)網(wǎng)站,74%的用戶會(huì)選擇離開(kāi)。之前內(nèi)部的一項(xiàng)網(wǎng)速測(cè)試算出訪問(wèn)我們專題的手機(jī)平均網(wǎng)速只有93K/s,如果容忍時(shí)間是5秒的話,我們的網(wǎng)頁(yè)加起來(lái)需要控制在465K以內(nèi)。建議首屏加載在465K以內(nèi),剩下的按需加載或者延時(shí)加載。

添加loading能給我們爭(zhēng)取更多的加載時(shí)間哦!

[教程作者:騰訊TGideas]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://likemindfilms.com/tutorial/wd2585.html
飛天俠淘寶客程序“非法廣告類型”錯(cuò)誤修復(fù)補(bǔ)丁
網(wǎng)頁(yè)設(shè)計(jì)中常用到的CSS浮出層【箭頭】
圖趣網(wǎng)微信
建議反饋
×