项目背景及目标

随着互联网技术的快速发展，移动应用得到极大的丰富和拓展，移动端已经成为银行系统应用的重要载体并覆盖对客大部分应用场景。

目前我社各类移动应用系统如手机银行、直销银行、移动OA等由不同厂商开发，各厂商在实施过程中会引入个性化产品，导致各类移动应用系统的技术架构、UI风格、用户体验等方面存在较大差异。从用户方面讲，由于用户界面缺乏统一性，用户无法形成统一的操作体验及习惯，学习适应成本高，在同业中降低了用户对吉林农信品牌的认知；从互联网金融的时代背景看，以用户为中心的理念已广泛深入到各行业，产品的用户体验至关重要，未来将逐渐成为市场的核心竞争力之一。我社的移动应用系统的用户体验在同业中较为落后，有待提升。

基于上述背景，我社启动全行统一移动UI、UE标准化建设，核心目标主要体现在以下几方面：

1.以用户为中心，规划平台级对客及行内移动端应用系统信息架构，以此为基点为我社客户及行内员工提供一站式服务。

2.进行全行移动端UI、UE标准化建设，统一我社移动端应用系统的用户界面的视觉形象，提升品牌识别度。

3.配套建立移动研发标准化流程，借鉴互联网敏捷开发思维，建立需求、用户研究、用户体验设计、开发、测试、投产、运维为一体的标准迭代式研发流程，快速响应用户需求。

项目方案

项目实施总体分为两个部分，分别为移动端信息架构规划和移动端UI、UE标准化体系建设。

一、移动端信息架构规划

结合我社的互联网金融发展战略，对全行移动应用平台信息架构进行整体规划，主要包括行内用户移动平台和对客移动服务平台两大类。

行内用户应用平台。用户群体定位为吉林农信全省行内员工，信息架构规划具体如下：

1.消息页。主要显示即时通讯信息、邮件提醒、审批提醒、日程推送等内容，提供全行通讯录，作为行内员工交流入口。

2.工作圈。主要功能为行内新闻资讯、考试培训、课程学习、问题发布等功能，实现行内员工学习分享、个人成长于一体。

3.首页。即行内领导及员工工作台，根据角色及员工的不同做到“千人千面”，根据自身工作需求，进行功能自定义。

4.应用市场。集成行内各类移动应用入口，照场景、按照部门、应用类型等归类，涵盖行内综合行政、日常办公、业务处理、小程序等各类应用场景。

5.我的。涵盖个人信息、个人成长体系、关联系统账户绑定、系统设置等各类功能。

对客移动服务平台。实现对客综合的金融服务，信息架构规划具体如下。

1.首页。包含银行基础金融服务如资产情况、转账、广告栏、金融产品推荐等，根据客户资产及行为习惯个性化推荐。

2.生活服务。提供城市服务、惠农商城、网点查询、智慧医疗等设及生活方面的生活服务，通过生活场景化增加用户黏度。

3.金融服务。提供金融日历、存款、贷款申请、信用卡、理财购买等金融服务，并通过对接三方机构实现更多场景的一站式金融服务。

4.我的。涵盖个人信息、账户信息、设置收藏、安全中心等基础功能。

二、移动端标准化体系建设

移动端UI、UE标准化体系建设主要分为移动UI、UE标准化规范制定、移动标准化研发流程建设、移动端UI资源库建设三部分。

1.移动端UI、UE标准化规范制定

根据平台化建设思路，未来将融入大量应用程序，为保证用户统一的操作体验和形象识别，对基础组件、流程交互、用户界面进行全面标准设计，建立统一的UI标准规范，用于约束主应用及扩展应用的开发。标准将结合当前流行趋势、业内先进的经验、用户使用习惯及应用场景进行综合思考，打造具有我社特色，良好用户体验的新一代移动端应用标准体系。

2.移动研发标准化流程建设

以用户为中心的理念，建立起从需求、用户研究、用户体验设计、UI设计、软件设计、研发、测试（众测）、投产、运维（数据分析）等标准化移动端研发流程，结合互联网敏捷开发模式，强调客户体验反馈，通过不断迭代开发投产等快速需求响应。

3.移动标准化资源库建设

