Categories


Tags


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

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

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

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

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

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

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

图一:正反示例对比

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

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

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

4、参考案例

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

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

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

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

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

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

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

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


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

【白皮书4.0解读】展开全文功能如何做会更好?

导语:2018年8月,百度搜索资源平台发布的《百度移动搜索落地页体验白皮书4.0》中提到“展开全文的功能按钮需具有文字标示,且功能可用;展开全文按钮最多只能出现一次,但不可出现在落地页的首屏内容中(列表页除外);展开功能按钮附近不能有干扰用户操作的引导内容。”那么,展开功能如何做会更好呢?有哪些案例可以参考呢?《百度移动搜索落地页体验白皮书4.0专题解读》之《展开全文功能如何做会更好?》,将为你解

Public @ 2018-08-16 16:19:37

移动适配常见问题——了解这些,你也能算半个移动专家

百度站长学堂传播移动适配知识已有一段时间了,期间总是遇到同学提相同或相近的问题,这些问题随着时间推移也在发生着变化。所以学堂会不定期地整理大家的问题,发布在学堂中供大家参考。问:跳转适配、代码适配、自适应——百度更支持哪一种?答:都是亲生的,都喜欢都支持。目前对跳转适配的支持更全面一些,但对代码适配和自适应的理想状态处理也在紧锣密鼓地进行中(代码适配、自适应的理解状态是,一个链接在PC和移动都有展

Public @ 2016-06-19 15:20:36

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

随着移动设备不断的普及,人们正式步入了移动时代,那么作为一枚为互联网提供内容的站长朋友,如何保证自己和自己的网站在移动化来袭之时不被时代抛弃,不被我们的用户抛弃呢? 今天学堂请到了运营大牛:百度站长社区新人训练营版主ever非你不爱分享他的心得!以下为分享全文刚拿到这个命题的时候,我脑海里不由得跳出了这样的几个名词:自适应、响应式、适配、价值、个性化、品牌化……一、判断网站是否支持移动端其实不少的

Public @ 2019-02-12 16:19:54

这些违规落地页广告,你都知道吗?

过去的一年,百度搜索推出多个算法针对违规落地页广告,冰桶算法更是连发两个版本,针对移动落地页中影响用户体验的广告,可见百度维护用户体验之决心。到底哪些违规落地页广告是百度搜索持续打击的呢?下面,学堂君就从广告的角度,给站长们分析下:影响用户体验类1、在狭小的手机页面布设大面积广告遮挡主体内容2、巨型弹窗广告遮挡内容主体3、主屏强制下载以下是负面示例恶意引导类部分恶劣站点为增加站内点击,通过色情动图

Public @ 2019-10-18 16:19:27

更多您感兴趣的搜索

0.441155s