3. 用户体验友好

3.1 冰桶算法 5.0—— 针对移动落地页体验问题

一直以来,百度搜索致力于提升搜索用户的浏览体验,营造健康的搜索生态。2014 年 8 月 22 日,百度搜索针对低质页面问题发布冰桶算法,经过不断更新迭代,在 2018 年 11 月对冰桶算法进行升级,上线冰桶算法 5.0。

冰桶算法 5.0 以《百度 APP 移动搜索落地页体验白皮书 5.0》为标准,对落地页广告、APP 调起、展开全文功能等问题进行控制进行控制。

《百度 APP 移动搜索落地页体验白皮书 5.0》—— 百度 APP 移动搜索落地页体验标准

1. 信息获取规范

1.1 加载速度

页面首屏内容应在 1 秒内加载完成。

页面加载速度是影响用户搜索体验的一个重要因素。百度 APP 对用户行为的研究表明,页面首屏的加载时间在 1 秒以内的站点或小程序,用户的留存率会越高,更符合用户对快捷搜索体验的期待。

网站加载时间示例

2. 页面浏览规范

2.1 排版布局

2.1.1 页面应注意排版精良,段落分明,合理使用不同字号区分页面的主次信息,图片、视频等多媒体资源的位置及尺寸选择配合页面整体布局,保证页面整体的美观度和用户浏览页面信息的最佳可读性。

页面排版反面示例

上图:移动版站点页面排版差、段落距离不合理影响用户阅读

2.1.2 首屏主体内容必须占屏幕的 50% 以上。并且主体内容应位于手机屏幕的中心位置。

首屏主体内容小于 50%,广告等其他内容过多,不符合要求

上图:首屏主体内容小于 50%,广告等其他内容过多,不符合要求

2.1.3 展开全文功能:展开全文的设置必须具有文字标示,且功能实际可用;展开全文功能最多只能出现一次,但不可出现在落地页的首屏内容中(列表页除外);展开全文与广告等引导性内容要设置一定距离间隔,避免干扰用户操作。

展开功能无文字标示,且与 APP 调起按钮距离过近,不符合要求

上图:展开功能无文字标示,且与 APP 调起按钮距离过近,不符合要求

小程序展开全文按钮出现在首屏,不符合要求

上图:小程序展开全文按钮出现在首屏,不符合要求

2.1.4 主体内容应与广告、相关推荐等次要内容板块之间有明显间隔距离或分割线,使用户获取信息时不受任何干扰。

翻页功能键与广告之间无间距,易引发用户误点击,不符合要求

上图:翻页功能键与广告之间无间距,易引发用户误点击,不符合要求

小程序主体内容与广告之间距离过近,不符合要求

上图:小程序主体内容与广告之间距离过近,不符合要求

2.1.5 页面的导航的功能与位置明确,避免用户使用过程中被误导。

点击服务导航按钮,小程序未跳转到对应页面,不符合要求

上图:点击服务导航按钮,小程序未跳转到对应页面,不符合要求

2.2 字号间距

落地页的字体大小及文本间距的选择,不可明显过大过小,需适合手机用户阅读。页面主体内容的字号应不小于 10pt,字体与行高的比率应大于 1.4。

页面字体设置过小,用户阅读体验差

上图:页面字体设置过小,用户阅读体验差

注:小程序整体的页面排版布局、字号选择、行间距选择可参考《智能小程序设计规范》。

2.3 PC 站移动适配

移动搜索结果落地页必须是移动页而不是 PC 页。因此,针对 PC 站点我们建议:

  1. 设计搭建与 PC 站形成对应适配关系的移动站,并积极向百度提供移动页面及适配关系;
  2. 若网站暂时没有搭建移动站的计划,请将 PC 站点进行自适应改造,以便适应移动浏览器的界面,给用户带来良好视觉体验。

PC 站点移动端用户浏览及交互体验差,不符合要求

上图:PC 站点移动端用户浏览及交互体验差,不符合要求

2.4 页面机型适配

所有开发者应对资源页面做好不同手机型号的适配效果,不影响用户的正常浏览使用。其中 IOS 全面屏手机底部横线不可遮挡页面的具体功能和内容。

左图为小程序 iOS 端正确适配案例,右图为错误适配案例

上图:左图为小程序 iOS 端正确适配案例,右图为错误适配案例

2.5 落地页广告规范

2.5.1 广告内容规范

