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

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

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

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

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

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

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

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

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

SEO代码

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

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

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

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

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

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

6、正面参考案例

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

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

百度白皮书5.0解读如何合理设置展开全文功能相关推荐

  1. html如何设置展开全文,Js实现点击查看全文(纯手工代码)

    移动端demo 需要设置过最大高度max-height,然后把超出部分隐藏. 判断内容是否超出指定高度,超出就添加,"展开全文"的按钮. 添加按钮点击事件,点击后展开全文. 点击查 ...

  2. BCG、阿里、百度联合发布中国互联网经济白皮书2.0,解读“中国互联网新篇章:迈向产业融合”...

    来源:阿里研究院 2017年9月13日,BCG携手阿里研究院.百度发展研究中心和滴滴政策研究院共同发布了中国互联网经济白皮书1.0,第一次全面解读了中国互联网的"中国特色". 该报 ...

  3. 《 百度大脑AI技术成果白皮书》,介绍百度大脑5.0,附48页PDF下载

    来源:专知 [导读]百度大脑是百度AI集大成者,自2010年起开始积累基础能力,2019年升级为5.0,成为软硬件一体的AI大生产平台.百度发布< 百度大脑AI技术成果白皮书>,详细介绍了 ...

  4. 百度上线惊雷算法3.0,附百度SEO惊雷算法解读

    近日宋九九编辑发现百度上线了惊雷算法3.0,这次的算法主要是打击刷点击排名作弊行为,也就是这几年在SEO圈中非常火的"快排"方法,也能说是一种黑帽SEO.作者宋九九 相对于惊雷算法 ...

  5. 中国互联网经济白皮书2.0(分享下载)

    2017年9月13日,BCG携手阿里研究院.百度发展研究中心和滴滴政策研究院共同发布了中国互联网经济白皮书1.0,第一次全面解读了中国互联网的"中国特色".该报告一经发布就在业界备 ...

  6. 微众银行AI团队开源联邦学习框架,并发布《联邦学习白皮书1.0》

    (图片由AI科技大本营付费下载自视觉中国) 编辑 | Jane 来源 | <联邦学习白皮书1.0> 出品 | AI科技大本营(ID:rgznai100) [导语]2019年,联邦学习成为业 ...

  7. 5g通用模组是什么_中国联通发布《5G通用模组白皮书V2.0》

    5月15日,在中国联通5G应用创新联盟高峰论坛上,中国联通联合芯片.模组等终端产业链合作伙伴,发布<中国联通5G通用模组白皮书V2.0>. <中国联通5G通用模组白皮书V2.0> ...

  8. 【报告分享】中国都市圈发展报告:城镇化白皮书5.0.pdf(附下载链接)

    今天给大家分享的报告是戴德梁行于2020年1月份发布的<中国都市圈发展报告:城镇化白皮书5.0.pdf>,白皮书包含如下四大部分:1.宏观环境解读:2.国内都市圈的发展现状:3.国外都市圈 ...

  9. 五大服务顺序_百度大脑5.0技术干货:详解飞桨五大优势,鸿鹄芯片架构细节

    智东西 文 | 心缘 智东西7月8日消息,近日,2019百度AI开发者大会在北京国家会议中心举行.在上午的主论坛中,百度CTO王海峰带来了软硬一体的AI大生产平台--百度大脑5.0,宣布百度飞桨与华为 ...

最新文章

  1. 数据结构与算法之二叉树的序列化和反序列化及判断一棵树是否为平衡二叉树
  2. MarshalByRefObject浅析
  3. iText创建一个含有中文的pdf文档
  4. 在Grails战争中添加“精简” Groovy Web控制台
  5. if else语句linux,linux 中的if else语句
  6. Hibernate —— 映射关联关系
  7. 遇到的JAVA笔试题
  8. 前端安全之常见漏洞及防御
  9. JQuery设置网页全屏代码实现
  10. 交集♂差集♂并集♂和其他集合的内置方法
  11. 【阅读笔记】c++ Primer Plus——第八章
  12. knex 找不到mysql_node knex mysql ER_NOT_SUPPORTED_AUTH_MODE
  13. Python爬虫网站图片并下载到本地
  14. Lake Shore M91快速霍尔测量仪
  15. 黄金白银实时行情分析4.8国际原油走势分析,外汇美指策略
  16. Windows从微软账户修改为本地账户
  17. vue3.0实战项目
  18. PL2303GR‎‎ ‎‎USB 转 RS485 桥接控制器‎
  19. 数据库 / 悲观锁和乐观锁
  20. C语言wav格式详解,代码实践

热门文章

  1. 深信服C++ 一面(技术面、70min、offer)
  2. 云计算基础概念——Iaas、PaaS、SaaS
  3. hiho 1613 墨水滴 [Offer收割]编程练习赛32 Problem C 优先队列+BFS
  4. 一招教会你语音转文字转换器怎么使用
  5. Deepin Linux系统安装及显示器配置教程(可竖屏)
  6. 网页前端div的高度设置
  7. 萨提亚亲密关系(摘抄)
  8. 永洪bi日志清理配置
  9. python 白噪声检验-使用python实现时间序列白噪声检验方式
  10. 浅谈航管二次雷达工作原理