熊掌号落地页体验规范

熊掌号落地页体验规范


一、背景


对熊掌号落地页体验进行把控：包括净化广告，交互便捷程度等问题的规范，以达到Native App 的页面精美程度，呈现完美的浏览体验。


二、详细规范


1、获取成本


1）加载时间：首页首屏加载时间不得超过 3s。


2）页面整体布局：


①页面需要适配移动端，无需用户手动放大或缩小。


②页面主体突出明确，主体内容位于页面靠前（首屏）且中心的位置。


③广告不得对主体信息产生干扰影响，不得出现任何形式的弹窗广告、遮盖主体内容的浮层或整屏广告。


④主体内容之外的页面内容排版样式友好。


3）获取权限：用户可以直接获得信息，不需要付出极大的权限成本。不得强制登录才能浏览和使用；不得强制下载 app 获取内容等。


2、浏览体验


1）主体布局：


①页面主体突出，正文内容换行、分段得体，阅读方便。不得出现主体文本内容和背景颜色相近，内容辨别困难的情况。


②主体不允许分页。


2）文本字号&行间距：字号=14px/16px & 行间距=字号*（0.42~0.6）


3）链接&链接间距：字号=14px &纵向间距=13px；字号=16px &纵向间距=14px。


4）图片：图片清晰，位置统一（如统一居中）。不得出现图片不能正常展现、图片模糊等现象。


5）视频/音频：可直接播放，并可达到视频类 app 当前播放效果。不得出现需要下载指定播放器后才播放的情况；不得出现视频/音频质量差的情况。


6）app 下载：可直接下载并安装使用，app 为最佳版本。不得出现捆绑下载、下载的非最佳版本的情况。


7）文档：可直接阅读，文档的浏览体验好。不得出现下载后才可阅读的情况。


3、广告体验


1）定义：


广告：指为了某种特定的需要，通过一定形式的媒体，公开而广泛地向公众传递信息的宣传手段，泛指所有在落地页中出现的用户传播行为，包括站外商业广告，站内的 app 推广、二维码、运营活动、广告专题页面。内容详情、图片、评论及内容推荐，不算作广告。


主体内容：对于内容详情页来说，主体内容指从标题开始至正文内容结束，翻页键也被视为主体内容，文章后的评论、分享、推荐等不视为主体内容。对于首页&列表页来说，主体内容略宽泛，可以认为是页面最想表达的内容总和。对于正文内容不足首屏的页面，如糗事百科或内容很简短的问答类页面，评论算进主体内容。


首屏：用户点击搜索结果后进入到移动页面，不滑动屏幕即看到的所有内容，称为首屏。


一屏：任意停留时看到的所有内容，称为一屏。


2）广告面积：主体内容前广告面积不得超过 10%；主体内容中不得出现任何广告；主体内容之后，一屏广告面积不得超过 40%。

示例：正文插入广告，且一屏广告面积超 40%

3）广告内容：


①不得出现低俗（灰色广告从严）、赌博、法律规定的违禁品或服务（包括纯文字的任何形式广告）。

示例：低俗广告

②不得出现诱导、欺骗、虚假广告。

示例：诱导广告

4）广告样式：


①不允许出现任何形式的悬浮弹窗广告（遮屏、置底、两侧悬浮）。


②广告闪动/抖动不固定：不允许有影响阅读体验的闪动、抖动不固定的情况。


③广告与功能按钮重叠：不得放在用户容易误点的区域，如播放、购买功能按钮和广告


有重叠。


④广告分布：广告和正文主体之间需要留出适当距离。

5）广告设计：需做到字体规整，字号适当，配色美观，不使用低俗、恶心、恶意博取眼球的图片，留白得体，优秀广告示例：