本文由@一淘UX 團(tuán)隊(duì)所撰。作者首先敘述了一個(gè)簡單的場景——“美女在家玩自拍”，一句簡單的話，但對設(shè)計(jì)師來說卻有深在的內(nèi)涵。這句話濃縮了設(shè)計(jì)最講究的三大策略點(diǎn)：誰、在哪里、干什么，也就是用戶、環(huán)境和任務(wù)。

無論web、軟件還是移動(dòng)產(chǎn)品的設(shè)計(jì)，我們都逃不開這三個(gè)策略點(diǎn)的考慮。而我們也可以從一些案例中尋找一些考量的思路。

走近移動(dòng)設(shè)計(jì)，你會(huì)發(fā)現(xiàn)這三個(gè)設(shè)計(jì)策略點(diǎn)的不同之處，其中區(qū)別最大的便是環(huán)境。移動(dòng)的環(huán)境包括兩方面：應(yīng)用場景和硬件設(shè)備。到底環(huán)境有什么樣的區(qū)別，會(huì)影響到最終的設(shè)計(jì)呢？本篇章主要詳說其應(yīng)用場景的不同，通過與web產(chǎn)品的對比，發(fā)現(xiàn)在設(shè)計(jì)上的啟示點(diǎn)。

從下方兩張圖表的走勢對比，開始我們走近移動(dòng)設(shè)計(jì)之旅的應(yīng)用場景篇。一個(gè)好的Web產(chǎn)品，他的點(diǎn)擊數(shù)和點(diǎn)擊UV是隨著時(shí)間的發(fā)展，走勢是慢慢上揚(yáng)，如下圖所示。

而移動(dòng)產(chǎn)品卻有一個(gè)很有意思的現(xiàn)象，每個(gè)月初點(diǎn)擊數(shù)和點(diǎn)擊UV走勢突然上揚(yáng)，峰值在月中左右，然后到月底就跌到底谷。如下方兩個(gè)圖的對比，猜猜這是為什么？ 

這個(gè)現(xiàn)象的答案是：流量包月。是不是遇到過這樣的場景，月底的時(shí)候，收到移動(dòng)發(fā)來的流量提醒信息，自己主動(dòng)關(guān)閉了2G，默默等待新的一個(gè)月的開始。。。

流量

Web場景：網(wǎng)絡(luò)穩(wěn)定，使用網(wǎng)線或則wifi，速度快。

移動(dòng)場景：網(wǎng)絡(luò)不穩(wěn)定，主要有wifi，3G，2G；隨著場景的變化，各個(gè)網(wǎng)絡(luò)之間頻繁切換；2G網(wǎng)絡(luò)用戶多，速度慢，很在意流量。

設(shè)計(jì)啟示：流量思考，流量心理，反饋時(shí)間，響應(yīng)機(jī)制… （通過最基礎(chǔ)的內(nèi)容對比，設(shè)計(jì)師可以思考更多的啟示）

流量是中國手機(jī)用戶最關(guān)心問題之一，因?yàn)樗�是需要花錢的，特別是2G用戶，對流量的看重程度極其高。移動(dòng)的2G套餐：5元 30M，10元 80M，20元 200M，30元300M，50元 500M，100元 2G。其中5元和10元，20元是大部分普通用戶的選擇，超過包月限額1M=10.24元。

官方宣稱2G的網(wǎng)絡(luò)速度在30K/S。2G網(wǎng)絡(luò)仍為移動(dòng)互聯(lián)網(wǎng)的主流接入方式，但占比持續(xù)下降。Andriod和ios移動(dòng)產(chǎn)品傾向于選擇高速網(wǎng)絡(luò)接入，超過73%的用戶選擇3G或wifi。

設(shè)計(jì)啟示：流量思考——估算產(chǎn)品占用流量

流量在移動(dòng)應(yīng)用場景中如此重要，那么我們在進(jìn)行產(chǎn)品設(shè)計(jì)的時(shí)候，就需要進(jìn)行流量思考，估算我們的產(chǎn)品會(huì)占用用戶多少流量�？梢哉f電子商務(wù)產(chǎn)品80%的流量來自于圖片。針對圖片和用戶訪問路徑，我們就可以容易的估算出產(chǎn)品到底消耗了用戶多少流量。

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

