百度智能小程序-如何提升小程序互动体验
为帮助小程序开发者活跃小程序互动氛围,更好地留存用户,智能小程序官方针对互动体系的四大核心功能:评论、点赞、收藏、分享,提供了丰富便捷的开发能力。
通过官方提供能力的正确使用,小程序可达成以下目标:
提质量:使小程序互动体验质量符合官方推荐标准与建议,好用易用;数据显示,正确接入能力后,小程序优质内容在百度 App 信息流的人均阅读时长可增长 40%以上;
降成本:快速搭建小程序内的评论、点赞、收藏、分享互动能力;数据显示,使用官方能力搭建对应功能,可节省 90%开发成本;
消息闭环:通过互动能力提供的互动内容审核、C 端用户消息通路回访,小程序可接入百度互动消息推送体系,使小程序互动消息持续触达用户,促进小程序内互动的持续性。
内容索引
小程序官方提供的互动能力全集,参见小程序官方互动能力一览:
概述
能力介绍
接入示例
互动能力相关体验质量标准,及相关能力使用建议,参见体验指引:
选择互动区布局
评论
点赞
收藏
分享
关联登录
小程序官方互动能力一览
一、概述
面向希望快速搭建整套互动体系的开发者,小程序官方提供 一站式互动组件,包含互动bar(图示 1.1)、评论发表(图示 1.2)、评论列表&评论详情落地页(图示 1.3)以及数据存储能力,开发者可整体低成本快速接入。
面向有个性化定制诉求的开发者,小程序官方提供重点互动能力的可自定义组件:点赞组件(图示 2),开发者接入组件时可按需选择样式、动效。
二、能力介绍
互动能力接入说明能力介绍
1. 一站式互动组件
适用于无后端服务器存储能力的开发者,整套接入,不支持自定义;
预计开发成本 4人/日。
a. 提供整套互动 bar 能力,包含评论发布入口、点赞、收藏、分享功能;
b. 提供评论发表能力,支持发表文字与图片;
c. 提供评论列表、评论详情落地页能力,包含评论内容查看、评论回复入口、评论内容点赞、评论删除、评论举报等功能;
d. 支持接入数据存储、评论内容审核、自动过滤黄反涉政等敏感评论、百度 App 消息通知服务。
2. 点赞组件
有后端服务器存储能力的开发者,可自定义自定义点赞样式/点赞动效;
预计开发成本 2人/日。
a. 用于搭建文章内容/评论内容点赞功能;
b. 提供后端服务,支持接入百度 App 消息通知。
三、接入示例
小程序接入官方互动能力示例:小程序接入一站式评论组件组件提供的百度 App 消息通知服务后,小程序内发生的评论互动可同步至百度 App 个人页面及通知中心。
体验指引
一、选择互动区布局
设置互动区在内容落地页中的位置时,建议使用与百度 App 一致的形式,使互动体验更符合用户认知和操作习惯。
你可直接使用智能小程序官方提供的一站式互动组件-评论列表、评论详情落地页功能。(查看开发文档)
评论内容区:建议按”正文区-推荐区-评论区“顺序布局,便于用户阅读推荐内容。
互动操作区:建议设置底部互动和文末互动,满足用户不同场景下的互动需求。
底部互动:承载核心互动功能(评论、点赞、收藏、分享等),浏览时不随页面滚动,随时可触发;
文末互动:承载用户好恶表达功能(点赞、喜欢/不喜欢),便于用户在文章浏览完毕时的快捷发表观点。
二、评论体验指引
开发者可直接使用小程序官方提供 一站式互动组件,快速搭建整套评论功能(评论入口、评论发表、评论列表、评论详情落地页);同时,组件中的功能交互均依据小程序评论体验标准封装,只需注意以下问题,即可保证评论体验符合用户使用习惯,好用易用:
接入一站式互动组件,设置详情页内容资讯的评论入口时,位置建议选在固定置底、不随页面滚动的底bar上,方便用户随时触发评论。
正确
评论入口在固定置底、不随页面滚动的底 bar 上,方便用户随时触发评论
注意
评论入口在正文后评论区中,首屏不可见,用户查找困难
注意
评论入口需在按钮调起的浮层中再次点击,使操作路径拉长,不符合用户预期
三、点赞体验指引
通过相关互动能力的使用,小程序可快速实现内部点赞功能;同时,通过点赞能力提供的服务,小程序可接入百度互动消息推送体系,使小程序点赞消息持续触达用户,促进小程序内互动的持续性。
示例:他人在小程序中对用户的动态、内容、评论作出点赞操作后,同步在该用户的“百度 App - 通知中心”中显示。
在使用点赞组件时,开发者可根据场景及产品调性,选择适合的点赞样式进行用户点赞引导:
你可直接使用智能小程序官方提供的点赞组件。(查看开发文档)
信息流:可对页面中单条内容进行点赞;
内容落地页:可在页面中多个位置对内容进行点赞。
示例:信息流和内容落地页的点赞功能
按钮样式:提供拇指及爱心两种点赞样式,可根据产品调性及场景进行选择;
动效样式:提供无动效、轻动效、强动效三种动效样式,可根据场景进行选择。
示例:多种按钮样式和动效样式
建议在误操作后用户可进行更正,避免出现无法取消点赞的情况:
你可直接使用智能小程序官方提供的点赞组件。(查看开发文档)
正确
再次点击可以取消点赞
错误
点赞不可以被取消
四、收藏体验指引
通过相关互动能力的使用,小程序可快速实现内容收藏功能;同时,通过收藏能力提供的服务,小程序可接入百度 App - 收藏功能,使小程序用户复访更加便利。
你可直接使用智能小程序官方提供的一站式互动组件-收藏功能。(查看开发文档)
示例:用户在小程序中对内容作出收藏操作后,内容会同步在该用户的“百度 App - 收藏”中。
五、分享体验指引
通过相关互动能力的使用,小程序可快速实现内容分享功能。
你可直接使用智能小程序官方提供的一站式互动组件-分享功能。(查看开发文档)
示例:一站式互动组件分享功能。
六、关联登录指引
未登录状态下评论、收藏,应先登录后操作,建议使用简洁的登录流程,同时向用户强调个人信息安全。
你可直接使用智能小程序提供的登录中间页示例模板,优雅快速地接入最新登录能力。(查看开发文档)
模板1:默认登录页
模板2:品牌图片登录页
模板3:功能前置登录页
模板4:沉浸式登录页
未登录状态下进行点赞,建议不要强制用户登录
你可直接使用智能小程序官方提供的一站式互动组件-点赞功能。(查看开发文档)
正确
未登录状态依然可以点赞
错误
点赞前强制用户登录
七、体验直播课
我们同时为开发者提供体验直播课进行视频详解读:在线观看地址
来源:百度智能小程序