【最佳实践】快捷触达的骑行体验

文档中心

本场景解决方案主要面向涉及共享租赁、即时配送等场景的应用，以共享单车为案例，使用实况窗、地图导航、原生扫码等技术，为消费者的整个骑行流程带来更好的体验。

场景说明

场景整体介绍

当前用户想要完成骑行的整个流程，需要先找到应用，再找到功能入口，骑行完成后又需要再重复一遍步骤，对于用户来说操作多，流程繁琐。如果能从首页直接扫码直到解锁界面，换车也只需一步操作即可支付将大大提升用户体验。采用Scan Kit和实况窗实现以下流程：用户扫描共享单车的二维码后，进入解锁页面，点击解锁后，会拉起实况窗显示骑行状态，后续完成还车、支付等操作后，可以实时更新实况窗的状态。

场景优势

本场景结合提供的实况窗、地图导航、扫码等原生能力，可以带给用户更加便捷高效的体验。具体优势如下：

1、使用实况窗技术帮助用户聚焦正在进行的任务，方便快速查看和即时处理。支持在锁屏、通知中心等位置显示卡片，在状态栏显示胶囊形态，以及在状态栏点击胶囊后展开悬浮卡片，让用户一眼可见重点信息。多种显示方式能够将信息即时触达到用户，避免用户反复进出应用或服务的页面。

2、基于Map Kit实现个性化地图呈现、地图搜索和路线规划等功能，手势交互方面，提供了包括缩放、旋转、移动等流畅的交互体验。

场景分析

典型场景

编号	场景名称	描述	实现方案
1	扫码解锁	首页和共享单车页面均可扫码，扫码成功直达解锁页面。	基于ScanKit能够快速实现扫码能力
2	地图规划路径	选中目的地，展示规划好的最短路径	基于MapKit能够快速实现路径规划和路线绘制能力
3	实况窗展示骑行状态	骑行过程中，用户需要实时查看骑行状态	使用实况窗，在整个骑行过程中，即使手机处于锁屏状态下，用户也能一眼可见骑行状态，无需解锁并打开应用。

场景实现

业务流程图

左图为当前骑行场景的流程图，右图是优化后的流程，与原流程对比省去寻找入口和后台应用的步骤，简化了用户的使用步骤，提升用户体验。

 

骑行状态图

时序图

扫码解锁

效果展示

在首页或者共享单车页面，点击扫码进入扫码界面，可以使用后置摄像头进行扫码，也可以点击图库选择二维码图片进行扫码。“扫码直达”相关的使用请参见“接入扫码直达服务”。

时序图

主要业务流程如下：

关键点说明

1、使用Scan Kit实现扫码能力，Scan Kit应用了多项计算机视觉技术和AI算法技术，不仅实现了远距离自动扫码，同时还针对多种复杂扫码场景（如暗光、污损、模糊、小角度、曲面码等）做了识别优化，提升扫码成功率与用户体验。

2、申请系统相机权限，在entry模块的module.json5文件的requestPermissions字段中增加

3、支持多种识码类型，常用的是二维码，也支持条形码扫描。