一、前言
随着智能小程序业务的飞速发展,通过智能小程序进入百度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条内容