看這里!教你如何在頁面主次內容之間設置合理間隔
- 威海百度移動搜索優化 威海百度移動搜索優化
- 1441
2020年3月百度搜索發布的《百度APP移動搜索落地頁體驗白皮書5.0》中提到,“主體內容應與廣告、相關推薦等次要內容之間有明顯的間隔或分割線。”
那么,你知道頁面各內容模塊之間為何要設置合理間隔嗎?
1、內容模塊之間設置合理間隔的重要性
為了幫助用戶快速甄別主次信息,找到所需,頁面在整體的排版布局上要注意對主次內容進行區分。而設置合理的間隔或分割線則是最有效的區分主次內容的方式。
2、如何對各模塊的內容進行合理的區分?
「主體內容與次要內容之間設置分割線」
除了主體內容以外,內容詳情頁中還包括評論、廣告、相關推薦等模塊。與主體內容相比,這些內容屬于次要信息,使用分割線進行區分能幫助用戶意識到主體內容已結束,避免用戶在瀏覽內容的過程中因主次內容沒有明顯的區分而導致誤點擊。
如下圖所示,該頁面的主體內容與廣告之間沒有設置分割線,用戶在瀏覽內容的過程中易將廣告誤當成主體內容,導致誤點擊。
圖片
「翻頁鍵與次要內容之間設置明顯間隔」
不少開發者會對篇幅較長的文章設置翻頁功能,翻頁鍵屬于頁面主體內容的一部分,與其他次要內容(如廣告、相關推薦等)也需設置明顯的間隔,避免用戶在操作時誤點擊。
如下圖所示,該頁面的翻頁鍵與廣告之間距離過近,用戶點擊翻頁鍵時容易誤點擊到廣告。
圖片
參考案例
講了這么多標準規范,頁面內容模塊之間如何設置間距對用戶最為友好呢?小編給大家提供幾個優質案例進行參考。
參考案例1:正文結束后放置版權信息或者點贊評等功能,將主體內容與廣告內容隔開,提示用戶正文已結束
圖片
參考案例2:正文與廣告之間用分割線隔開
圖片
參考案例3:翻頁鍵與廣告有一定間距
圖片
內容模塊之間設置合理間隔是頁面排版布局中重要的一環,它能幫助用戶快速獲取頁面的主要信息,不被其他次要內容干擾。看完本篇文章,相信你一定學會如何在頁面主次內容之間設置合理間隔了~
來源:百度搜索資源平臺 百度搜索學堂