搜索結(jié)果頁90×90大小的圖片，平均6k左右，1頁20個(gè)寶貝，那就是120k，假設(shè)產(chǎn)品訪問深度為10左右，差不多一個(gè)關(guān)鍵字是1M多，平均每個(gè)uv關(guān)鍵字2-3個(gè)，平均下來一個(gè)搜索結(jié)果頁占用流量2.5M左右。

再算算從搜索結(jié)果頁進(jìn)入詳情頁，每個(gè)寶貝詳情在500K，假設(shè)平均每個(gè)搜索uv打開3-4個(gè)詳情頁，差不多1.5M。關(guān)搜索和詳情每uv每次使用一般就占用了4M。按這樣的邏輯，研究用戶的使用路徑頁面，然后全部算起來，就可以了解到移動(dòng)產(chǎn)品到低占用了用戶多少流量。

所以電子商務(wù)的移動(dòng)產(chǎn)品，再算上用戶查看首頁，購物車，收藏夾……活動(dòng)頁面，一次算下來估計(jì)也有6M。

這相當(dāng)與什么？一個(gè)5元30M包月的用戶在純2G的網(wǎng)絡(luò)下只能訪問5次，10元80M的用戶可以訪問15次。所以估算好用戶的總流量使用情況，可以讓我們的產(chǎn)品考慮的更成熟些，無論從技術(shù)還是從頁面的表現(xiàn)形式方面。比如大小圖模式，懶加載，預(yù)覽模式，用戶觸動(dòng)才加載。

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

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

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

設(shè)計(jì)啟示：流量心理——圖太多，費(fèi)流量

事實(shí)是圖太多是真的費(fèi)流量，流量最大的消耗點(diǎn)就是圖片，視頻�？梢愿惺芤幌拢�我們?nèi)粘Ｉ�活中，用戶可以�?G網(wǎng)絡(luò)底下看小說，但絕對會(huì)很小心謹(jǐn)慎開一些需要瀏覽多圖的頁面。

所以，別讓產(chǎn)品的一個(gè)頁面堆積太多的圖片，特別是產(chǎn)品的首頁，會(huì)影響用戶流量的恐慌心理。讓用戶以后在2G網(wǎng)絡(luò)底下，不敢于打開這樣的頁面。

設(shè)計(jì)啟示：流量心理——加載太慢，費(fèi)流量

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

這里可以關(guān)心一下用戶等待時(shí)間的一個(gè)心理。

具體說明如下圖：

所以別讓你的產(chǎn)品讓用戶等太久，都走光了。這里就可以考慮適合的響應(yīng)機(jī)制。

比如優(yōu)先加載框架，給用戶的感覺是立即有相應(yīng)了，且已有部分內(nèi)容出來了。

或則可以在當(dāng)前頁做反饋，成功后跳轉(zhuǎn)到下一頁，如果失敗直接在當(dāng)前頁反饋，避免跳轉(zhuǎn)。這點(diǎn)適合下一頁內(nèi)容量較少的情況。

再比如收藏成功按鈕，點(diǎn)擊收藏按鈕，是先跟服務(wù)器交流，還是先給用戶積極的反饋收藏成功，再跟服務(wù)器交流，這些都讓用戶的感受不同。好的加載方式，也是能快速感受到速度的提升和轉(zhuǎn)場的順暢和連續(xù)性。

設(shè)計(jì)啟示：流量——產(chǎn)品的賣點(diǎn)

節(jié)省流量現(xiàn)在被很多產(chǎn)品拿來宣傳，特別是手機(jī)瀏覽器和一些需要信息展示的應(yīng)用。如UC瀏覽器就號稱首創(chuàng)業(yè)界先進(jìn)技術(shù)，使流量數(shù)據(jù)壓縮率高達(dá)90%，用戶上網(wǎng)速度更快，流量更省。你是不是因?yàn)檫@點(diǎn)心動(dòng)了？

所以在同質(zhì)化的產(chǎn)品中，流量就是一個(gè)可以突出的賣點(diǎn)。

標(biāo)簽： 網(wǎng)站設(shè)計(jì) 網(wǎng)頁設(shè)計(jì) 移動(dòng)產(chǎn)品設(shè)計(jì) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。