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

無論web、軟件還是移動產品的設計，我們都逃不開這三個策略點的考慮。而我們也可以從一些案例中尋找一些考量的思路。

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

從下方兩張圖表的走勢對比，開始我們走近移動設計之旅的應用場景篇。一個好的Web產品，他的點擊數和點擊UV是隨著時間的發(fā)展，走勢是慢慢上揚，如下圖所示。

而移動產品卻有一個很有意思的現象，每個月初點擊數和點擊UV走勢突然上揚，峰值在月中左右，然后到月底就跌到底谷。如下方兩個圖的對比，猜猜這是為什么？ 

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

流量

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

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

設計啟示：流量思考，流量心理，反饋時間，響應機制… （通過最基礎的內容對比，設計師可以思考更多的啟示）

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

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

設計啟示：流量思考——估算產品占用流量

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

以普通電子商務搜索結果頁為例（以下數據為假設，設計師請根據自己的產品估算流量）：

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

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

所以電子商務的移動產品，再算上用戶查看首頁，購物車，收藏夾……活動頁面，一次算下來估計也有6M。

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

設計啟示：流量思考——對產品的影響

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

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

設計啟示：流量心理——圖太多，費流量

事實是圖太多是真的費流量，流量最大的消耗點就是圖片，視頻�？梢愿惺芤幌�，我們日常生活中，用戶可以在2G網絡底下看小說，但絕對會很小心謹慎開一些需要瀏覽多圖的頁面。

所以，別讓產品的一個頁面堆積太多的圖片，特別是產品的首頁，會影響用戶流量的恐慌心理。讓用戶以后在2G網絡底下，不敢于打開這樣的頁面。

設計啟示：流量心理——加載太慢，費流量

別讓產品給用戶的感覺打開半天還什么都沒有，只有轉動的菊花。這點會讓用戶以為需要加載很多內容，從而擔憂起流量。我們可以算出一個頁面總的K數大小，然后根據2G網絡30K/S來算，就可以大概了解用戶打開這樣一個頁面需要等待幾秒了。

這里可以關心一下用戶等待時間的一個心理。

具體說明如下圖：

所以別讓你的產品讓用戶等太久，都走光了。這里就可以考慮適合的響應機制。

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

或則可以在當前頁做反饋，成功后跳轉到下一頁，如果失敗直接在當前頁反饋，避免跳轉。這點適合下一頁內容量較少的情況。

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

設計啟示：流量——產品的賣點

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

所以在同質化的產品中，流量就是一個可以突出的賣點。

標簽： 網站設計 網頁設計 移動產品設計 

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