将移动端UI、UE标准化规范进行落地，建设移动标准化资源库，资源库包含素材库、组件库、样例库3部分，素材库包含图标、图片、设计原型图等支撑移动应用的静态资源；组件库包括框架类、布局类、按钮、日期日历等常用基础组件，同时还包括转账、扫一扫、摄像头调用等功能组件；样例库则根据常见场景，对常用功能页面进行落地，以支撑相似功能快速开发构建。

创新点

1.移动应用平台化

互联网时代，连接成本趋近于零，平台化有助于推动跨界协作从而引进更多资源。

对银行而言，银行的服务领域和业务场景得到极大拓展，现有客户获得便利，进而提升用户粘性及忠诚度，忠实用户形成传播效应，带来新用户的加入，用户量的扩大带来平台价值的提升，从而吸引更多优质的产品及服务加入平台，进一步提升平台的服务能力和品质。

对第三方产品服务而言，使第三方获得了更有效的营销渠道，我社移动平台获得了更大的议价权，同时拓宽了跨界合作，平台—用户—产品/服务，三者形成“飞轮效应”，不断促进平台成长。

对社员行社而言，通过平台化支持省县两级法人模式，县级法人行社可以充分利用平台提供的服务，进行特色业务推广。

2.移动UI、UE标准化

平台级应用未来会扩展大量自主研发及第三方应用，为保证用户良好操作体验，统一品牌认知，快速响应需求，需要进行标准化控制。

首先，移动端的UI、UE标准化，统一我社移动端应用系统用户界面的布局及样式风格，形成统一形象，提升品牌识别度。

第二，标准资源库的落地，提供了大量标准化的移动组件、UI界面样式、图片等静态资源，通过细粒度的标准逐渐构建的上层移动应用，将会呈现出统一风格及统一的技术特点。

第三，配套的研发流程标准化，包括功能设计、组件设计、统一技术架构、文案表述，形成的标准文档将应用于需求、ui设计、功能设计、开发、测试等产品研发流程中的各个环节，构建标准化体系。

技术实现特点

1.设计以用户体验为中心

交互设计立足于银行业金融机构特点，从整个金融服务场景全面提升用户的体验，充分考虑用户的行为习惯，覆盖对用户生活场景的感知、产品的吸引力、使用的便捷度、客户服务等多个环节，真正意义上做到了以用户为中心，用户体验UE设计共分为5个层次，具体如下：

1）战略层

明确产品定位以及目标用户群体，由业务目标以及用户目标两方面构成。重点需要从用户视角看待产品，根据用户应用场景及行为习惯，分析产品的用户需求。

2）范围层

考虑产品需要满足的功能和承载的信息，重点围绕用户行为习惯及应用场景，考虑提升操作效率及使用体验的辅助性的功能设计。

3）结构层

构建产品操作流程及信息架构。重点围绕用户核心需求，构建满足用户行为习惯及应用场景的流程及架构。

4）框架层

初步构建界面形态，包括功能分布、界面结构以及交互方式。

5）表现层

定义界面的视觉形象，包括界面元素(及其不同状态)的规格、色彩、样式等。

2.移动标准组件化

以组件化构建业务模型为基点，结合全行对客户中心、产品中心、业务流程、支付中心、统计分析等能力集中于平台级移动应用于一身的定位，梳理移动端业务流程及应用场景，对组件及交互方式进行归纳和分类，参考主流element-ui、bootstrap、echats等前端开发框架的技术特点，构建移动端以组件为核心的信息框架、流程框架、交互框架的UI、UE标准，并配套UI设计及标准化文档进行前端资源库的终落地。

项目过程管理

全行统一移动UI、UE标准体系建设过程大概分为三个阶段，具体如下。

一、移动应用现状梳理及归纳（2019年7月）

调研行内主要的移动端应用系统、行内内较为领先的移动端应用，并结合通用的移动基础组件，进行界面梳理、组件归纳、流程归纳，提取典型要素并进行分类，保证梳理内容能够覆盖大多数应用场景，作为后续标准建设的范围及依据，本阶段输出物：

1.《系统流程、页面、组件梳理记录表》

2.《系统典型流程、页面、组件梳理清单》

