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

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-23 00:01   35282   0

一、前言

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

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

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

二、体验

1 排版布局&设计

1.1 整体美观性

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

53c1a004808d386cc82698f265334dc4.png

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

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

8dc7c31a8388ba0b2ca21ad215f9faf2.png

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

负面case:页面边距过窄

5c5f2b6d08297205036b2b3805e1a253.png

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

1.1.5 行间距适中且统一

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

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

7b38b11f0190fdea397c4800db332255.png

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

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

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

c6b5ae135d74e70bd52dd06fd5992758.png

1.2 正文内容区

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

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

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

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

c5ea9dc2ab85accd824b45aa6bd69a78.png

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

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

2434c5abbe7dbd3c64d0d87d0bd6dfb1.png

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

1.3 功能按钮

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

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

1.3.3 按钮不能遮挡正文内容

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

b1e28b78620967824056ae43c8ece3df.png

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

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

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

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

73e16c891accdb727e78bdeeed6fe902.png

1.5 相关推荐区

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

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

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

5030322fef9fbb76dd68d355fa67b672.png

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

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

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

c74eb21e28b7be9190e84fb985d80aa1.png

1.6 顶bar

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

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

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

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

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

ec22d4b999585be4d29df1fb95d19051.png

其他正面case:

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

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

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

2 交互体验

2.1 必要提醒

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

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

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

f775f542f644b542d1bce0ef1117509d.png

2.2 一致性

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

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

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

2.3 容错性

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

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

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

20f94575ccc872aee2d53c9fd906dd1a.png

三、功能

1 功能完备性

1.1 互动功能完备性

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

1.2 核心功能完备性

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

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

88a6de929f326e2f445febc4e52cd708.png

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:“返回首页”悬浮按钮与信息流场景下左上角框架自带的“返回首页”按钮功能重复

a175699b94d6b284457286915bcec603.png

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

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

8032c43d77aa1cab07bff82ff5811b9f.png

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到文章的最后一句话或一张图*

百家号文末广告示例:

b364048276b3131d05289b065408618f.png

1.2 规范性

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

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

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

1.2.4 不含悬浮广告【严重】

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

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

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

f2b37b65360913714a812a03f2ee0bfb.png

1.3 误导性

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

负面case:诱导用户点击

83ad4d2b844f2f05a6fe699b567ffd57.png

1.4 交互性

1.4.1 广告位全区域可点击

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

2 分布

2.1 数量限制

2.1.1 首屏最多包含1条广告

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

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

8059b898b878bf8e6899743f96c12f24.png

2.2 密度限制

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

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

53d1c5b64bcffdc9d8e30d3ecaeca76a.png

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

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

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

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

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

952072ba0cbff6cd2f019fd2f4e3bc58.png
分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP