御用导航官方网站提醒提示页_百度信息流落地页体验白皮书2.0

一、前言

随着智能小程序业务的飞速发展，通过智能小程序进入百度APP、并开始为用户提供准确信息和高效服务的开发者也已越来越多。在此之前，百度APP一直在满足用户体验、打造服务闭环上花费了大量心血，这仅靠我们自己努力是无法达成目标的，因此也希望携手更多拥有高质量内容、顺畅体验、优异服务的优秀智能小程序，共同服务好互联网用户、达成共赢。

百度APP体验团队通过用户行为数据分析和大量调研与走访，深入挖掘用户对资源的要求、对体验的要求、对百度APP的期望，在内部推行智能小程序多维度评价体系，加工后通过《百度信息流落地页体验白皮书》对外发布，帮助智能小程序开发者了解百度APP的要求，查找自身不足，优化自身经营策略，共同提升质量，为用户提供有用、好用的百度APP，与百度APP携手拓展更大的发展空间。

在没有百度APP的PC时代，百度通过时效性、权威性等原则对网站的质量进行判断；在移动时代，增加了对浏览体验和交互体验的要求。以下，将从体验、功能、广告三个维度解释百度APP对智能小程序质量的判断原则。符合这些原则的智能小程序进入百度信息流后，将有机会获得更多用户分发及停留时长；反之，如果涉及以下一个或多个问题的，视问题轻重，其流量将会受到不同程度的影响，因此希望开发者能严格据此文档优化调整自己的智能小程序。

二、体验

1 排版布局&设计

1.1 整体美观性

1.1.1 页面需具备：头部大图区(如有)、文章标题区、信息来源区、正文内容区、功能按钮区(点赞等)、相关推荐区、评论区等，并建议按以上表述顺序或下图示范顺序排列

1.1.2 页面中无大片空白(留白面积不超过屏幕的1/5，包括正文段落与段落之间的留白)

负面case：红色方框标注部分页面留白过大

1.1.3 页面边距适度，不能过窄(任一边间距＜字号)或过宽(任一边间距＞屏幕宽度1/5)

负面case：页面边距过窄

1.1.4 正文字体、字号、字体颜色需统一(正文中，字体颜色不得超过3种)

1.1.5 行间距适中且统一

1.1.6 文章标题字体大小与正文有区分度且整体协调

负面case：正文字号不统一、整体不协调

1.1.7 段落间需有明显分割，例如：段落首行缩进、或段落间的间距大于正文文本间的间距等

1.1.8 文本内如有分割符，需进行换行或分段

正面case：无首行缩进的纯文本，段间距大于行间距

1.2 正文内容区

*正文内容区定义：落地页中表达核心内容的区域。例如：图文内容、视频播放器、音频播放器等*

1.2.1 横版视频不能以竖版视频形式来承载

1.2.2 竖版视频不能以横版视频形式来承载

负面case：竖版视频横版承载，产生大量黑边，影响体验。建议加长视频播放区，加大实际内容的面积占比，同时保证全屏播放时内容能满屏播放，无多余边框。

1.2.3 图文/图集内容不能折叠【严重】

负面case：图文内容折叠，会降低用户阅读时长，进而影响流量

1.2.4 正文需要包含文章标题、发布时间和作者名称

1.3 功能按钮

1.3.1 不能出现按钮跳动、文字闪烁、与主题风格颜色明显不一致等差异化效果

1.3.2 高度不能超过屏幕的1/10，长度不能超过屏幕的1/2。按钮上文字不能超过8个字

1.3.3 按钮不能遮挡正文内容

负面case：功能按钮风格特异且遮挡内容

1.4 可见性——各个界面有明确提示，如：

1.4.1 输入界面有明显的标题或提示

1.4.2 图标需要能让用户理解到其含义(图标本身具有较强的识别性或配有相应说明文字)

负面case：图标含义不明，“我来说两句”输入框和“评论”按钮，用户无法理解哪个是回答当前问题，哪个是对当前回答的评论

1.5 相关推荐区

1.5.1 内容类素材落地也要有相关推荐区

1.5.2 相关推荐内容需要有标题，且可点击跳转至对应页面

负面case：相关推荐内容没有标题

