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

移動場景中的產(chǎn)品設(shè)計(2)

以普通電子商務(wù)搜索結(jié)果頁為例(以下數(shù)據(jù)為假設(shè),設(shè)計師請根據(jù)自己的產(chǎn)品估算流量):

搜索結(jié)果頁90x90大小的圖片,平均6k左右,1頁20個寶貝,那就是120k,假設(shè)產(chǎn)品訪問深度為10左右,差不多一個關(guān)鍵字是1M多,平均每個uv關(guān)鍵字2-3個,平均下來一個搜索結(jié)果頁占用流量2.5M左右。再算算從搜索結(jié)果頁進(jìn)入詳情頁,每個寶貝詳情在500K,假設(shè)平均每個搜索uv打開3-4個詳情頁,差不多1.5M。關(guān)搜索和詳情每uv每次使用一般就占用了4M。按這樣的邏輯,研究用戶的使用路徑頁面,然后全部算起來,就可以了解到移動產(chǎn)品到低占用了用戶多少流量。所以電子商務(wù)的移動產(chǎn)品,再算上用戶查看首頁,購物車,收藏夾。。。活動頁面,一次算下來估計也有6M。這相當(dāng)與什么?一個5元30M包月的用戶在純2G的網(wǎng)絡(luò)下只能訪問5次,10元80M的用戶可以訪問15次。所以估算好用戶的總流量使用情況,可以讓我們的產(chǎn)品考慮的更成熟些,無論從技術(shù)還是從頁面的表現(xiàn)形式方面。比如大小圖模式,懶加載,預(yù)覽模式,用戶觸動才加載。

設(shè)計啟示:流量思考——對產(chǎn)品的影響

我們在進(jìn)行聚劃算H5產(chǎn)品設(shè)計的時候,針對搜索結(jié)果頁的寶貝展示,最終采用了右邊的方式。這里不僅僅是看的寶貝數(shù)量的多少和圖的質(zhì)量問題,最重要好包括流量的影響力。

還有一個特別為用戶考慮流量的產(chǎn)品是微博客戶端。你刷的不是微博,你刷的是流量。無論新浪還是騰訊微博客戶端,對圖片都做了分階段處理,小圖預(yù)覽,點擊查看大圖,再點擊查看原圖。點擊步驟多了,但相對于省流量,相信用戶更愿意接受這樣的方式。

設(shè)計啟示:流量心理——圖太多,費流量

事實是圖太多是真的費流量,流量最大的消耗點就是圖片,視頻。可以感受一下,我們?nèi)粘I钪校脩艨梢栽?G網(wǎng)絡(luò)底下看小說,但絕對會很小心謹(jǐn)慎開一些需要瀏覽多圖的頁面。所以,別讓產(chǎn)品的一個頁面堆積太多的圖片,特別是產(chǎn)品的首頁,會影響用戶流量的恐慌心理。讓用戶以后在2G網(wǎng)絡(luò)底下,不敢于打開這樣的頁面。

設(shè)計啟示:流量心理——加載太慢,費流量

別讓產(chǎn)品給用戶的感覺打開半天還什么都沒有,只有轉(zhuǎn)動的菊花。這點會讓用戶以為需要加載很多內(nèi)容,從而擔(dān)憂起流量。我們可以算出一個頁面總的K數(shù)大小,然后根據(jù)2G網(wǎng)絡(luò)30K/S來算,就可以大概了解用戶打開這樣一個頁面需要等待幾秒了。這里可以關(guān)心一下用戶等待時間的一個心理。

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/wd1309.html
網(wǎng)頁前端開發(fā)人員必用在線web工具和應(yīng)用
20款超棒的響應(yīng)式設(shè)計測試書簽應(yīng)用
圖趣網(wǎng)微信
建議反饋
×