騰訊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í)間哦!
本文地址:http://likemindfilms.com/tutorial/wd2585.html
您可能還喜歡
- jquery Jcrop圖像裁切插件中文api文檔
- @media適配不同尺寸的手機(jī)
- 返回上一頁(yè)代碼的幾種寫(xiě)法
- Dreamweaver CC 2014新功能介紹
- 深入了解viewport和px
- 優(yōu)秀CSS代碼書(shū)寫(xiě)的10個(gè)規(guī)范
- 畫(huà)出你的風(fēng)格:HTML5創(chuàng)意畫(huà)板的設(shè)計(jì)教程
- Div中height:100%無(wú)效的解決辦法
- 網(wǎng)頁(yè)前端-網(wǎng)頁(yè)切圖命名規(guī)范
- 為網(wǎng)頁(yè)設(shè)計(jì)師而生的14個(gè)文本編輯器
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