2020年3月,百度发布的《百度APP移动查找落地页体会白皮书5.0》中说到”主体内容应与广告、相关引荐等非必须内容板块之间有显着距离距离或分割线,运用户获取信息时不受任何搅扰。”本文将为你具体解说怎么设置合理距离更契合用户阅读页面信息的需求。

1、内容模块之间设置分割线的重要性

用户点击查找成果页进入落地页时,对页面信息的出现方法一窍不通。为了保证页面主体信息的最佳可读性,页面全体的排版布局规划要重视区别信息层级,凸显页面主要内容,协助用户快速鉴别主次信息,找到所需。不同内容模块之间设置分割线是区别信息层级的有用出现方法。

2、主体内容与非必须内容模块需设置距离线

在内容详情页,除了页面主体内容以外,还包含谈论、广告、相关引荐等内容模块,在当前页面,与主体内容比较,谈论、广告、相关引荐等内容归于非必须信息,运用分割线区别信息层级能协助用户意识到主体内容已完毕,防止用户在滑动阅读主体内容过程中因无显着分隔线提示而误点其他内容。

如图一所示,左边事例中正文与广告之间没有任何距离,融为一体,用户在滑动阅读信息的过程中易将广告误当成主体内容形成误点击,用户体会较差。右侧事例中正文完毕后有谈论、点赞等互动按钮,而且与底部广告之间有显着分界线,让用户能快速区别正文和广告,意识到正文已完毕。

图一:正反示例比照

3、功用键与非必须内容模块之间需设置显着距离

百度查找发现不少开发者关于篇幅较长的文章会设置翻页、打开全文等功用,功用键归于页面主体内容的一部分,功用键与其他非必须内容模块(如广告、相关引荐等)也需设置显着距离,防止用户在操作功用时误点击其他内容。如图二所示,该页面的翻页功用键与广告之间距离过近,用户点击翻页时很简单误触广告,给用户带来不良的阅读感触。

图二:翻页键与广告距离过近

4、参阅事例

问题来了,讲了这么多标准细节,页面内容模块之间怎么设置距离距离对用户最为友好呢?下面给我们供给优质事例供我们参阅。

参阅事例1:正文完毕后放置版权信息、职责归属或许点赞评等功用,与广告内容离隔,提示用户正文已完毕

参阅事例2:正文与广告之间用分割线离隔,防止用户误点击

参阅事例3:翻页功用键做成按钮方式而且与广告有必定距离距离

参阅事例4:打开全文功用有显着文字标识,与广告之间设置分割线

细节决定胜败,内容模块之间设置距离是页面排版布局不可或缺的细节,能协助用户快速获取页面中心信息,不被其他非必须内容搅扰,对提高用户的页面阅读体会,赢得更多的用户喜爱非常重要。

声明:有的资源均来自网络转载,版权归原作者所有,如有侵犯到您的权益 请联系邮箱:123456@qq.com 我们将配合处理!

原文地址:百度布局优化 如何合理的设置间隔发布于2022-05-02 07:43:21

相关推荐