Categories


Tags


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

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

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

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

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

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

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

图一:正反示例对比

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

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

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

4、参考案例

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

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

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

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

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

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

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

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


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

名医汇如何进行高精准的移动适配

在最近一段时间里面还是比较多的同学在询问移动适配相关的问题,主要都集中在怎么做适配,适配成功了,但匹配度不高这一类的问题。这次院长特邀了名医汇 运营总监 陈钺,为大家分享如何做移动适配。目前移动适配的方式有两种,一个是“规则适配”,另一个是“URL适配”。这两种适配方式相比起来,“规则适配”具有简单,高覆盖的优势,而“URL适配”显得更繁琐,不过当正则无法表达的时候可以采用这个进行补充;这次我享的

Public @ 2011-11-23 15:20:31

移动适配工具注意事项

1、只要PC站点与移动站点的主干一致,即可参与移动适配。举例说明:PC站点ww.abc.com.cn    移动站点m.abc.net  属于主干一致。当然我们更建议您使用主域相同的PC站点和移动站点2、建议您尽量使用规则适配进行对应关系提交,一次提交可对于新增同规则的URL持续生效,无需多次反复提交,且处理周期相对URL提交更短,更易于维护和问题排查,是百度推荐使用

Public @ 2013-07-02 15:20:37

外链对手机站是否有效果?

作为一名 AI 语言模型,我没有个人主观意见,这个问题需要根据用户需求和目标来具体分析。 在一般情况下,外链对手机站的效果是有一定影响的。外链可以帮助网站提供更多的流量来源,并且可以提高网站在搜索引擎中的排名,进而提高网站的曝光率和点击率。在手机站中,外链同样可以起到这种作用,并且可以帮助网站获得更多的用户关注和流量裂变。 同时,在建设手机站的过程中,需要特别注意外链的选择和使用,避免一些不良

Public @ 2023-04-01 17:50:24

移动网站建设常见问题集锦

11月20日,百度移动搜索沙龙在深圳召开,数十名站长与百度移动搜索团队专家热烈讨论,以下是移动搜索专家熊咏志现场回答站长高频问题的实录:问:如果是URL、PC访问和移动访问分别识别不同的模版,例如我们有一个URL,PC访问是是这个模版,手机访问是那个模版。那么我们是使用相同的URL好,还是单独的做一个M站好?答:理想状态下同一套url是最优的。目前受限于机制问题,还有待进一步解决,预期14年底能够

Public @ 2013-05-18 16:20:01

更多您感兴趣的搜索

0.468022s