1.5.3 视频落地页中，当前播放内容需要和相关推荐有明显区分和间隔【严重】

* 明显区分和间隔指：视频主体必须包含视频播放器及视频相关信息(包含但不限于视频标题、视频简介、选集等)，才可插入相关推荐内容 *

负面case：当前播放内容与相关推荐位内容样式完全一致，主次不够分明，缺乏明显区分

1.6 顶bar

1.6.1 智能小程序首页顶bar文字需要与智能小程序名称一致(也可用表意相近的别称，但需让用户能感知到是该小程序)或为“首页”，亦或空白无内容【严重】

1.6.2 非首页的落地页，顶bar文字需要代表当前页面属性或空白，不能为文章标题(漫画、小说除外) 【严重】

1.6.3 顶bar文字需要完全显示，不能出现部分显示的情况；不能超过8个字(漫画、小说除外) 【严重】

* 页面属性，指对当前落地页的功能性描述，例如：“首页”、“ 详情页”、“简介”等"

正面case：智能小程序首页顶bar文字为“首页“

其他正面case：

名为“海报街拍网” 的智能小程序，首页顶bar为“街拍”

名为“爱奇艺视频” 的智能小程序，首页顶bar为“爱奇艺”

负面case：名为“蓝天资讯” 的智能小程序，首页顶bar文字为“大海资讯”(用户难以感知两者是同一产品)

2 交互体验

2.1 必要提醒

2.1.1 对于正在进行的活动有明确的反馈信息，提示用户当前程序所处的状态。反馈结果展现完整，表述清晰，能交代原因及操作建议，无行业术语(如服务器，404等)和责备表达(多个感叹号)

2.1.2 对于涉及到重要信息的操作，应该提供明确的提示信息,告知用户会产生费用，并提供取消操作(例如：产生费用前进行提醒、流量下观看视频进行提醒)

负面case：大量英文加行业术语反馈信息不易于用户理解

2.2 一致性

2.2.1 每个页面执行相同功能的菜单，按钮，图标等都在同一个位置

2.2.2 同类操作的交互行为保持一致，例如:在同类界面下都是通过“滑动行为”来切换

2.2.3 支持通过“从左向右滑动”的操作退出当前页【严重】

2.3 容错性

2.3.1 需提供可有效防止错误发生的提示，如要求用户输入时告知输入信息的格式(例如：创建用户名环节)

2.3.2 发生错误(例如：支付失败、断网、智能小程序打不开)时明确告知用户产生错误的原因，并且有效地建议解决方案

负面case：断网时未给出明确告知提醒及解决方案

三、功能

1 功能完备性

1.1 互动功能完备性

1.1.1 内容型素材(漫画、小说、音频类除外)，落地页需同时具备可互动的评论、点赞功能【严重】

1.2 核心功能完备性

1.2.1 若落地页包含商品交易卡片，需要具备支付功能

落地页包含商品交易卡片的case：

1.2.2 若落地页包含短视频，需要具备播放/暂停、调节音量(可通过手机音量调节按钮)、调整进度、全屏播放功能

1.2.3 若落地页包含音频，需要具备播放/暂停、调节音量(可通过手机音量调节按钮)、调整进度功能

1.2.4 若落地页包含小视频，需要具备播放/暂停、调节音量(可通过手机音量调节按钮)功能

2 功能可用性

2.1 功能可用性

2.1.1 每个操作都可关闭或回退至上一步

2.1.2 每个提示(浮窗／弹窗／提示音/权限申请)都可关闭

2.1.3 每个可见功能都能够操作，不能出现功能无法使用的情况

2.1.4 按钮触发后的响应需要和按钮所表达含义一致

3 功能规范性

3.1 授权过度

3.1.1 登录后才能消费内容的(即阅读文章或播放视频/音频)，提示出现后需可关闭且不影响内容消费

3.1.2 授权后才能消费内容的(包括但不限于：地理位置、读取联系人、手机信息、读写手机存储、拍照录音等权限)，提示出现后需可关闭且不影响内容消费

3.2 常驻功能

*常驻功能定义：指随着页面滚动始终在当前屏幕中显示的非框架的功能，如悬浮按钮、底部导航栏)*

