近年来,工商银行围绕“数字工行”发展战略,全力推进数字金融服务体系建设,重点聚焦“服务客户、赋能员工”两个方向,秉持“以客户为中心”的运营理念,强化科技赋能,围绕个人手机银行、工银e生活等移动端应用,持续夯实业务服务和数据技术两大支撑体系。
为不断助力移动端业务数字化转型升级,工商银行结合移动端业务发展趋势,以业务的诉求和发展为出发点,从架构、体验、智能、研发、生态等多个方面加强公共能力建设,强化基础支撑,打造了新一代银行移动开发平台,赋能移动端业务快速发展。
一、银行移动开发平台建设
面临的挑战
为更好地支撑移动App的快速发展,商业银行不断引入新一代移动端设计开发思想,利用先进的移动端技术,构建功能强大的移动开发平台,实现设计、研发、测试、部署、发布、运行的App全生命周期研发和管理。随着移动端业务覆盖范围不断扩大,用户对移动App体验要求更加严格,以及移动App更加智能、需求迭代速度不断加快、开放化进程不断深入、设备与系统类型不断丰富,银行移动开发平台建设工作面临巨大挑战。
1.业务功能显著增加,要求移动架构更加灵活
随着移动端承载的银行业务种类不断增加,移动App应用规模逐步扩大。面对日益激烈的同业竞争要求不断缩短移动应用版本的迭代周期,以抢占更多市场。为支撑移动端的快速研发,移动应用底层架构应全面向灵活易扩展方向发展。传统的移动应用架构因全量代码集中在单体工程中研发和管理,各业务模块边界不清晰,存在代码耦合、无法独立研发测试、跨应用复用成本较高、无法按照业务功能精细管控代码权限等问题,导致移动端架构在代码复用度、安全性和研发效率方面面临挑战。
2.用户追求优质服务,要求移动App提供极致性能体验
随着生活节奏的日益加快,用户要求在“短时间”内获得高质量体验,据有关数据统计,5秒钟被认为是移动App用户能忍受的最长响应时间,如果响应时间超过5秒,三分之一的用户会转向竞争对手的应用。应用性能是产品用户体验的基石,移动App操作反馈及时、操作流畅、运行稳定将助力用户活跃度和交易转化率提升。此外,移动终端的多样性、应用结构的复杂性以及移动网络的不稳定性,进一步要求移动App进行深层次性能体验治理,为用户打造极致的产品性能体验。
3.“Z世代”客群需求和审美多样化,要求移动App功能智能化、沉浸式
随着信息爆炸时代的到来,用户的需求和审美越来越多样化,这要求移动App能够给予不同用户个性化、差异性、沉浸式的智能服务体验。在智能化方面,移动App需要给用户提供低时延、保护数据隐私及不依赖于网络的智能化服务;在交互方式方面,随着数字人、元宇宙技术的不断演进,为吸引“Z世代”年轻客群,移动App需要给用户提供酷炫沉浸式体验。此外,在产品运营方面,需进一步解决人工成本高、内容更新不灵活、配置流程较为繁琐等问题,为移动App提供更加便捷、智能的基础运营支撑。
4.业务需求迭代速度加快,要求移动端研发更加高效
随着银行业务快速向线上转移,移动端已成为银行业务竞争的主战场。与此同时,银行同业产品同质化严重,科技赋能的互联网企业不断涉足金融业务,抢占传统银行用户,移动端产品需求变化不断加快。随着产品渠道的不断拓展以及业务领域的不断丰富,为支撑用户多样化的金融需求,商业银行需在移动研发方面打造统一的基础支撑,全面提升移动端研发效能。
5.互联网经济蓬勃发展,要求移动端金融生态更加开放
随着移动互联时代的到来,金融服务与用户日常生产生活场景深度结合,银行业纷纷借鉴微信、支付宝等互联网移动生态建设思路,构建自有小程序生态。随着生态建设工作的不断深入,商业银行需进一步构建基础平台,打通自有生态与微信、支付宝等头部互联网小程序平台的连接。另外,移动App承载大量功能服务,为提供全旅程式陪伴服务、缩短用户切换功能路径、直观展示关联功能信息,商业银行需进一步构建移动App卡片生态,依据客群、业务领域等不同维度,快速组合相关卡片,形成工作、出行、教育、医疗等高价值场景页签,丰富移动端生态。
6.移动端设备与系统类型不断丰富,要求移动App拓展服务范围
伴随智能手表、智能眼镜、智能车载、智能平板等新型移动端智能设备迅速普及,用户也期望通过平板电脑等大型终端设备获得功能齐全、稳定可靠的流畅体验,且希望能在多种设备之间实现功能交互共享。面对上述发展趋势,商业银行需不断深入开展移动App多设备多系统适配研究工作,构建底层基础支撑,打造跨设备、跨系统的开放融合生态,使客户能够随时随地享受银行更加便捷、高效的优质金融服务。
二、工商银行移动开发平台
建设实践
随着银行服务客户的渠道不断向移动端转移,移动端成为银行获客、留客、活客的重要途径。工商银行新一代银行移动开发平台建设通过架构升级、能力整合、服务标准化,实现移动应用能力复用、共享共建;通过深入探索技术原理,打造丝滑性能体验;通过构建全面智能化方案,洞察用户兴趣意图,为用户提供智能沉浸式体验;通过构建统一的研发流程及基础支撑,实现移动研发质效提升;通过打造统一生态建设模式,提供标准技术、业务能力,实现移动生态的共享融合;通过夯实多终端设备适配基础,扩大移动端业务覆盖范围。
1.打造“容器化+微程序”架构,实现业务功能共享共建
工商银行打造了“容器化+微程序”的新一代客户端架构。首先,针对移动端原生、H5等多种技术栈分别提供各类移动端容器,构建统一容器底座,支持上层容器加载运行,支持将单体架构移动应用实施分层解耦,实现移动端大规模并行研发、业务功能共享共建,以提升研发效率。其次,通过此架构实现业务间解耦,便于端侧业务功能跨移动App复用与快速对外输出,实现各业务功能以积木形式拼接,迅速孵化全新移动App。最后,支持解耦后的“微程序”采用独立代码库方式管理,独立编译打包并以二进制制品方式集成,实现并行研发、精细化代码权限管控,降低代码提版冲突的概率,缩短编译打包耗时,提升研发效率。
图1 工商银行“容器化+微程序”的新一代客户端架构
目前,移动端“容器化+微程序”架构已成为银行移动应用转型升级的探索方向。工商银行已进行“容器化+微程序”架构升级,基于“高内聚低耦合”“自底向上能力输出”等基础原则和思路,将客户端工程分层解耦,自上到下依次分为壳App、微程序层、“容器+容器底座层”、基础库服务层4层架构(如图1所示),应用内共沉淀10余个技术组件,涵盖通用工具类库、通用登录模块等40余种基础能力。移动端容器化改造后,原生技术栈微程序编译速度可提升约90%,H5页面加载速率可提升约20%,跨应用复用工作量预计可减少约60%。
2.深入探究技术原理,提升移动App性能体验
为不断提升移动App的性能体验,首先需要构建标准性能评价体系,围绕响应速度、稳定性、安装包体积确定各指标衡量方式,实现性能可量化;然后构建统一优化分析工作流程,将相关优化措施沉淀为标准构件、工具、规范;最后构建性能基线机制,防止性能优化效果随版本迭代而下降。
为提升移动App的响应速度,工商银行围绕启动耗时、核心交易加载耗时等指标,将整体提升过程细化为性能测试、问题定位、方案设计三个阶段:在性能测试阶段,采用多种方式对响应速度进行精准衡量,保障相关测试结果精确且可满足用户实际感知。在问题定位阶段,对交易链路进行精细化追踪分析,选取底层调用链路的关键点进行耗时细化分析。借助相关技术栈提供的性能分析工具,可全面收集交易加载过程中的性能数据,分析函数调用堆栈及各阶段执行耗时,找出瓶颈点。在方案设计阶段,针对不同性能指标构建通用提升方案,打造通用构件,尽量避免交易改动,减少对交易稳定性的影响。
为提升移动App的稳定性,工商银行首先提升弱网下的网络连通性,构建统一基础网络框架,分别从连接建立、数据通信、交互体验提升等方面进行稳定性提升和优化(如图2所示)。其次进行崩溃治理,在移动App上线前,打造自动化工具,实现页面自动遍历,发现更多潜在崩溃问题;在移动App上线后,通过性能监控系统持续监测移动App运行情况,对于线上发生的崩溃问题进行详尽分析,对于部分无法重现的崩溃问题,增加相应的保护判断机制,防止崩溃问题的发生。最后进行内存和CPU优化,编写自动化脚本,实现内存、CPU数据自动化采集。构建分析工具,对内存对象进行占用情况排序,从图片加载、大对象占用情况等方面进行优化,减少内存占用率;对于CPU占用情况进行排序,对复杂逻辑及动画进行优化,减少CPU占用量。
图2 移动App稳定性提升方法
为实现安装包瘦身的目标,工商银行不断优化移动端研发架构,基于插件化架构实现业务功能按需加载,支持代码和资源文件的动态安装、加载及更新。目前,工商银行累计优化手机银行安装包体积130MB以上。同时,打造安装包瘦身分析工具,自动解析安卓、iOS安装包结构,提供多种检测规则,快速识别安装包是否存在冗余文件、无用资源、大文件等问题,辅助开发人员快速发现瘦身措施(如图3所示)。
图3 安装包优化方法
经优化,工商银行移动App的核心功能响应速度、稳定性、安装包体积等指标全面提升。其中启动速度提升近40%、核心交易响应速度提升50%,弱网下页面加载速度提升近20%,崩溃率降低近40%,安装包体积减少近30%。在业界主流第三方机构测评中,工商银行移动App性能全面处于同业领先地位。
3.提供全面智能化方案,实现用户体验全新升级
工商银行主要围绕移动端智能体系建设、虚实融合交互、智能运营、智能交互等方面,为用户打造智能化、沉浸式用户体验。
在移动端智能体系建设方面,工商银行建设了轻量高效的端智能引擎和功能全面的端智能工作台,端智能引擎内置算法引擎、策略引擎支持端侧智能模型,以及策略的推理与计算引擎,具备数据管理、模型管理、特征工程等能力,实现对操作系统、硬件设备的差异化屏蔽,为端上AI提供统一、稳定、高效的运行环境。端智能工作台具备应用管理、解决方案管理、版本管理、模型管理、策略管理、策略配置与验证等能力,可降低移动端算法开发与落地的门槛,提升端算法研发效率。端智能技术在工商银行移动App中得到广泛应用,其应用场景包括搜索联想词推荐、首页瀑布流交互式推荐、广告智能弹窗、法人开户正脸检测等。以手机银行搜索联想词推荐场景为例,搜索使用率提升了26.5%,搜索后推荐词的点击率提升了44.5%,用户体验得到全面提升。
在虚实融合交互方面,工商银行打造了虚拟数字人、元宇宙等全新沉浸式交互方式,通过构建具有增强沉浸式体验的虚拟数字世界,实现沉浸式体验、虚拟化分身、强社交属性,有效提升了用户交互体验及参与感。工商银行手机银行数字人虚拟客服由传统的“菜单+页面”交易方式转变为“智能推荐+数字人语音交互”交易模式(如图4所示),可增强用户代入感,激发用户与数字人互动的意愿,创造满足客户需求的情景式体验。
图4 工商银行手机银行数字人虚拟客服
工商银行还建设了手机银行元宇宙贵金属展厅(如图5所示),将贵金属以立体方式呈现给用户,操作代表自身的卡通数字人形象可在空间内自由浏览,用户可通过与数字人进行对话获取特定产品简介。
图5 工商银行手机银行元宇宙贵金属展厅
在智能交互方面,工商银行将大模型与移动端设备相结合,使移动App能够理解用户诉求、自主决策并完成对应任务,成为用户的“私人助理”。通过在移动端构建大模型Agent智能体,利用大模型强大的语义理解能力,使其自主感知、规划决策、执行复杂任务,在与用户对话过程中准确理解用户需求,并通过独立思考和调用工具逐步满足用户的要求。工商银行还构建了行内办公管理App的大模型Agent,构建智能编写公文初稿、会议摘要、回复邮件等功能,助力办公效率大幅提升。
在智能运营方面,工商银行打造了流程画布、页面画布、AB实验系统等便捷运营工具,进一步全面提升自动化营销能力。流程画布将客群、活动、触达渠道等运营要素进行可视化编排,面向不同客群配置最适合的运营计划,并根据触达后用户的不同反馈配置差异性运营策略;页面画布实现运营页面的可视化搭建,运营人员通过可视化拖拽的方式,选择合适的UI组件,实现页面的快速生成、灵活上线;AB实验系统具备流量分配、统计分析、实验管理等能力,可支持运营人员可视化配置实验,并对实验结果进行多角度、多维度综合分析,提升精细化运营能力。通过智能运营体系建设,工商银行部分营销活动场景点击率提升10%以上。
4.打造专业前端工具,实现移动研发提质增效
为不断提升移动端研发质效,工商银行以标准设计、高效研发、精准测试为目标,打造了研发一体化工作台,构建基础工具支撑,全面打通前端设计、研发、测试流程,实现将设计意图无损、高效地传递给下游研发侧,全面提升设计研发协同工作效率。
在设计阶段,工商银行全面践行标准化、规范化、线上化的要求,构建标准设计资产,并配套工具实现资产高效使用;提供智能规范检测工具,快速发现潜在UI设计问题(如图6所示);打造设计研发协作平台,实现设计稿统一管理、线上快速交付与流转,全面提升设计效率及设计产物质量。
图6 UI设计规范合规检测工具
在研发阶段,工商银行打造了移动端智能研发工具,实现对设计稿的智能解析,自动生成前端UI代码(如图7所示),降低前端开发人员页面研发成本。构建统一的前端基础框架,实现对前端项目从创建及到发布的全生命周期工具支撑,提升前端代码质量及研发效率;践行组件化研发模式,实现一套代码满足不同场景、应用的使用需求,实现资产在不同业务领域、不同应用间的快速复用。
图7 前端UI代码生成流程
在测试阶段,工商银行打造了自动化智能检测工具,实现前端UI质量的自动化检测。构建UI验收工具(如图8所示),通过图像识别等技术,发现与UI设计规范不一致的问题,全面提升前端UI测试效率与质量;打造无障碍问题检测工具,根据监管要求制定检测规则,全面提升无障碍适配改造效率。
图8 UI验收工具
通过上述工具的建设,工商银行构建了标准化设计流程,设计研发协同工作效率提升约10%;打造了一站式研发基础支撑,提升前端UI部分研发效率约58%;智能发现UI不一致问题,页面测试效率提升近70%。这些工具的建设助力工商银行个人手机银行首批通过工业和信息化部组织的适老化和无障碍水平测试。
5.构建“小程序(微应用)+小卡片”生态,实现移动生态互联互通
工商银行全面打造“小程序(微应用)+小卡片”生态,快速聚合行内各业务线、分行、合作方内容,形成聚合场景,共建移动端金融生态,实现流量共享、价值共赢。
一是升级自有小程序生态体系,实现与微信、支付宝小程序生态的互联互通,多端共享,增加业务线上触达渠道和营销阵地。通过构建客户端引擎,支持将微信、支付宝小程序直接渲染,建设客户端适配层,消除自有小程序与互联网小程序的前后端交互接口差异,避免服务端改造;研发开发者工具,提供开发、预览、调试、代码上传等功能,并支持将小程序代码导出为离线包,上传到自有小程序管理平台。通过互通引擎及工具建设(如图9所示),工商银行将优质互联网小程序场景迁移至自有App的研发效率预计将提升40%。
图9 互通引擎及工具
二是打造全新小卡片生态,工商银行依托自身开放的技术、业务能力,与合作方一起形成页签共建共享机制,基于小卡片生态快速组合形成高价值场景页签,为用户高价值专属场景建设提供新思路、新模式。小卡片生态提供小卡片高性能渲染引擎,动态解析JS代码,统一使用C++调用底层系统能力进行渲染,实现一套代码、底层多端高性能渲染;构建统一基础框架,统一使用类小程序语言进行开发,降低分行、合作方建设动态卡片生态的难度和学习成本,提供从环境搭建到发布的全链路工具支撑,实现便捷研发。工商银行通过小卡片生态建设,在保证页签页面渲染性能近似原生体验的同时,提升研发效率近30%。
6.夯实多设备多系统适配基础支撑,扩大移动端业务覆盖范围
伴随移动终端设备的愈发多样,华为发布了全新操作系统,依托分布式理念,提出了基于同一套系统能力、适配多种终端形态的分布式理念,能够支持手机、平板、智能穿戴等多种终端设备,提供全场景业务能力,从而实现不同终端设备之间的无缝连接及互通操作,让人与设备之间的交互更加自然便捷。为顺应华为全新操作系统发展趋势,工商银行开展如下两方面工作。
一是依托鸿蒙系统提供的公共通信、多设备数据管理、多设备能力调度和虚拟外设四大能力,围绕开发框架、迁移工具等方面加强基础支撑,实现多设备之间能力互助共享;二是为适应鸿蒙星河版不再兼容安卓应用这一变化,构建鸿蒙星河版系统的迁移适配方案,搭建兼容适配层,为工商银行移动应用支持安卓、iOS、鸿蒙三种系统的高效研发提供坚实技术支撑。
三、银行移动开发平台
建设展望
伴随着人工智能技术的深度应用,工商银行将紧跟移动端领域发展趋势,在平台标准制定、前沿技术运用、跨界合作等方面持续进行移动开发平台升级,构建更加完备的基础支撑及提供标准服务,全面提升工商银行移动应用的质量、效率及用户体验。