小程序下一破局点？钉钉小程序卡片，应用与平台的深度集成

作者：唐诺

20秒了解小程序卡片

小程序下一破局点？钉钉小程序卡片，应用与平台的深度集成

1案例：幸福大巴一键抢座

大家如果之前使用过幸福大巴抢座功能，可能还记得被连接以及各种来回跳转H5所支配的恐惧。

抢座流程对比：

以前H5页面的抢座流程	现在卡片应用的抢座流程
1.小蜜搜索“幸福大巴”	1.小蜜搜索“幸福大巴抢座”
2.点击跳转链接	2. 一键抢座，完事儿
3.连接VPN
4.打开预订H5页面进行抢座

与以前相比，一键预订一键查询一键取消，班次座位信息实时透出，为每位坐大巴的同学节省两分钟。

如何做到

幸福大巴原本是企业智能在钉钉上开发的一个H5应用，此次基于小程序卡片能力，快速地将前端用户界面改造为卡片形态，而后端服务依旧复用原来系统。

我们可以这么理解：

• 以前的大巴系统 = 后端服务 + 前端页面（跳转到新的全屏页面 ）
• 现在的大巴系统 = 后端服务 + 前端卡片（内外小蜜会话中）

而这个前端的卡片，开发方式就与开发一个小程序组件一样简单，只要会开发小程序，就会开发卡片。

一段卡片应用代码示例如下：

2案例：ICBU客户邀约卡片

ICBU基于小程序卡片能力，将原本的客户邀约系统改造为卡片应用。

系统会通过机器人自动发送客户邀约，销售人员直接在卡片上操作，选择拜访日期，填写拜访计划表单，提交后邀约状态的表更也会直接展示在卡片内容上。

通过卡片应用，减少了用户在沟通与业务系统直接的来回跳转。

从小红点说起

看到这里，你可能已经对小程序卡片技术有一些应用层面上的了解，但回归这项技术本身，咱们可能还需要从小红点说起......

小红点（Badge），起于黑莓，被 Apple 发扬光大（专利属于苹果），直到现在已然成为 iOS、Android 等各大系统 App 推送提醒 UI 规范。

小红点的设计是如此成功，抛开 UI 不做讨论，个人认为其对于用户的最大意义在于