20秒介绍小业务流程卡牌

事例1:美好大巴车全屏幕抢座

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图

美好大巴车是穆萨雇员在皮先卡使用的城铁货运功能,但因为须要往复重定向VPN辅助工具和H5网页,在使用者新体验上带来了一定的心理障碍

抢座业务流程对照:

从前H5网页的抢座业务流程那时卡牌应用领域的抢座业务流程1.东东搜寻美好大巴车1.东东搜寻美好大巴车抢座2.点选重定向镜像2. 全屏幕抢座,完事3.相连VPN4.关上预约H5网页进行抢座

与从前相比,全屏幕预约全屏幕查阅全屏幕中止,区间车座席信息动态显出,为每人坐大巴车的老师节约一分钟。

如何努力做到?

美好大巴车原先是企业智能化在钉钉上合作开发的两个H5应用领域,此次如前所述小业务流程卡牌潜能,加速地将后端使用者界面改建为卡牌型态,尔后端服务项目依然F83E43Se原来控制系统。

我们可以这么认知:

从前的大巴车控制系统 = 后端服务项目 + 后端网页(重定向到捷伊全屏幕网页 )那时的大巴车控制系统 = 后端服务项目 + 后端卡牌(与外东东程序标识符中)

而这个后端的卡牌,合作Attichy与合作开发两个小业务流程模块一样单纯,只要会合作开发小业务流程,会合作开发卡牌。

几段卡牌应用领域标识符实例如下表所示:

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图1

事例2:ICBU顾客旧友卡牌

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图2

ICBU如前所述小业务流程卡牌潜能,将原先的顾客旧友控制系统改建为卡牌应用领域。

控制系统会透过机器手动推送顾客旧友,销售人员间接在卡牌上操作,选择造访年份,核对造访计划配置文件,递交后旧友状态的配置文件也会间接展现在卡牌内容上。

透过卡牌应用领域,减少了使用者在沟通交流与业务控制系统间接的往复重定向。

从肿块讲起

看到这里,你可能将已经对小业务流程卡牌控制技术有一些应用领域微观上的介绍,但重回此项控制技术这类,咱们可能将还须要从肿块讲起……

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图3

肿块(Badge),起于黑莓,被 Apple 发扬光大(专利属于苹果),直到那时已然成为 iOS、Android 等各大控制系统 App 推送提醒 UI 规范。

肿块的设计是如此成功,抛开 UI 不做讨论,个人认为其对于使用者的大意义在于它将原先须要使用者进入 APP 才能看到的信息间接在其上层载体(比如 App Icon)中进行了标准化显出,大大缩短了信息获取路径。

现代操作控制系统中不乏类似设计,并且更进一步支持了使用者交互。比如 iOS、Android等控制系统小部件、通知中心、控制中心等。

在云钉一体的战略背景下,钉钉将越发成为企业数字化网络平台的操作控制系统。为了缩短使用者信息获取路径,我们须要一套拥有沉浸式新体验、对合作开发者友好的,并终可以Anywhere运行的区块级应用领域解决方案。

小业务流程卡牌方案可以很好的满足以上诉求。

沉浸式新体验

小业务流程卡牌相比于传统小业务流程, 其大优势是能够带来沉浸式的新体验。

传统小业务流程是躲在两个图标(或者分享镜像)后的应用领域,使用者想要如前所述小业务流程获取或创造有效信息须要从当前上下文中跳出。这种相对割裂的交互方式某些场景下会对使用者造成较大的困扰,比如 IM ,而钉钉的 IM 作为钉钉的核心潜能,承载了大部分与工作相关的沟通交流信息。

想象一下,销售小王老师每天早上须要与群内同事同步昨天的工作进度和当天工作安排,并协同其他同事共同完成业务跟进。小王在关注其他同时聊天信息的同时,须要在工作台其他应用领域中进行顾客信息查阅与修改,这种在聊天窗和其他应用领域间不断往复切换,让小王的工作效率非常低,甚至可能将错过重要信息。

沉浸式交互

为了让使用者可以间接在 IM 中操作小业务流程卡牌,我们和钉钉 IM 团队进行了广度合作,在渲染业务流程、数据链路上与 IM 模块广度整合,将小业务流程卡牌变成一种特殊的消息类型,能够间接推送到消息列表中。

下图所示为钉钉文档卡牌权限修改业务流程,使用者可间接在卡牌上修改对应文档权限:

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图4

并且,结合 IM 这类的特点,在 IM 的中小业务流程卡牌还可支持置顶操作。置顶操作对于那些须要长时间交互的小业务流程卡牌来说非常有意义,比如位置共享、数据大盘等。

动态数据同步

Functional UI告诉我们UI = F(data),可见数据对于 UI 所起到的决定性重要性。举个例子:

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图5

钉钉的群投票卡牌允许我们间接在 IM 中进行投票操作。相对于从 IM 中重定向两个独立的 “投票”应用领域再进行投票的交互新体验,无疑往前迈了一大步。

