如何打造体验优质的品牌类小程序
- 威海自媒体运营与推广 威海百度智能小程序运营
- 3003
为帮助品牌类小程序打造高品质体验，助力开发者实现更好的经营，智能小程序官方针对品牌类小程序提出了体验方面的建议，来指导开发者低成本高质量的改善小程序体验，助力品质感知及关键指标提升。
遵循指引，优化品牌类小程序体验，可助力小程序达成以下目标：
提升品质：助力品牌类小程序进行体验改善以符合官方要求，并进一步提升品质感知；
促进转化：结合典型品牌类小程序实验数据发现，按照官方建议优化体验后，试点小程序的支付成功转化率 （支付成功 UV /DAU）有了很明显的提升，部分甚至达到77%以上。
内容索引
一、增强品质感知：
打磨体验细节，塑造高品质感知
保证体验一致性
提升品牌可靠度
二、提升功能体验：
完善功能，避免基础功用缺失、不可用
避免打断干扰，提升体验顺畅度
优化功能细节，提升体验品质感
三、打造闭环体验：
小程序内部实现体验闭环
与百度APP实现体验闭环
一、增强品质感知
1. 打磨体验细节，塑造高品质感知
精细化设计小程序基本信息，优化呈现方式，突出品牌优势。
注重小程序头像、名称、简介设计，在有限空间突出品牌及小程序优势，增强入口吸引力。
正确
小程序头像清晰明确符合品牌风格；简介简短明了突出特色，打造高品牌初步认知。
错误
小程序头像不清晰不符合品牌风格；简介冗余，无法展示完整。
强化关键页面的视觉效果，营造品牌沉浸感知。
建议品牌类小程序在关键页面（如：首页、登录中间页、活动页、商品详情页等）进行沉浸式设计，可极大提升页面视觉效果，增强品质感知。
您可直接使用智能小程序官方提供的自定义导航组件：查看文档。
正确
首页使用自定义透明导航，提供更沉浸更高级的品牌视觉感受。
错误
首页未使用自定义透明导航，影响品牌的视觉表达和呈现。
细节需贴合品牌气质，各处可加强品牌透出。
注重细节设计，小程序各处都应符合品牌整体气质。同时，还可加强品牌透出力度，助力用户建立品牌感知。
示例 1：默认用户头像应符合品牌气质。
示例 2：登录中间页可加强品牌视觉透出。
示例 3：加载状态可加强品牌氛围透出。
改善全面屏适配问题，塑造产品高质感知。
建议为小程序做好全面屏适配，避免误操作。
正确
保证适配全面屏机型，防止底部关键按钮误操作。
错误
未进行全面屏机型适配，底部关键按钮容易误触。
注重边缘场景体验设计，避免出现体验终点。
示例1：商品已下线的情况
正确
为已下线商品提供兜底页面，避免出现空白页。
错误
已下线商品未提供兜底页面，出现空白页导致体验终断。
示例2：网络异常的情况
正确
为网络异常的情况提供兜底页面，避免出现空白页。
错误
网络异常的情况未提供兜底页面，出现空白页导致体验终断。
2. 保证体验一致性
小程序应保证内部流程体验一致，打造统一的体验感受。
示例：同类环节下，登录形式应保证一致
正确
购买流程下，均采用半层面板的登录形式，保证体验一致。
错误
购买流程下，不同入口唤起登录，登录流程及登录方式均有差异。
小程序应保证内部布局样式一致，打造统一的视觉感受。
示例1：小程序内部的弹窗样式应保持一致
正确
小程序内部的弹窗提醒样式完全一致。
错误
小程序内部不同的弹窗提醒样式有差异（弹窗圆角、文案标题、文案字号、按钮颜色均不一致）。
示例2：小程序内部的按钮样式应保持一致
正确
小程序内部的按钮样式完全一致。
错误
小程序内部不同的按钮样式有差异（按钮圆角、文案字号、按钮颜色均不一致）。
小程序应保证内部文案表述一致，打造统一的阅读感受。
示例：小程序内部的文案表述应保证一致且明确
错误
小程序内部不同页面的文案表述不一致，按钮顺序不一致（①和③）；
小程序内部同一页面的文案表述不一致（②和③）。
3. 提升品牌可靠度
为小程序配备百度保障标志，提升用户对品牌的信赖。
您可直接使用百度APP官方提供的保障能力：查看文档。
配备百度保障标志后，会在关键环节透出，提升品牌可靠度，增强用户对小程序的信赖。
为小程序申请开启“官方认证”，提升用户对品牌的信赖。
目前该权益面向 A 级 和 B 级 小程序开放。
更多详细介绍您可查看智能小程序官方提供的品牌关键词能力：查看文档。
审核通过后，在百度APP搜索关键词时，将展现小程序单卡及对应的“官方”标志。
二、提升功能体验
1. 完善功能，避免基础功用缺失、不可用
避免核心转化路径——登录，出现不可用的情况。
接入小程序官方登录能力，能够实现自有帐号体系与百度帐号体系的互通。
您可直接使用智能小程序官方提供的登录能力：查看文档
您还可以使用内嵌登录组件，支持不同场景下获取手机号信息，一键完成登录。
您可直接使用智能小程序官方提供的联合登录/手机号授权内嵌组件：查看文档
同时，还应该保证功能可逆，避免不可退出登录的情况。
示例：需要登录的小程序也需要配备对应的退出登录功能，否则会导致用户不安全感。
避免核心转化路径——支付，出现不可用的情况。
接入小程序官方支付能力，获取聚合支付方式。
您可直接使用智能小程序官方提供的支付能力：查看文档。
您还可以使用内嵌支付组件，将支付渠道内嵌在小程序订单提交页内，缩短交易链路，提升支付转化率。
您可直接使用智能小程序官方提供的内嵌支付组件：查看文档
正确
订单提交页的首屏可展示支付方式时，建议使用内嵌支付组件，此时底部主操作按钮为"确认支付"，可减少用户操作步骤，提高转化机会。
错误
订单提交页内容较多，支付方式首屏不可见，用户不便选择支付渠道。此时，不建议使用内嵌支付组件。
通过百度收银台完成交易后，将自动推送支付状态通知，提升用户安全感知。同时，通过支付通知还可以便捷复访小程序，提升回流效果。
避免客服能力缺失，不可用的情况。
示例1：提供电话客服能力。
示例2：提供在线客服能力，且保证正常维护，有回复。
正确
在线客服能够迅速准确的回答用户的提问。
错误
配置的机器人客服能力较弱，答非所问，无法帮助用户解决问题。
避免小程序内部搜索、筛选功能缺失，应保证用户检索内容简便快捷。
和位置强关联的服务需支持定位能力。
避免隐藏价格的情况，商品价格、优惠信息应透明可见。
正确
直接展示商品价格。
注意
未直接展示商品价格，难以促成转化。
避免售后功能缺失、不可用的情况。
示例1：提供退货退款的能力
示例2：提供查看物流的能力。
2. 避免打断干扰，提升体验顺畅度
重视关键转化流程（如：登录、支付等）的设计，避免体验断点，提升体验顺滑度。
示例1：打造顺畅的登录体验，避免打扰
正确
没有无意义的打断和提醒，点击需要依赖登录的内容直接唤起登录流程；并且在登录完成后可以延续前置操作，避免体验断点。
错误
点击需要依赖登录的内容未直接吊起登录面板，仅进行弹窗/toast未登录提醒，用户操作成本高。
错误
频繁无意义的toast提醒，打断用户；且登录完成后未延续前置操作，出现体验断点，导致重复操作。
示例2：非必要不强制登录
正确
不依赖用户信息的内容允许用户不登录即可查看，避免强制登录。
错误
不依赖用户信息的内容强制要求用户登录后方可查看。
示例3：选择合适的登录方式
正确
使用半层面板可缩短用户步骤、减少体验打断感，但无法透出自有品牌，建议用于依赖登录的功能流程之中。
正确
使用登录中间页可缩短用户步骤、增强品牌感知，但会放大体验打断感，可用于依赖登录的一级页面或登录专属流程中。
示例4：简短的购买转化流程，避免冗余步骤
正确
避免无意义的支付提醒和页面跳转。
错误
支付流程中存在无意义的弹窗提醒和页面跳转，会打断用户，延长操作路径，增加用户放弃支付的可能。
3. 优化功能细节，提升体验品质感
优化加载体验，避免卡顿、打断、不协调感。
分场景优化小程序内部加载体验，降低用户等待感知，提升体验流畅感知度。
示例1：全页面或页面局部加载体验
正确
可采用LOGO动画、LOGO扫光等方式加载，加强品牌透出。
注意
采用toast加载的方式缺乏品质感。
示例2：首页、商品详情页（等图片较多页面）可使用骨架屏加载
示例3：图片加载使用LOGO占位图，增强品牌透出
精细化区分异常情况，减少操作，提供兜底方案。
正确
精细化区分异常情况，提供对应解决方案。
错误
所有异常情况均未进行明确提醒。
区分设计分享外链的内容，保证接收者观感，提升链接回流吸引力。
您可直接使用智能小程序官方提供的 web-view 分享能力：查看文档。
正确
分享外链与小程序内部页面内容一致，透出关键吸引点，有助于提升回流引力。
错误
分享外链文案及图片未进行区分设计，缺乏吸引，不利于分享回流。
如果小程序获取了用户的头像和昵称信息，建议在已登录的对应场景下进行展示。
正确
获取用户的头像和昵称信息后，若用户已登录，可在个人中心、评价等需要展示用户信息的场景下进行头像和昵称外露展示。
错误
获取用户的头像和昵称信息后，并没有进行使用，导致不必要的信息获取。
三、打造闭环体验
1. 小程序内部实现体验闭环
保证关键流程体验闭环
示例1：保证优惠券领取及使用体验闭环，促进转化提升
示例2：保证售后体验闭环，增强信赖度
2. 与百度APP实现体验闭环
调用百度APP-发票组件，帮助用户快速获取/新增发票抬头。
您可直接使用智能小程序官方提供的发票组件：查看文档。
您可查看更多与百度APP实现体验闭环的内容，为品牌小程序打造更优质的体验。
您可查看智能小程序官方体验白皮书《如何应用百度 APP 基础能力打造闭环服务体验帐号》：查看文档。
来源：百度智能小程序
