Categories


Tags


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

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

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

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

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

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

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

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

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

图片

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

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

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

图片

参考案例

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

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

图片

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

图片

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

图片

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

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


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

百度搜索资源平台-授权移动适配&;转码协议

百度移动搜索引擎为更好的满足用户需求,会同时为用户提供PC网页和mobile网页,但目前大多数PC页在移动终端中直接浏览的体验较差(交互、兼容和流量等等)。因此为改善移动搜索用户的浏览体验,我们会对本身有对应mobile资源的PC页进行移动适配替换,对缺少可替代mobile资源的PC页面进行格式转换,使其能在移动终端浏览器有更好的浏览体验。具体内容如下:1. 对于本身有对应移动页面且校验通过的PC

Public @ 2010-08-09 15:20:41

百度移动搜索落地页体验白皮书——广告篇3.0

1.  百度坚决捍卫移动搜索用户体验2.  名词解释2.1.广告2.2.APP引导2.3.主体内容2.4.首屏2.5.一屏3.  落地页广告规范3.1.禁止的广告样式3.2.广告位置以及面积3.3.广告内容3.4.注意规范1. 百度坚决捍卫移动搜索用户体验2017年初,百度用户体验部针对用户进行了满意度调研,发现很多恶意低质的广告严重破坏着用户的搜索体验。为了让搜索用

Public @ 2013-06-11 16:18:56

移动页面被优化展示,造成流量损失,站点如何整改及反馈?

要解决移动页面被优化展示造成的流量损失问题,站点可以采取以下步骤: 1. 检查页面加载速度:使用工具检查移动页面的加载速度,减少不必要的元素和代码,优化页面加载速度。 2. 优化页面排版:适当调整页面元素的大小和位置,使其适配不同大小的移动设备屏幕。 3. 提供原始内容:确保提供与桌面页面相同的内容和信息,避免将用户重定向到简化的移动版页面。 4. 反馈反优化:与搜索引擎联系,说明页面被错

Public @ 2023-06-22 08:50:20

更多您感兴趣的搜索

0.426708s