想提高银行用户体验设计？我总结了四个常见问题+解决方法

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

一直在做金融行业产品的用户体验设计，深刻地意识到用户的金融行为习惯和观念正在发生变化。

曾经，办理银行业务我们依赖的是物理网点，动不动就需要一趟趟的跑。

如今，越来越多的用户选择在手机银行线上办理业务。通过手机银行，日常的转账、缴费、还款、理财、小额贷款等都可以轻松完成，再也不用局限于网点柜台办理。

根据中国银行业协会发布的《2016年度中国银行业服务改进情况报告》，2016 年银行业平均离柜业务率为 84.31%，且已经有 15 家银行离柜业务率超过了 90%。各家银行都在主动适应新形势，主动去探索与客户接触的新方式。

未来银行想要吸引和留住用户，手机银行的体验设计扮演着举足轻重的作用。国内手机银行 APP 在体验方面仍存在很大的提升空间，体验设计需要进一步优化。

以下是在日常工作和 APP 体验中，遇到的四点通用性问题，以及尝试性的提出相关设计策略。

盘点现象，梳理问题

• 提升视觉美观度：手机银行 UI 界面设计粗糙、品牌一致性程度不够，需要升级视觉品牌，给用户留下专业、信赖的形象。
• 简化复杂操作逻辑：由于金融业务的复杂性要求，手机银行的操作逻辑总是异常复杂，不便于用户理解。
• 结构设计轻量化：手机银行包含功能众多，需要区别设计常用功能和非常用功能，消除冗余结构对用户体验的消极影响。
• 金融术语通俗化：晦涩的金融术语会让用户望而却步，用通俗化的语言可以让用户更好的理解相关内容。

设计策略

1. 强化品牌、升级视觉

可以考虑从一致性、简洁度、控件化三个角度来着手改进。

一致性：颜色的一致性、icon图标的一致性、前后名称的一致性

建立一个一致性的色调板，它可以影响用户的第一印象。

对于每个模块，一致的 icon 图标会让整个 app 显得很专业。

重复使用的那些名词，一定保证前后名称的一致性，不要给用户造成困惑。

简洁度

在有限的屏幕空间，清晰的展示内容永远是最重要的。

视觉设计需要注意分隔，提高留白，为内容留出干净、清爽的视觉空间。

要注意的是由于银行产品的多样性，要避免过于拥挤的模块设计。

为什么我强烈建议你学会使用模块化设计？

风筝KK：模块化设计是将设计分解成小的模块，然后独立设计它，最后再将它们组合成更大的系统，就像小朋友玩的积木一样，由一些简单的零件组成小的模块，然后再组合成各种模型样式。

控件化

建立模块控件，统一 UI 和交互设计规范，可以让整体视觉看起来更加规范和专业

2. 优化操作，简单交互

尽量简化功能点的操作逻辑，在做流程设计时，停下来想一想，有没有更便捷的操作方式。

适当借助最新科技的植入，可以方便用户更快速地进行操作。例如最近在做的注册改造项目，登录加入支持刷脸登录的快捷方式，可以满足用户快速登录的需求。

如果步骤繁多，需要注意两点：进度的提示设计、反馈设计。

首先，多步骤流程下，用户处于一种失控和未知状态，做好明显的进度提示设计，可以避免使用户产生厌烦感跳出界面，从而顺利完成相关交互操作。

其次，步骤越多，出错的几率就越大，设计师需要考虑出现异常状态该怎么办？这就需要做好及时的反馈设计，让用户清晰知道目前状态，从而具备掌控感。

3. 做好调研分析，提炼主次功能

手机银行的众多功能中，可以通过用户调研、数据分析等手段，明确本行目标用户常用的功能。

对常用的转账、存款、还款等功能做突出清晰化设计，方便用户日常操作需求。只要打开 APP，用户就可以快速找到他所需要的功能，体验自然就好。

平铺一样的功能结构设计，是无法给用户带来最好的舒适感的。

4. 跳出高大上术语，通俗化用词

由于手机银行是直接面向用户使用，用户根据手机银行上的图形和文字说明，进行相应的操作。

不同于在物理网点，如果你看不懂某一个词语，可以直接面对面询问工作人员。在虚拟的屏幕空间，即使有线上客服作解释（更别提有很多银行还没开通线上客服），理解也会大打折扣，而且还给用户造成麻烦的直观感受。

在设计之初，详细斟酌放到手机银行上的术语，不要那么晦涩，少一点高大上，多一点通俗化，更便于用户快速的理解。

历时两月，总结出字数10000+的微文案设计指南

本文撰写历时 2 个月，总结了以往的交互经验，翻阅了大量案例，所以本期文章看起来更像是一次分析报告，甚至会有些晦涩和无趣，建议和矿泉水一起服用。

银行体验设计是个很有意思的领域，还有很多要深入探索的问题，后续产品的完善和优化，仍需要结合业务、数据、调研等方面持续打磨。

如果您在使用金融系产品中，有碰到什么特别好的感受、特别差的体验，欢迎留言一起探讨。

欢迎关注作者微信公众号：「书灵的织梦国度」