3.2.1 常驻功能不可与框架一级功能重复(如：“返回上一页”、“返回首页”)

负面case：“返回首页”悬浮按钮与信息流场景下左上角框架自带的“返回首页”按钮功能重复

3.2.2 常驻功能不能打断用户消费行为(如：“注册”、“登录”)

负面case：常驻功能(悬浮按钮)引导登录

3.3 导流

3.3.1 不能有向其他智能小程序导流行为【严重】

3.3.2 不能有向其他APP导流行为【严重】

四、广告

1 交互样式

1.1 美观性

1.1.1 广告位左右居中对齐，无大片留白(留白面积不超过屏幕的1/5)

1.1.2 如果分发页面是纯资讯内容/漫画详情页/小说详情页，正文区域内不能插广告【严重】

1.1.3 如果分发页面是漫画/小说的章节聚合页面

1.1.3.1 若章节列表为横向排布，只能在漫画/小说名、简介、互动按钮(固定在底bar除外)、阅读量/热度、章节列表等与当前漫画/小说强相关的信息下方插广告【严重】

1.1.3.2 若章节聚合页为纵向排布，可以在漫画/小说名、简介、互动按钮(固定在底bar除外)、阅读量/热度等烟雨当前漫画/小说强相关的信息下方，章节列表上方，插广告【严重】

1.1.4 如果分发页面是视频

1.1.4.1 若往期节目为横向排布，只能在视频播放器、标题、简介、互动按钮(固定在底bar除外)、播放量/热度、往期节目聚合等与当前播放视频强相关的信息下方插入广告【严重】

1.1.4.2 若往期节目为纵向排布，可以在视频播放器、标题、简介、互动按钮(固定在底bar除外)、播放量/热度等与当前播放视频强相关的信息下方，往期节目上方，插广告【严重】

1.1.5 非首屏广告宽要≤1242px，高要≤887px【严重】

*正文区域定义：从落地页的顶bar到文章的最后一句话或一张图*

百家号文末广告示例：

1.2 规范性

1.2.1 相关推荐位中插入广告，广告尺寸和样式需要与相关推荐模块中的内容保持完全一致

1.2.2 广告位不能遮挡页面上的操作按钮或正文内容(半透明也算遮挡)【严重】

1.2.3 不含无任何触发行为的主动弹出广告【严重】

1.2.4 不含悬浮广告【严重】

1.2.5 不含恶意诱导广告(如捆绑下载、自动下载)【严重】

*完全一致定义：内容样式需要包含广告样式。例如，内容样式包括三图、大图、左图右文，广告样式可以为以上任一种；内容样式只有左图右文，广告也只能为左图右文。且颜色、字体、字号、排版等需要保持完全一致*

负面case：推荐位广告样式和相邻内容样式不一致，广告配图更大且有灰色底色

1.3 误导性

1.3.1 不能包含诱导用户点击的样式设置，包括但不限于自动弹窗、文字暗示、仿官方场景误导、通知误导、按钮跳动、文字闪烁、抽奖红包、扫二维码等

负面case：诱导用户点击

1.4 交互性

1.4.1 广告位全区域可点击

1.4.2 当落地页主要内容为视频或音频时，播放内容前和播放内容中不能插广告(如前贴片广告、暂停页广告、播放中广告)；后贴片广告需可关闭，且时长≤15s

2 分布

2.1 数量限制

2.1.1 首屏最多包含1条广告

2.1.2 非首屏最多包含2条非连续广告

负面case：非首屏包含两条连续广告

2.2 密度限制

2.2.1 列表页(即相关推荐位)任意2条广告之间不能少于3条内容

负面case：相关推荐两条广告间少于3条内容(图中只有1条)

2.2.2 若落地页为小说/漫画等连续内容，广告频率不能过高：

2.2.2.1 每章节小说/每篇漫画最多不能超过1个广告

2.2.2.2 条漫，每两条广告中间隔不少于5屏内容

2.2.2.3 页漫/翻页小说，每两条广告中间内容隔不少于5页内容

2.2.3 若落地页为小视频内容：当广告单独占用一屏时(如下图)，两条广告时间，不能少于10条内容