Categories


Tags


看这里!教你如何在页面主次内容之间设置合理间隔

2020年3月百度搜索发布的《百度APP移动搜索落地页体验白皮书5.0》中提到,“主体内容应与广告、相关推荐等次要内容之间有明显的间隔或分割线。”

那么,你知道页面各内容模块之间为何要设置合理间隔吗?

1、内容模块之间设置合理间隔的重要性

为了帮助用户快速甄别主次信息,找到所需,页面在整体的排版布局上要注意对主次内容进行区分。而设置合理的间隔或分割线则是最有效的区分主次内容的方式。

2、如何对各模块的内容进行合理的区分?

「主体内容与次要内容之间设置分割线」

除了主体内容以外,内容详情页中还包括评论、广告、相关推荐等模块。与主体内容相比,这些内容属于次要信息,使用分割线进行区分能帮助用户意识到主体内容已结束,避免用户在浏览内容的过程中因主次内容没有明显的区分而导致误点击。

如下图所示,该页面的主体内容与广告之间没有设置分割线,用户在浏览内容的过程中易将广告误当成主体内容,导致误点击。

图片

「翻页键与次要内容之间设置明显间隔」

不少开发者会对篇幅较长的文章设置翻页功能,翻页键属于页面主体内容的一部分,与其他次要内容(如广告、相关推荐等)也需设置明显的间隔,避免用户在操作时误点击。

如下图所示,该页面的翻页键与广告之间距离过近,用户点击翻页键时容易误点击到广告。

图片

参考案例

讲了这么多标准规范,页面内容模块之间如何设置间距对用户最为友好呢?小编给大家提供几个优质案例进行参考。

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

图片

参考案例2:正文与广告之间用分割线隔开

图片

参考案例3:翻页键与广告有一定间距

图片

内容模块之间设置合理间隔是页面排版布局中重要的一环,它能帮助用户快速获取页面的主要信息,不被其他次要内容干扰。看完本篇文章,相信你一定学会如何在页面主次内容之间设置合理间隔了~

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


Public @ 2019-09-19 16:18:58

【官方说法】注意!这些是最常被问到的落地页广告示例

虽然落地页体验白皮书更新好几部,然而还是有站长经常问到落地页体验的问题,下面,曲曲小姐姐就精心整理了一批经常被问到的问题case集锦,一一给大家分析。1、下悬浮万万不能有,以下是两则负面case2、翻页键上方不要放置广告(翻页键下方ok哦)3、列表页广告面积超大,以下是两则负面case来源:百度搜索资源平台 百度搜索学堂

Public @ 2014-11-20 16:19:36

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

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

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

《百度移动搜索落地页体验白皮书4.0》升级点解读

2018.8.15 百度搜索正式上线发布《百度移动搜索落地页体验白皮书4.0》 ,与白皮书3.0相比,白皮书4.0在页面流畅性、页面浏览体验,资源易用性等方面都有了更全面、更明确的规范。接下来就带大家一起看看这次升级的重要内容:一、页面流畅性1. 页面加载速度页面加载速度的标准由原先的“页面整体加载速度小于3秒”,升级为“页面首屏加载速度小于等于1.5秒”2. 页面加载动效不论一跳或是多跳的页面均

Public @ 2010-04-13 16:19:36

更多您感兴趣的搜索

0.523908s