Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

百度APP移动搜索落地页体验白皮书5.0-信息获取&;页面浏览规范

百度APP移动搜索落地页体验白皮书5.0-信息获取 & 页面浏览规范 一、信息获取规范 1.1 明确的主题和目标 落地页的主题和目标应清晰明确,用户访问后可以迅速理解所要表达的内容,避免模糊、混淆、信息过载等。 1.2 精简的内容 页面内容应当精简,关键信息突出,不要冗长、重复或混淆。避免页面内容过于复杂或错综复杂,使用户困惑、迷茫。 1.3 真实的信息 页面的信息应当真实可靠,避免

Public @ 2023-06-12 12:00:56

移动适配目录如何使用工具提交适配关系

PC站点下开辟某个目录存放移动适配页面、作为移动适配“站”时,依然会有提交移动适配数据的需求,如:http://www.a.com/a.html 适配到http://www.a.com/m/a.html。虽然从长远角度看,这种行为对搜索引擎极不友好,百度(包括GOOGLE)一直不赞成不鼓励这种建方式。但为了满足该需求,百度搜索资源平台移动适配工具依然提供满足此需求的功能。您可以先在下拉菜单中选择准

Public @ 2014-07-07 15:20:39

百度移动APP落地页体验白皮书解读

百度移动APP落地页体验白皮书是对移动应用程序在用户体验方面如何提升的一份研究报告。该白皮书主要探讨了如何提高移动APP的用户粘性和留存率,从而促进应用程序的持续增长和发展。 以下是该白皮书的主要内容解读: 1. 移动APP流量的重要性 移动APP是当今移动互联网中必不可少的一部分,亦是重要的用户获取和留存工具。移动APP可以直接与用户进行沟通交流,实现高效的营销和推广。 2. 移动APP体

Public @ 2023-03-26 21:50:55

感谢,我们是这样理解吧,未来的话如果以用户习惯来说,是同一个URL好?

感谢,我们是这样理解吧,未来的话如果以用户习惯来说,是同一个URL好?答:理想的技术角度看,是同一个url更好,但是目前尽量仍然使用单独的m链接。来源:百度搜索资源平台 百度搜索学堂

Public @ 2017-09-25 16:20:00

更多您感兴趣的搜索

0.451020s