落地页的广告内容必须遵守《中华人民共和国广告法》的规定要求,如果广告存在违法内容,给用户带来干扰,不论广告形式、位置和面积是否符合规范,都会成为被打击的对象。

2.5.1.1 严禁违禁低俗广告内容

在用户正常浏览页面时,违禁低俗广告无论是图片还是文字链,都对用户产生极大的干扰,百度对此将严厉打击。对违禁低俗广告(包括但不限于色情、赌博、法律规定的违禁品或服务)更是从重从严。

禁止低俗色情广告

上图:禁止低俗色情广告

禁止博彩违禁广告

上图:禁止博彩违禁广告

2.5.1.2 严禁虚假诱导类广告内容

广告内容禁止使用 “国家级”、“最高级”、“最佳” 等用语,不能夸大效果、虚假承诺,诱导用户分享,对于带有诱导、欺骗、虚假内容的广告,百度会坚决予以打击。

虚假广告

上图:虚假广告

虚假广告

2.5.1.3 严禁广告内容侵犯国家尊严利益、泄露国家秘密、侵犯个人隐私

2.5.2 广告样式规范

落地页广告样式不允许遮挡页面主体内容及功能,干扰用户正常的浏览体验和搜索需求。

2.5.2.1 在落地页的任何位置都不允许放置悬浮广告、弹窗广告、遮屏广告等用户最为抵触的广告形式,避免阻碍用户浏览或引起用户误操作,无论任何大小和目的。

页面顶部设置悬浮广告,底部设置胶囊悬浮广告,不符合要求

禁止设置页面底部悬浮广告

上图:页面顶部设置悬浮广告,底部设置胶囊悬浮广告,不符合要求

禁止设置侧面悬浮广告

上图:禁止设置页面底部悬浮广告

禁止设置弹窗广告

上图:禁止设置弹窗广告

禁止设置页面遮屏广告

上图:禁止设置页面遮屏广告

禁止设置页面低质遮屏广告

上图:禁止设置页面低质遮屏广告

2.5.2.2 广告不允许抖动、闪动、轮播、自动播放,干扰用户浏览主体内容的视线。

底部轮播 APP 下载广告,不符合要求

上图:底部轮播 APP 下载广告,不符合要求

2.5.3 广告位置以及面积规范

用户使用搜索的目的是为了寻找自己需要的服务和信息,因此不希望看到过多的广告。因此开发者在放置广告时总体要求位置合适、广告面积不可过大,不能遮挡用户浏览主体信息。广告与主体内容、功能按钮等模块之间要有明显的距离间隔,避免用户误点击。

2.5.3.1 落地页的首屏顶部允许嵌入不超过一屏面积 10% 的优质广告,优质广告是指广告面积和内容合规的前提下,形式上有明确广告标识,样式美观,视觉体验好,且宣传内容不违反法律法规要求,不涉及虚假、欺骗信息,值得信赖。

页面顶部嵌入广告面积过大,不符合要求

上图:页面顶部嵌入广告面积过大,不符合要求

小程序顶部嵌入广告面积过大,不符合要求

上图:小程序顶部嵌入广告面积过大,不符合要求

2.5.3.2 文章内容页或信息详情页,从主体内容标题开始到正文内容结束前,禁止插入任何形式的广告。注:文章下方的评论、分享、推荐等不算作正文内容,翻页功能区算作正文。

禁止标题与正文之间嵌入广告

上图:禁止标题与正文之间嵌入广告

禁止正文中穿插广告

上图:禁止正文中穿插广告

禁止正文与功能键之间放置广告

上图:禁止正文与功能键之间放置广告

2.5.3.3 所有移动站点及智能小程序的列表页(包括首页)中,一屏的广告面积必须小于 1/3,且广告内容视觉感知上不能与原生内容反差很大。图片列表页中的广告也会被计算为广告面积。

列表页插入广告面积超过一屏的 1/3,不符合要求

上图:列表页插入广告面积超过一屏的 1/3,不符合要求

3. 交互操作规范

3.1 滑动顺畅

为保证搜索用户浏览页面的便捷性,页面上下滑动及 tab 模块切换等操作需顺畅不卡顿。

3.2 功能友好

3.2.1 用户可以快速直达目标页面或使用功能,操作简易,回退自如,避免繁琐步骤或重复点击等行为。

特别提醒:为给用户形成统一便捷的用户体验,百度智能小程序提供的返回功能统一位于页面左上方,建议不要放置其他位置。

