Categories


Tags


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

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

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

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

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

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

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

图一:正反示例对比

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

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

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

4、参考案例

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

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

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

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

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

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

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

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


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

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

白皮书5.0中,设置合理的内容模块间隔可以提高可读性和用户体验。如果内容模块之间间距不合理,用户容易感到视觉疲劳,难以集中注意力阅读。同时,合理的间隔可以帮助用户更加清晰地理解每个部分的含义,避免产生混淆和理解偏差。在设计白皮书时,应该考虑内容模块之间的逻辑关系,根据需要合理地安排间隔,以确保内容的连贯性和易读性。

Public @ 2023-06-15 01:00:11

移动搜索-6-移动网站如何快速提交数据

站长学院公开课已经进行了一期,收到了大量站长同学的提问和建议,根据大家的反馈,第二期公开课的选题为《移动网站如何快速提交数据》,本期的培训嘉宾是百度站长社区版主:李松松,2009开始接触互联网,然后就一发不可收拾,做过数百企业站的优化推广工作,垂直行业门户网站、论坛、小说优化推广,目前在职母婴行业。这期的课跟上期息息相关,首先回顾一下上期内容,上期院长主要讲了移动建站与选型。随着网民对于移动化趋势

Public @ 2011-12-07 16:19:49

禁止百度移动搜索进行转码的方法

1. 使用Chrome浏览器打开百度搜索结果页面,并在地址栏中输入about:flags; 2. 在"实验室"标签下找到"禁用百度网页转码"选项,并将其设置为"已启用"状态; 3. 重新加载百度搜索结果页面,此时页面不会被百度进行转码。 另外,也可以通过安装一些浏览器插件或工具来禁止百度移动搜索进行转码,比如百度网页解除转码器、净网大师等。这些工具可以自动识别并解除百度的网页转码,保障搜索结果的

Public @ 2023-06-05 10:50:09

百度搜索将严格控制搜索中的权限问题

近期,百度搜索发现在搜索中部分站点存在内容获取权限、功能使用权限等问题,影响搜索用户的体验。百度搜索一直致力于让用户快捷地从搜索中获取所需内容,减少用户获取信息的成本。为了更好的满足搜索用户的需求,对于搜索结果中存在权限限制的站点或智能小程序,近期将上线策略进行严厉打击。本次策略主要针对以下2种情形:1、内容获取权限:用户查看页面中的全部内容时,如:· 阅读全文· 查看图片· 查看论坛帖子· 观看

Public @ 2017-01-08 16:20:06

更多您感兴趣的搜索

0.743344s