二、移动UI、UE标准化规范制定（2019年8月）

根据*****阶段梳理的内容，建设移动端全行级统一的界面设计标准、组件设计标准、交互流程标准、文案表述规范等一系列标准化规范，对全行移动平台信息架构进行规划，本阶段输出物：

1.《吉林农信统一移动平台总体规划》

2.《典型流程及页面设计方案》

3.《典型组件设计方案》

4.《典型页面及组件设计标准图库》

5.《移动端内部系统设计标准规范文档》

三、移动标准资源库建设（2019年8月-2019年9月）

根据统一移动UI、UE标准规范形成的技术标准，开展本地标准化资源库建设，包含了标准组件、典型页面、典型流程、静态资源等在内的移动资源库，并形成配套的移动研发标准体系，实现移动从需求、设计到上线的一整套标准实施流程。

运营情况

1．试点系统体验升级

以移动UI、UE标准化规范为标准，根据《吉林农信统一移动平台总体规划》，选取内部员工移动工作平台（手机版）典型移动端系统作为试点，对标移动ui、ue标准体系建设落地的规范和资源库，按照配套的移动研发标准流程，进行标准落地，目前内部员工移动工作平台已完成研发，用户界面风格统一，研发构建效率较快，同时在标准落地过程中不断迭代完善标准，使其具备普遍性并能覆盖大多数应用场景。

2．标准规范推广

以行内移动工作平台标准规范落地为起点，行内其他移动端应用均遵从统一的移动技术标准、移动UI标准、移动研发标准执行，现已启动新版领导驾驶舱（PAD）建设，将以行内员工移动平台为标杆，遵循全行UI、UE标准化规范，进行项目建设。

项目成效

1.以用户为中心进行吉林农信移动平台化信息架构设计，构建互联网金融生态圈，对银行而言可以节约宝贵的时间、开发成本和资源，集中精力创造更好的产品，增强了品牌辨识度，对用户来说，通过对用户研究使得产品更加贴近他们的真实需求，提升用户忠诚度，降低流失率和交易失败率。

2.全行标准化UI、UE资源库的落地，使得行内所有移动端建设都有据可循，通过标准的遵循、组件的复用、页面流程的参考使得产品研发的设计、沟通、人力投入成本都大大降低，在功能实现上能够快速构建，以符合互联网金融时代同业竞品上线快、用户需求变化快的特点。

3.移动UI、UE标准化建设同时也涵盖了各行社的需求共性，根据“全省科技一盘棋”的战略思想，移动标准规范的落地为各社员行社的自主移动应用建设提供了指引，移动标准资源库的开发有效支撑了各社员行社的科技建设，同时标准的统一也大幅提升了吉林农信品牌的全局竞争力和品牌影响力，重塑了农信创新形象。

4.随着移动UI、UE标准体系的建设，大幅提高了行内人员的业务能力和大局意识。后续将与移动开发技术标准相结合，作为金融IT自主可控的一部分，逐步实现移动标准自主可控，有效响应国家科技自主可控的总体战略。

经验总结

1.平台化思维

互联网金融时代，企业单线作战或大包大揽的模式，已无法满足市场需求及应对市场变化。专业的机构做专业的事，银行需借助自身优势资源（客群、资金规模、风控），开放融合，跨界协作，打造平台化产品，使客群、第三方产品服务及平台自身得到相互促进，实现共赢。平台化思维，不仅体现在产品形态上，也可应用到银行的服务模式中，拓展银行的服务领域，实现更大的商业价值。

2.以用户为中心(UCD)的产品设计流程

互联网金融时代，以客户为中心的服务理念已在各行各业中得到体现。这不仅需要体现在针对客户的服务模式中，用户体验思维也需要深入到产品研发流程中。在产品规划设计的各个环节，都需要考虑用户的应用场景及操作习惯。

1）需求阶段

通过用户调研，如问卷调查、焦点小组、深度访谈等方法，挖掘用户需求。

2）概念设计阶段

通过用户参与式设计，如卡片分类、情景模拟等方法，探索产品形态和设计模式。

3）深化设计阶段

通过可用性测试，结合用户访谈的方式，验证产品原型的合理性，以及用户的接受度。