Categories


Tags


白皮书5.0解读—内容模块之间为何要设置合理间隔

2020年3月,百度发布的《百度APP移动搜索落地页体验白皮书5.0》中提到”主体内容应与广告、相关推荐等次要内容板块之间有明显间隔距离或分割线,使用户获取信息时不受任何干扰。”本文将为你详细讲解如何设置合理间隔更符合用户浏览页面信息的需要。

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

用户点击搜索结果页进入落地页时,对页面信息的呈现方式一无所知。为了保障页面主体信息的最佳可读性,页面整体的排版布局设计要注重区分信息层级,凸显页面主要内容,帮助用户快速甄别主次信息,找到所需。不同内容模块之间设置分割线是区分信息层级的有效呈现方式。

2、主体内容与次要内容模块需设置间隔线

在内容详情页,除了页面主体内容以外,还包括评论、广告、相关推荐等内容模块,在当前页面,与主体内容相比,评论、广告、相关推荐等内容属于次要信息,使用分割线区分信息层级能帮助用户意识到主体内容已结束,避免用户在滑动浏览主体内容过程中因无明显分隔线提示而误点其他内容。

如图一所示,左侧案例中正文与广告之间没有任何间隔,融为一体,用户在滑动浏览信息的过程中易将广告误当成主体内容造成误点击,用户体验较差。右侧案例中正文结束后有评论、点赞等互动按钮,并且与底部广告之间有明显分界线,让用户能快速区分正文和广告,意识到正文已完结。

图一:正反示例对比

3、功能键与次要内容模块之间需设置明显间隔

百度搜索发现不少开发者对于篇幅较长的文章会设置翻页、展开全文等功能,功能键属于页面主体内容的一部分,功能键与其他次要内容模块(如广告、相关推荐等)也需设置明显间隔,避免用户在操作功能时误点击其他内容。如图二所示,该页面的翻页功能键与广告之间距离过近,用户点击翻页时很容易误触广告,给用户带来不良的浏览感受。

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

4、参考案例

问题来了,讲了这么多规范细节,页面内容模块之间如何设置间隔距离对用户最为友好呢?下面给大家提供优质案例供大家参考。

参考案例1:正文结束后放置版权信息、责任归属或者点赞评等功能,与广告内容隔开,提示用户正文已结束

参考案例2:正文与广告之间用分割线隔开,避免用户误点击

参考案例3:翻页功能键做成按钮形式并且与广告有一定间隔距离

参考案例4:展开全文功能有明显文字标识,与广告之间设置分割线

细节决定成败,内容模块之间设置间隔是页面排版布局不可或缺的细节,能帮助用户快速获取页面核心信息,不被其他次要内容干扰,对提升用户的页面浏览体验,赢得更多的用户青睐非常重要。

注:如果对该文有任何疑问或想深入了解其他规范细节,欢迎点击这里向我们反馈。

来源:百度搜索资源平台 百度搜索学堂


Public @ 2013-08-24 16:19:42

移动时代下的站长都该做哪些工作

作为一个站长,在移动时代下,应该做以下几点工作: 1. 网站响应式设计:为了让网站在不同设备上能够展现出最佳效果,站长需要采用响应式设计,使网站能够自适应不同尺寸的屏幕,提高用户体验。 2. 移动优化:站长需要对网站进行移动优化,优化网页加载速度、减小网页大小、优化图片等。这些措施可以提高页面的打开速度,减少用户等待时间,提高用户的满意度。 3. 应用程序开发:随着移动设备的普及,应用程序已

Public @ 2023-04-10 19:50:42

百度移动搜索落地页体验白皮书——广告篇

随着移动互联网的普及,百度移动搜索作为一个重要的移动搜索渠道,越来越受到广告主的关注和重视。然而,落地页体验却成为广告主面临的一个重要问题。 百度移动搜索落地页体验白皮书针对广告篇做如下总结: 众所周知,广告是一种营销手段,它的目的是吸引消费者点击,从而达到推广品牌和提高销售量的目的。在移动搜索营销中,广告的重要性不言而喻。然而,广告主在做移动搜索营销时,必须注意落地页体验的问题,否则不但会影

Public @ 2023-04-25 05:00:25

浅谈移动站点优化之痛——HTML5

作为一门新兴的 Web 技术,HTML5 在移动站点优化中扮演着越来越重要的角色。在移动端,HTML5 能够带来更好的视觉和交互效果,同时也能够提升页面的加载速度和性能。然而,在实际应用中,还存在一些问题,接下来就让小AI浅谈移动站点优化之痛——HTML5。 1. 兼容性问题 HTML5 中新增的标签和属性在一些低版本的浏览器中并不支持,这就会导致页面出现兼容性问题,从

Public @ 2023-04-15 13:00:35

如何让百度准确地识别页面类型

让百度准确地识别页面类型有以下几个建议: 1. 使用标准的 HTML 标签:确保你的页面使用标准的 HTML 标签来定义不同的页面元素,比如标题、段落、列表、链接等。 2. 关键词密度:在页面中合理地使用关键词,但不要过度使用,否则会被认为是垃圾邮件。 3. 内容质量:确保你的页面中包含高质量、有用、原创的内容,并且与你的网站主题相关。 4.网站结构:网站结构应该较为清晰,网站主题明确,页

Public @ 2023-06-10 18:00:19

更多您感兴趣的搜索

0.531279s