作者:唐诺
20秒了解小程序卡片
1案例:幸福大巴一键抢座
大家如果之前使用过幸福大巴抢座功能,可能还记得被连接vpn以及各种来回跳转H5所支配的恐惧。
抢座流程对比:
以前H5页面的抢座流程 |
现在卡片应用的抢座流程 |
1.小蜜搜索“幸福大巴” |
1.小蜜搜索“幸福大巴抢座” |
2.点击跳转链接 |
2. 一键抢座,完事儿 |
3.连接VPN |
|
4.打开预订H5页面进行抢座 |
与以前相比,一键预订一键查询一键取消,班次座位信息实时透出,为每位坐大巴的同学节省两分钟。
如何做到
幸福大巴原本是企业智能在钉钉上开发的一个H5应用,此次基于小程序卡片能力,快速地将前端用户界面改造为卡片形态,而后端服务依旧复用原来系统。
我们可以这么理解:
- 以前的大巴系统 = 后端服务 + 前端页面(跳转到新的全屏页面 )
- 现在的大巴系统 = 后端服务 + 前端卡片(内外小蜜会话中)
而这个前端的卡片,开发方式就与开发一个小程序组件一样简单,只要会开发小程序,就会开发卡片。
一段卡片应用代码示例如下:
2案例:ICBU客户邀约卡片
ICBU基于小程序卡片能力,将原本的客户邀约系统改造为卡片应用。
系统会通过机器人自动发送客户邀约,销售人员直接在卡片上操作,选择拜访日期,填写拜访计划表单,提交后邀约状态的表更也会直接展示在卡片内容上。
通过卡片应用,减少了用户在沟通与业务系统直接的来回跳转。
从小红点说起
看到这里,你可能已经对小程序卡片技术有一些应用层面上的了解,但回归这项技术本身,咱们可能还需要从小红点说起......
小红点(Badge),起于黑莓,被 Apple 发扬光大(专利属于苹果),直到现在已然成为 iOS、Android 等各大系统 App 推送提醒 UI 规范。
小红点的设计是如此成功,抛开 UI 不做讨论,个人认为其对于用户的最大意义在于它