01

全新探索

洞察客户真实需求

招商银行1987年成立于中国改革开放的最前沿——深圳蛇口,是中国境内第一家完全由企业法人持股的股份制商业银行,也是国家从体制外推动银行业改革的第一家试点银行。
财资管理云平台(CBS5)是招商银行针对跨国公司、集团企业、财政事业单位等机构类客户资金管理需要,打造的专业财资管理系统。随着产品客户对移动互联、大数据处理及“云”处理的需求,CBS需要在功能上进行一次革新。于是,招商银行找到我们UIPower团队对CBS4.0进行全面升级,在旧版本的基础上提升用户体验,满足用户跨平台的要求。
02

跨平台

挖掘创新机会及空间

随着智能移动终端的不断普及和完善, PC设备在商务办公中的比例正在迅速下降,移动化办公必将是企业信息系统建设的又一次革新。我们与客户反复讨论后以用户使用场景为基础,优化流程为重点,从体验细节打动用户,不断明确功能使用场景和用户使用痛点。
在交互设计时,我们需要考虑不同平台的操作系统的操作特性,不同硬件设备的操作习惯。借助于我们的原型工具UX Designer快速完成产品原型的开发,投入可用性测试,迅速的对交互做迭代调整。
03

卡片化

减少功能界面堆叠

老版本CBS4.0是一款基于Windows PC客户端的软件系统,窗口过多,用户必须在众多菜单项中费时地查找。
我们现在更强调产品服务的“所见即所得”,UIPower团队通过扁平的卡片式设计方式,将产品、咨询、服务等信息更扁平、直接地呈现在客户面前。同时最大化地减少页面层级,使用户产生轻量化的使用感受。
我们还根据不同的设备特性进行不同设计,根据设备的特性进行功能的侧重点划分。
04

一站式登录

减少用户操作步骤

为了满足用户高效、便捷的产品使用心理预期,我们改变了招商银行官网以及各平台账户数据分离的现状,通过建立一站式交互入口,最大化减少用户操作步骤,从而保障了用户查看产品、使用产品等场景下体验的完整性和流畅性。
05

定制化的控件设计

不同于传统的界面设计,我们鼓励设计师发挥想象,突破原有的控件限制,根据产品特性创造更加易用、美观的控件。UIPower团队通过提炼并加以图标引导,形成活泼、鲜明的设计风格,吸引用户的互动参与,从而实现产品、服务等运营内容的个性化精准营销;在保障用户愉悦使用体验的同时,帮助招商银行实现极具体验价值与商业价值的运营模式。
06

可视化的图表设计

基于多维度的可用性测试评估分析,我们发现单调的(如纯文字或表单)展示方式往往给用户带来很多认知困扰,因此,我们采用数据可视化的设计方式,将用户的资产信息、资金走势、金额占比等内容清晰展示,弱化数据带给人的距离感,提升平台用户体验。
07

贴近生活的色彩风格

我们一改CBS4.0版本中庸、严肃的设计风格,为产品融入充满生活气息的多样化色彩,形成极致、纯净、活力的全新设计风格。本系统以蓝色为主,使用不同纯度、明度的蓝色,在丰富界面层次的同时,又使界面整洁和谐,风格统一。
08

可配置的主界面

PC版本的主页我们采用了可配置的主界面交互模式。
提供了最近交易、监控消息、待审核信息、到期提醒、到账提醒、待授权、存款利率、贷款利率、外汇牌价等企业用户最为关注的信息配置到主界面上。
由于PC端产品功能复杂繁多,为了保证平台开发实现效果统一,后续扩展设计有依据,我们对PC端界面进行了统一的规范设计,包括基础规范、控件样式及使用规范。
09

开发实现

CBS4.0客户端使用C++ Builder开发了八年,界面数量超过2000个,为节省开发时间,我们采用DirectUI工具对界面进行改造,可视化的开发方式大大提高了开发效率。