【落地页体验白皮书5.0解读】内容模块之间如何设置合理间隔?

【落地页体验白皮书5.0解读】内容模块之间如何设置合理间隔?

【白皮书5.0解读】内容模块之间如何设置合理间隔?

《百度APP移动搜索落地页体验白皮书5.0》中提到“主体内容应与广告、相关推荐等次要内容模块之间有明显间隔距离或分割线,使用户获取信息时不受任何干扰。”

本期重点解读深度解析如何设置合理间隔更符合用户浏览页面信息的需要。

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

用户点击搜索结果页进入落地页时,对页面的信息呈现方式毫无预期。为了帮助用户快速甄别主次信息,找到所需,保障主体信息的最佳可读性,页面整体的排版布局要注重区分信息层级,凸显页面主要内容。

不同内容模块之间设置分割线是区分信息层级的有效方式。

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

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

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

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

图一:案例对比

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

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

如图二所示,该页面的翻页功能键与广告之间距离过近,用户点击翻页时很容易误触广告,给用户带来不良的浏览感受。

翻页键与广告距离过近

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

参考案例

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

功能键与次要内容模块间需设置明显间隔示例 功能键与次要内容模块间需设置明显间隔示例2 功能键与次要内容模块间需设置明显间隔示例3 功能键与次要内容模块间需设置明显间隔示例4

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

想了解更多官方指导指南,可扫描下图二维码!

百度官方二维码

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:【落地页体验白皮书5.0解读】内容模块之间如何设置合理间隔? | KaneSEO

发表评论