Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

移动适配工具如何使用

移动适配工具是一种帮助开发者在不同尺寸的移动设备上适配显示效果的工具。以下是使用移动适配工具的步骤: 1. 安装移动适配工具:选择适合自己开发环境的移动适配工具,例如开源的Auto Layout、Masonry和VFL等。如果使用Xcode开发iOS应用,可以使用Xcode提供的Auto Layout功能。 2. 规划设计稿:在进行适配之前,需要明确设计图的尺寸和布局。开发者可以通过参考UI设

Public @ 2023-06-07 03:50:14

专题解读百度APP移动搜索落地页体验白皮书5.0

百度APP移动搜索落地页体验白皮书5.0是对百度APP用户搜索体验的分析报告。以下是对该报告的解读: 1. 百度APP的用户使用场景 百度APP的用户使用场景主要分为三个,即查找信息、娱乐和购物。其中,查找信息是用户最主要的需求,占比达到80%以上。娱乐和购物则分别占比约为12%和7%。 2. 移动搜索落地页的用户体验优化 为提高用户体验,移动搜索落地页需要优化以下方面: - 站点速度:

Public @ 2023-06-14 07:50:39

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

是的,如果用户已经习惯使用某个URL,建议保持不变以便提高用户体验。另外,如果URL发生更改,需要进行301重定向以避免让用户访问错误的页面,同时也有助于搜索引擎更好地索引和排名网站。

Public @ 2023-06-03 10:00:06

落地页广告白皮书3.0升级点解读

2018年1月,百度发布《百度移动搜索落地页体验白皮书——广告篇3.0》(后续简称落地页广告白皮书3.0)。落地页广告白皮书3.0首次公布落地页中广告面积的阈值要求,另外,落地页广告白皮书3.0补充了之前有外部强调但未落实到白皮书上的部分。一、新增的广告面积阈值要求1、在章节“广告位置以及面积”中,更新“3.2.1.      文章内容页或信息详情页,从标题开始到正文

Public @ 2022-09-19 16:18:56

更多您感兴趣的搜索

0.669964s