如:选择感兴趣的商品,先到达商品详情页,还需要再次点击才可到达购买页,这种造成用户多余操作的情况是不允许出现的。

错误:选择感兴趣的商品 ——> 商品详情页(多余操作操作繁杂)——> 商品详情页,可下单购买

正确:选择感兴趣的商品 ——> 商品详情页,可直接点击购买

购买路径繁琐,不符合要求

上图:购买路径繁琐,不符合要求

小程序页面的返回按钮位于页面左上方,回退自如

上图:小程序页面的返回按钮位于页面左上方,回退自如

3.2.2 功能设置要简单易用,符合用户操作习惯,同一功能在同一页面只能出现一次,不可重复设置。具体要求如下:

3.2.2.1 功能位置必须固定,不可抖动或闪烁,与页面其他内容模块(如广告)要有一定间距,不可重叠,避免用户误操作;

3.2.2.2 同一页面上功能按钮面积不可超过一屏面积的 10%;

3.2.2.3 功能必须实际可用,操作友好便捷,且实际功能与文字描述需完全一致,不可出现诱导信息或引导跳转第三方页面;

3.2.2.4 功能可设置成嵌入样式也可设置成悬浮样式,但设置悬浮功能时要注意面积不能过大,不可遮挡用户浏览页面内容或进行其他功能操作。

功能按钮未放置在底部,不符合用户习惯

上图:功能按钮未放置在底部,不符合用户习惯

功能按钮抖动,不符合要求

上图:功能按钮抖动,不符合要求

3.2.3 咨询类功能在当前页只能出现一次,且位置不允许出现在顶部;在用户未主动点击的情况下,咨询的对话窗口不可自动弹出;咨询按钮可在底部或侧面悬浮,但面积不宜过大干扰用户浏览。

咨询功能自动弹窗且与底部的咨询按钮重复,不符合要求

上图:咨询功能自动弹窗且与底部的咨询按钮重复,不符合要求

咨询功能悬浮在页面底部,面积小于一屏 10%,符合规范

上图:咨询功能悬浮在页面底部,面积小于一屏 10%,符合规范

咨询功能悬浮在页面右侧,面积较小,符合规范

上图:咨询功能悬浮在页面右侧,面积较小,符合规范

3.3 操作便捷化

落地页的交互操作应符合用户日常使用习惯,简单方便。

3.3.1 页面的文本内容应支持长按可复制,链接可点击。

文字长按可调起复制,符合要求

上图:文字长按可调起复制,符合要求

3.3.2 详情页的主体内容在包含图片的情况下,图片应支持点击调起查看大图,点击返回,双指按捏放大缩小功能使用自如,在有多张图片的情况下,手势支持左右滑动,自由切换图片。

3.3.3 视频播放时,进度条应可被拖拽;视频可以全屏播放,竖屏视频在全屏播放时,应保持竖屏模式的全屏播放;视频不可出现抖动、颤抖、卡顿多次的情况,避免伤害用户体验。

小程序中的竖屏视频全屏不支持竖屏播放,用户观看体验差

上图:小程序中的竖屏视频全屏不支持竖屏播放,用户观看体验差

3.3.4 音频播放时,进度条可以被拖拽。歌词需要与歌曲有映射关系,保持同步。

音频进度条不可拖拽

上图:音频进度条不可拖拽

3.3.5 用户在移动站或智能小程序内有地点查询等需求时,应支持用户使用地图查看地点,获取地点周边信息、调起主流地图软件进行路线规划和目的地导航。

3.3.6 用户高频使用的电话、咨询、QQ 等功能应实现组件化,用户点击功能后能快速进入沟通交流页面。如用户点击电话,实现电话拨打操作;用户点击咨询功能,可直接进入咨询对话框;用户点击 QQ,可直接进入 QQ 对话框。

线上咨询功能点击后直接进入咨询对话框,符合规范

上图:线上咨询功能点击后直接进入咨询对话框,符合规范

注明:当前百度智能小程序提供的框架能力可支持文本、图片、视频以及音频等资源交互操作,小程序开发者可自由选用,若开发者自行设置多媒体资源的交互能力,需遵守上述规范。

4. 服务规范

服务闭环是指以用户需求为中心,能提供用户完整、全流程的服务体验。作为综合性的内容消费及服务平台,百度 APP 希望用户在搜索时不仅能满足用户的信息及资源获取需求,更能享受完整的服务流程,带给用户沉浸式的体验感受。

4.1 登录便捷

登录需求作为用户享有各种服务需求的前提,必须做到登录简单便捷。