但如果我们想动态跟踪投票进度,获取终投票结果呢?比如下表所示方所示的潜能:

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图6

想要实现这种潜能,常规做法是业务方自己在其业务逻辑中加入数据同步机制,刷新数据进而更新视图。但这种数据同步方式其实非常低效,作为 client 端,为了保证数据的时效性很多时候只能透过定时器做定时刷新(长相连同样存在其他问题)。试想下,在两个 100 人的群里,有一张卡牌须要进行数据同步,意味着同时会有 100 个请求打到服务项目器。如果在 n 个群同时存在 m 张卡牌呢?

小业务流程卡牌内置了一套高效的数据同步机制,合作开发者只需将新卡牌数据同步到小业务流程卡牌框架,即可加速将所有同 ID 卡牌更新。

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图7

与小业务流程融合

小业务流程卡牌作为两个独立应用领域运行时,由于其区块级应用领域定位,无法承载过于复杂的使用者交互和业务业务流程。此时,小业务流程卡牌可以与小业务流程潜能进行整合,点选小业务流程卡牌的某个 action 区域,支持半屏唤起两个拥有完整潜能的小业务流程,在保持沉浸式新体验的同时给合作开发者足够的潜能支撑其业务。

同时,在该小业务流程内支持访问小业务流程卡牌的数据并对其进行更改,同样的,这些数据变更将同步到所有同 ID 的卡牌上。

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图8

此时小业务流程卡牌可以做为主体小业务流程核心信息和操作的载体,用以加速触达使用者,完成核心业务业务流程。

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图9

传统应用领域 vs. 卡牌应用领域

传统应用领域卡牌应用领域藏在图标或镜像背后的控制系统以区块化方式,前置到沟通交流、工作台、搜寻等核心场景中查看数据须要重定向进入应用领域网页进行操作须要重定向进入应用领域网页沉浸式交互,无须跳离上下文。卡牌上动态显出内容,数据手动更新(动态座席信息)基本交互闭环可以在卡牌上操作完成(进行抢座)人与控制系统的交互融入沟通交流后,增加了人与人的互动

Anywhere 运行

我们希望当合作开发者完成小业务流程卡牌合作开发后,可以将其运行在:

多端:iOS、Android、Windows、Mac 端;多运行时:native(IM列表、搜寻结果页)、小业务流程、H5,甚至 iOS widget 内。小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图10

传统小业务流程使用 webview 作为渲染容器,但如果间接在 IM 中为每张卡牌嵌入两个 webview 显得过于重了,且多卡牌共存情况下内存占用过大的问题也难以解决。

所以,如前所述同一套 DSL ,我们会透过不同的 compiler 将其打包成不同产物以适应不同的宿主环境,并透过 DSL 的强约束性保证多端渲染一致性。

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图11

依托于当前小业务流程离线包机制,我们将多种产物(未来可配置)统一打包到小业务流程离线包内实现资源离线化。

在卡牌被渲染前,卡牌框架会先判断当前所处的环境,并根据不同环境选择不同打包产物进行卡牌渲染。

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图12

使用卡牌统一 DSL 可以将业务标识符与”卡牌底层引擎实现”解耦,未来加入更多渲染引擎支持时业务可以无痛升级。

如前所述这套方案,钉钉小业务流程卡牌已支持Webview、Native、小业务流程三种容器。

卡牌容器的全行业耕耘

卡牌控制技术作为两个全捷伊应用领域型态和控制技术方案,仍有诸多不完善之处,须要持续迭代与优化,提高卡牌性能和产品化潜能。

但不可否认的是,从 icon 到 card,无疑是当前移动合作开发领域,在后续发展进程上的两个重要方向。

除了钉钉小业务流程卡牌外,「支付宝」自研的魔方卡牌(Cube)也在透过 mPaaS 正式开放对外输出,每两个魔方卡牌(Cube)都可以独立嵌在原生网页内的两个区域,将区皮先卡容透过卡牌模版进行展现。

提供动态内容展现

魔方卡牌(Cube)透过卡牌的形式嵌入到原生 Native 网页中,Android/iOS 双端的高度一致性可以大大提升合作开发效率,而仅 5.5mb 的包体积和 32mb 的内存消耗,让动态化合作开发更轻量化。

为合作开发者的私人定制

顾客端 SDK 结合服务项目端卡牌管理控制系统,合作开发者让合作开发者的接入和使用过程更轻巧简易;多种后端合作开发语言和完备的调试辅助工具,让编译-预览-调试-发布的合作开发业务流程更普惠,不用语法的合作开发者都能获得前沿的控制技术辅助工具。

本文转自公众号【穆萨巴巴移动控制技术】

小流程下一破题点?钉钉小流程卡牌,应用领域与网络平台的广度软件系统插图13

作者 nasiapp

在线客服
官方客服
我们将24小时内回复。
12:01
您好,有任何疑问请与我们联系!

选择聊天工具: