B端移動設計 | 視頻的點線面設計分析

幫助視頻:通過視頻的方式進行講解。

01 場景

用戶越來越不喜歡看文字描述,幫助文檔看的少之又少,如果有視頻講解就好了,但長的視頻又不太喜歡看,最好能像抖音一樣的幾十秒就更好了。

02 案例分析

對於視頻展示方式,主流的有2種展現形式:

B端移動設計 | 視頻的點線面設計分析

左圖是以愛奇藝、騰訊視頻為代表的展現形式,右圖是以抖音為代表的展現形式。換個角度來看,左圖更像是商品推薦頁,右圖更像是商品詳情頁。

左圖為一個面,用戶視覺是二維,從上向下,從左到右。右圖在用戶視覺中為一個點,用戶只能看當前頁。

在面和點之間,還有一個線,以列表方式進行展示,用戶視覺則是一維自上而下。

B端移動設計 | 視頻的點線面設計分析

從面到點是一個從多到少的過程,對於用戶視覺逐漸聚焦的過程。關於視頻的展示方式,清晰易操作為首要。

B端移動設計 | 視頻的點線面設計分析

如果後期迭代更新,可考慮採用類似娛樂視頻app在視頻播放頁下方放入推薦,或上一個視頻、下一個視頻。

03 心得

點、線、面各有各個優勢,看一個應用需要看出一系列應用的框架,需要從一個創造者的角度去分析,而不是使用者的角度。

| 作者簡介

俊馳,頭條號:@wujunchi,專注B端移動應用設計


分享到:


相關文章: