菜单

项目背景

在互联网金融和移动互联网双重冲击下,现今商业银行的竞争聚焦到用户体验上,尤为突出的是手机银行客户端。作为银行与用户至关重要的连接点之一,如何提升手机银行用户的使用体验,符合用户金融产品的使用消费场景,从而提升银行在用户心中的品牌影响,都成为了产品设计的核心关键。
成都农商银行手机银行客户端是该行连接用户最重要的窗口,旧版手机银行无论从使用感受,还是视觉感官上都不甚完美,用户体验亟待提升。简立方作为专业的用户体验设计公司,应标为其设计新版手机银行。
我们将设计目标确定为,为成都农商银行重新定义以“客户体验”为中心的手机银行。以提升手机银行的易用性和美观性为重点,运用创新的设计思路,从信息架构、交互方式、视觉表达等多方面对其进行全面的改版设计,努力做到使界面信息更清晰、风格更简洁、使用更流畅,从而全面提升成都农商银行的用户体验。
p02

研究洞察

在前期的背景研究中,我们发现了目前手机银行设计中存在的一些问题,诸如缺乏应用场景、产品同质化、与年轻化趋势背离、操作繁复、使用频率低等。这些问题在成都农商银行手机银行中都有所体现,而这些问题也正是本次改版设计中需要着重解决的。
那么应该如何为手机银行创造出独特的体验?我们认为可以从以下五个关键点入手。

概念&创新

p03

在产品的概念设计阶段,经过筛选各种设计思路后,我们形成了“源”的设计概念,“源”是对概念的一种感性比喻。成都农商银行的手机客户端需要打破传统架构和界面规则,还原以用户这个“源”为核心为产品理念,以用户的需求和真实的用户场景出发,带来全新的突破。
p04
基于“源”的设计理念,将产品特性与成都农商银行独特的品牌DNA进行结合,提炼出了全新的视觉语言-聚流。在设计中,我们以聚流视觉语言为核心,保持了整个产品调性的一致性,在遵循设计原则的基础上,凸显了成都农商银行品牌个性。

交互设计

在首页上,我们一改常见的以功能为切入点的手机银行信息架构,采用卡片式方案将用户与银行最具关联性的账户信息呈现在了顶部。用户可以基于银行卡发起业务操作,生动地还原了用户使用金融产品的真实场景。
在业务场景中,我们将大量的业务图标进行了折叠隐藏,把用户最为常用的功能进行了聚合,点击“聚圆”按钮后,即展现出更多的业务入口。并且,用户可以根据自身使用习惯,调整首屏图标。
另外,首页作为一个重要的空间,正是银行提升金融理财产品销售的最佳领地,以更清晰的信息展现产品优势与特点,并兼顾对用户金融数据的分析,向用户推荐适合的理财产品,引导用户健康的理财与消费观念。
在转账业务的设计中,我们简化繁琐的业务信息呈现,优化转账步骤,并且以卡片的形式将收款与付款信息进行收聚,辅以丰富的动效,让用户操作更为愉悦。

视觉设计

p05
图标设计秉承识别效率为先,结合使用场景,适度体现情感的设计原则,以扁平、轻量为基础,赋予白绿蓝三色,具备高识别度,形成更高效率的视觉识别系统。在主要的色彩应用上,除了幽绿、青翠和湖绿以外,还点缀以橙黄,让整个界面更生动,更富活力。
在详细的界面设计中,我们引入聚流的设计语言,不断强化产品差异化,并且一直遵循统一的识别元素,在色彩搭配和细节表现上,秉承一直的视觉语言。
p06p07p08p09

标签:, , , , , ,