4.1.1 站点及小程序的登录入口清晰明显,登录方式便捷,支持授权登录,比如百度账号授权等。

小程序支持多种登录方式,既有登录授权也有手机号登录,符合要求

上图:小程序支持多种登录方式,既有登录授权也有手机号登录,符合要求

4.1.2 用户登录一次后应能长久的保持登录状态,避免多次重复登录给用户带来的复杂体验。

4.2 定位服务

当站点及小程序提供给用户的服务有定位需求时,如电商类、生活服务类(外卖、买票、租房)等,应该支持自动定位服务,并且做到定位准确无误。

该小程序不支持自动定位,用户体验差

上图:该小程序不支持自动定位,用户体验差

4.3 功能完备

4.3.1 移动站及智能小程序提供服务时,核心的服务功能应设置完备,并且实际可用,给用户有效反馈,使用户享有便捷、完整的全流程服务体验。比如电商类站点或者小程序应具备搜索、客服、支付、购物车、订单查询、退货等基本服务功能。

电商小程序商品页面缺失客服功能,用户无法进行咨询

上图:电商小程序商品页面缺失客服功能,用户无法进行咨询

4.3.2 大部分服务体验的最终完成都需要有支付功能,因此开发者应支持调起大部分用户习惯使用的支付平台,如微信支付或支付宝,简化支付流程。

以上小程序支持多重支付方式,简化了支付流程

上图:以上小程序支持多重支付方式,简化了支付流程

4.4 服务交互

4.4.1 服务界面整体排版清晰,布局合理,色调一致,页面和控件切换自如。

4.4.2 用户的交互操作需降低用户输入成本,保障输入填写的智能化,如利用各种控件实现输入选择,键盘不能遮挡主体、输入字体清晰可见等。

小程序整体布局清晰,利用功能组件实现输入选择,降低用户输入成本,优化用户体验

上图:小程序整体布局清晰,利用功能组件实现输入选择,降低用户输入成本,优化用户体验

4.4.3 用户的交互操作流程必须有提醒通知或引导提示,使用户能快速得到有效反馈。(如接收验证码倒计时,操作提醒、解释性提示、客服消息通知、进度通知等)

4.5 信息查询

站点及小程序都应当支持用户登录后可查询历史信息,比如快递追踪、购买记录查询咨询、记录查询等。

关于移动落地页体验要求的更多信息请参考:

2019.4.18 百度搜索将严格控制搜索中的权限问题

2019.1.23 百度搜索将严厉打击色情低俗广告内容

2018.11.23 百度搜索将推出冰桶算法5.0,保障搜索用户体验

3.2 内容权限规范 —— 针对用户权限问题

2019 年 4 月,针对用户获取信息的权限问题,百度搜索资源平台发布《百度搜索将严格控制搜索中的权限问题》。

本次策略主要针对以下 2 种情形:

1、内容获取权限:

用户查看网页中的全部内容时,如:

  • 阅读全文
  • 查看图片
  • 查看论坛帖子
  • 看视频内容
  • 其他内容获取

网站强制用户必须完成指定操作后才可进行查看,包括但不限于以下方式:

  • 强制用户完成网站注册或登录
  • 强制用户下载相关 APP
  • 强制用户在 APP 内查看内容
  • 强制用户完成其他要求

问题示例:用户需要登录才可以查看大图

用户需要登录才可以查看大图

问题示例:用户需要登录才可以查看论坛帖子的全部内容

用户需要登录才可以查看论坛帖子的全部内容

问题示例:用户需要下载或打开 APP 才可以查看全文

用户需要下载或打开 APP 才可以查看全文

2、功能使用权限:

用户使用网页中的功能时,如:

  • 查看评论详情
  • 查看相关推荐
  • 拨打电话
  • 内容资源下载
  • 使用其他功能

网站强制用户必须完成指定操作后才可进行查看,包括但不限于以下方式:

  • 强制用户完成网站注册或登录
  • 强制用户下载相关 APP
  • 强制用户在 APP 内查看内容
  • 强制用户完成其他要求

问题示例:用户使用咨询功能时强制打开 APP

用户使用咨询功能时强制打开 APP

问题示例:用户在该页面使用搜索功能时,强制登录后才可以查看搜索结果

用户在该页面使用搜索功能时,强制登录后才可以查看搜索结果

注:对于网站中有版权保护的正版内容,如书籍、影视、音乐、图片等,不受以上规定影响。