Categories


Tags


白皮书5.0解读—如何合理设置展开全文功能

导读:2020年3月,百度发布了《百度APP移动搜索落地页体验白皮书5.0》。白皮书5.0发布后,收到许多开发者关于体验规范的反馈建议,针对开发者集中关心的规范问题,百度搜索将推出白皮书5.0系列解读文章,精准助力开发者提升用户体验,赢得更多用户转化。

本期解读文章深度剖析展开全文功能的设置要求。白皮书5.0提到”展开全文的设置必须具有文字标示,且功能实际可用;展开全文功能最多只能出现一次,但不可出现在落地页的首屏内容中(列表页除外);展开全文与广告等引导性内容要设置一定距离间隔,避免干扰用户操作。”如何设置展开全文按钮才更符合用户的体验习惯呢?这篇文章将为你答疑解惑。

1、设置展开全文功能的前提

百度搜索用户研究团队的用户调研发现,搜索用户进入落地页的诉求是浏览页面全部内容,展开全文功能的设置在一定程度上增加了用户浏览信息的操作成本,因此百度搜索建议对于短小精悍的文章或者问答内容,不必设置展开全文功能增加用户负担。针对篇幅较长的文章或问答内容,可以适当设置展开全文功能,整体功能设置要实际可用,友好便捷,用户点击后为用户展开全部相关内容,保障用户的浏览体验。

2、要有明确的文字指示说明

展开全文作为一种功能,需要用文字向用户阐明该功能的作用,并给予用户明确的操作指引,避免因缺乏文字说明给用户带来的信息混乱和操作误导。如图1所示,该页面的展开全文功能无文字标识,展开全文功能以下箭头的符号呈现,指向APP引导下载按钮,容易让用户产生只有下载打开APP才能阅读全文的误解,对用户浏览信息极不友好。

图一:展开全文无文字标识

3、展开全文按钮与其他内容模块需设置间隔

展开全文功能属于主体内容的一部分,与广告、相关推荐等内容模块之间应设置一定的间隔距离,避免因功能按钮与引导性内容距离过近导致用户点击功能按钮时误点击其他内容,严重影响用户体验。如图二所示,展开全文功能与广告之间距离过近,用户点击功能按钮时极易误触广告,用户体验较差。

图二:展开全文按钮距离广告过近

4、展开全文不能出现在首屏

用户点击进入落地页的目的是为了获取所需的信息内容,因此在落地页首屏应充分展示主体内容,满足用户需求,不应在首屏就出现展开全文功能,提高用户浏览信息的操作成本,不利于用户的留存和转化。如图三所示,展开全文功能按钮出现在落地页首屏,主体内容还未得到充分展现,对用户不够友好。

图三:展开全文按钮出现在首屏

5、全文中展开全文功能只有出现一次

用户点击展开全文按钮,目的是希望点击后能浏览全部信息内容。若用户在阅读一篇文章的过程中展开全文按钮多次出现,既增加了用户浏览成本,也有欺骗用户的嫌疑。

6、正面参考案例

深度剖析了设置展开全文功能的五条主要要求,接下来为各位开发者介绍设置展开全文功能的正确示范案例,如图四所示,两个示例都是在用户滑动首屏之后才出现展开全文功能,有明确的文字标识『展开全文』,功能按钮与热门推荐、广告等内容模块之间有明显的距离和分割线,用户不会误点击,整体体验良好。建议开发者可参考案例进行展开全文功能的设置。

图四:正确示例

展开全文功能的设置是页面排版布局中的重要一环,合理设置展开全文功能按钮有助于提升用户浏览体验,赢得更多的用户喜爱加权分值,各位开发者要重视这宝贵的经验tips噢!

注:如果对该文有任何疑问或想深入了解其他规范细节,欢迎点击这里向我们反馈。

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


Public @ 2011-05-12 16:19:41

移动时代下的站长都该做哪些工作

作为一个站长,在移动时代下,应该做以下几点工作: 1. 网站响应式设计:为了让网站在不同设备上能够展现出最佳效果,站长需要采用响应式设计,使网站能够自适应不同尺寸的屏幕,提高用户体验。 2. 移动优化:站长需要对网站进行移动优化,优化网页加载速度、减小网页大小、优化图片等。这些措施可以提高页面的打开速度,减少用户等待时间,提高用户的满意度。 3. 应用程序开发:随着移动设备的普及,应用程序已

Public @ 2023-04-10 19:50:42

白皮书5.0解读—内容模块之间为何要设置合理间隔

2020年3月,百度发布的《百度APP移动搜索落地页体验白皮书5.0》中提到”主体内容应与广告、相关推荐等次要内容板块之间有明显间隔距离或分割线,使用户获取信息时不受任何干扰。”本文将为你详细讲解如何设置合理间隔更符合用户浏览页面信息的需要。1、内容模块之间设置分割线的重要性用户点击搜索结果页进入落地页时,对页面信息的呈现方式一无所知。为了保障页面主体信息的最佳可读性,页面整体的排版布局设计要注重

Public @ 2013-08-24 16:19:42

浅谈移动站点优化之痛——HTML5

作为一门新兴的 Web 技术,HTML5 在移动站点优化中扮演着越来越重要的角色。在移动端,HTML5 能够带来更好的视觉和交互效果,同时也能够提升页面的加载速度和性能。然而,在实际应用中,还存在一些问题,接下来就让小AI浅谈移动站点优化之痛——HTML5。 1. 兼容性问题 HTML5 中新增的标签和属性在一些低版本的浏览器中并不支持,这就会导致页面出现兼容性问题,从

Public @ 2023-04-15 13:00:35

百度眼中的优质移动站点什么样

做网站、做SEO的同学往往喜欢问百度各项关于标准的问题,在移动大潮席卷整个互联网的今天,百度眼中的优质移动站点是怎样的呢?在5月底结束的杭州培训上我们给亲临培训现场的同学留了作业,站长社区版主飞鹰正义是第一个就此题目发来作业的同学。在作业中,飞鹰同学并非仅就那一页PPT做了复录,更是将现场很多知识点结合在一起,内容比培训那单页PPT更加完整。不仅如此,飞鹰同学还就培训部分内容提出质疑与询问,在得到

Public @ 2021-08-26 16:19:49

更多您感兴趣的搜索

0.459352s