5.瀏覽狀態app
移動端和pc端相比有兩個比較顯著的特色:第一,移動端應用的高情景驅動,也就是咱們能在隨時隨地使用;第二,移動端設備大小的多樣性和限制性;這兩點致使了移動端的應用都是暫態的,而移動端的內容展示形式也比PC端多樣化:列表、網格、輪播、卡片還有泳道,根據業務和用戶訴求雙重指標來設計內容的展現。框架
通常在用戶瀏覽信息的時候,第一個看到的是結構(功能分佈),其次是內容(預期展現),最後是其興趣點(核心訴求),具備表明性的幾類app咱們能分析出他們在設計產品的時候是如何考慮用戶的瀏覽狀態:電商、新聞、外賣、資訊閱讀。測試
那麼要如何設計框架結構和功能分佈讓用戶瀏覽的效率和轉化率大大提升呢?咱們首先來看看這6張圖,咱們看到既有左圖右文的排版,也有左文右圖的排版,還有上下的排版,這些都是z字形視覺流路徑,而這個路徑的造成就是視覺注意力的轉移,經過不一樣因素的影響,視覺焦點也會隨之變化,例如元素的靜止和動畫,顏色的冷暖,明暗,形狀的大小方圓等等。動畫
在作交互設計的時候咱們須要考量的是如何能將信息讓用戶高效的獲取,只有提升信息獲取效率,用戶才能更快的鎖定興趣點也就是核心訴求。設計
新聞類的app一般會將圖片放置在左側,文字放置在右側,而實際狀況是我一進入首頁首先掃一遍標題,圖片反而是在我掃完標題有興趣以後再去關注的,爲何?由於圖片雖然在視覺影響力比文字強,可是表意不明,看圖片沒法知道他要講的到底是一件什麼事,而文字確能一目十行,可是不乏有些新聞是靠圖片來吸引讀者的,大家懂的。因此新聞也好,資訊類app也好,目的都是須要提升用戶的信息獲取效率,本質上來講誰左誰右都是有跡可循的。code
作個小總結,如何提升用戶獲取效率方法:圖片
一、瞭解用戶獲取內容時的視覺流及操做流(有條件可招募用戶作可用性測試)。get
二、內容井井有條,並將相關聯信息一塊兒展現。產品
三、清楚用戶核心訴求並將其重點展現。電商
四、內容展現有節奏感。