开云电子平台金融产品体验指南：如何创建简单美观且令用户愉悦的界面设计如果苹果推出银行金融产品解决方案，猜想一下金融行业会如何发酵？其他数字金融服务会不会升级已有的产品体验？传言，谷歌、苹果、脸书、亚马逊有计划进军银行业态，真的有点小期待呢！数字金融世界将起伏跌宕。就像百团大战、出行亿万补贴等等。能否超越现有的数字金融产品的体验，能否打破固化的传统金融服务思维，摒弃让用户感到痛苦的体验呢？能否创造出简单且美观的界面视觉呢？能否让用户感受愉悦的产品体验呢？

　　分步式指南——在保持完整的银行业务所需的功能前提下，如何设计出简单且美观的移动数字银行界面？

　　我们为什么要与客户建立情感联系，对打造优秀的金融科技（FinTech）产品会产生什么样的作用？

　　为了更好的了解客户的具体需求，我们如何进行深入研究、创建同理心地图（Empathy Map）？

　　为了更接近我们的目标，在复杂的数字银行产品中让用户获得更好的体验，我们必须敢于创造更简单、更美观、更令用户愉悦的用户界面体验开云电子网址，同时保持完整功能。

　　每天需要解决来自金融业务的设计挑战，保持对颠覆传统金融业务服务的热衷和围绕用户需求为目标中心。在长达几个月的时间，我们设计出一款数字金融产品：Light Bank。

　　我们邀请你加入这次构建体验设计的旅程，向你展示一种截然不同的金融服务设计方式。我们所提供的想法通过一种不同于传统金融体验设计的方法，希望可以激发更多思考和变革。

　　我们希望数字金融产品的客户不仅仅只是单纯的用户？能否可以像苹果的客户那样成为忠实的粉丝？怎么做才能换来他们的忠诚和支持？想要做到这一点，我们有必要更好的了解他们，站在他们的视角看待金融世界开云电子网址。虽然每个人都有自己的独特人生观，但他们都有一个共同点，那就是人性。

　　我们不得不重新思考那些广泛使用的银行界面设计模式。首先，我们会保留移动界面中常见的用户友好交互模式。我们所面临的挑战，不仅仅是创造简洁的数字银行 APP，还要保持其全面的银行功能。因此，Light Bank 的概念应运而生——轻与简的完美结合。

　　首先，我们分析产品的业务目标。用户体验专家确定商业模式和产品发布策略，以便更好地理解如何最大限度地为用户创造产品的价值。

　　然后，我们尽可能收集更多的目标用户群的数据。对于 UXDA 团队来说，了解那些可能会对 Light Bank App 产生兴趣的用户需求和感受至关重要。

　　经过多次的访谈、收集公开信息、通过社群开展问卷调查，我们为数字银行服务创建了几个潜客档案。我们故事的主人公设定为一名千禧一代学生，一名企业家、一名女性商人。

　　总而言之，我们需要一款具有创新性和视觉吸引力的移动数字银行产品，期待在市场上众多金融科技产品中脱颖而出。

　　我们为每个人绘制一张“同理心地图”，并根据他们的优先事项，总结出主要的金融服务场景。这可以让我们能够更深入了解角色的体验，通过他们的视角看金融世界。

　　同理心地图能够指出从常见银行服务中收集到的痛点和对体验的担忧。用户主要担忧来自数字银行服务的复杂性，以及那些令人生厌，陈旧过时的设计。为了扭转这种局面，提供愉悦的用户体验，我们有必要更好地了解我们的客户。

　　我们发现用户对非银行金融科技 APP 特别感兴趣，因为他们经常被使用过这些金融产品的朋友邀请试用。

　　这一步使用用户旅程地图（UJM）整合所收集的知识。UJM 方法基于 BUP（业务、用户、产品）框架，非常适用于数字金融服务的开发。

　　我们的产品设计师的开展一系列任务，了解用户的期望、情感和场景，以及业务目标、关键绩效指标（KPI）和战略。通盘了解之后，我们以最佳方式满足客户和企业的需求，分阶段设计一款的银行 App 用户体验。

　　在这个里程上，我们从情感角度明确最关键的接触点。事实证明，用户会记住那些让他们感受不好的服务体验，通过积极的产品服务体验扭转用户的感受是很有挑战性的。考虑到这一点，为了提供极致的数字银行体验，我们有必要找到并解决关键痛点。

　　我们的移动银行 APP 的旅游图包括 5 个 阶段、17 个接触点和 346 个语句。对于更复杂的金融服务，用户体验设计的接触点数量可能达到 100 个，报表总数可能超过 2000 份。

　　“向账户充值”这个功能的用户触点，其目标快速、安全地从任何其他货币账户向 Light Bank 账户充值。

　　用户在这步骤中的痛点之一，可能是在使用充值功能随时向 Light Bank 的账户充值时，不得不重复输入支付信息。

　　与此同时，让用户觉得充值过程新颖、简单、清晰、快捷和安全，对企业而言也很重要。在这一阶段，银行 APP 可以将这一优势定位为“几秒钟内完成账户充值”。

　　通过对用户和业务的了解，我们发现移动银行 APP 在用户交互的每个步骤中的需求。这样，我们就能列出功能需求清单，制定“红色路线图分析”，并确定“强大”的用户应用场景。

　　现在，我们能够创建银行 APP 的设计架构，将用户的心智模型考虑在内，以最简单的方式向他们传达操作的结构和原理开云电子网址。在创建了信息架构后，我们就能了解概念服务模型的所有信息，该模型由基本信息块（包括术语词库）构建而成。为此，我们使用了“卡片分类”方法，要求户根据自己的具体感知对服务要素进行分组。

　　在 Light Bank 的案例中，我们简化了服务结构，因此去掉导航菜单。尽管如此，我们还是保留了用户所需的所有基本银行功能。该服务提供有关用户账户和交易的全部信息，包括统计图表。用户可以发送汇款、申请汇款、为账户充值以及安排定期付款。还可以添加和管理多种金融产品，包括、保险、、投资等。当然，该服务还有个人资料设置、通知和支持功能。

　　在了解用户场景和开发信息架构之后，我们构建了用户体验战略的基础。现在，我们可以着手进行低保真（Lo-Fi）流程设计。

　　创建 Lo-Fi 低保真流程是为了了解主要用户场景的正确顺序，这些场景已在前面的步骤中确定。它有助于设计和调整用户为实现目标而必须采取的行动。

　　有了 Lo-Fi 低保真流程，我们就能通过考虑数字银行 APP 的所有功能需求来构建移动银行服务的内部逻辑。

　　我们需要 Lo-Fi 低保真流程来检查主要用户场景中的用户体验冲突，通常在项目开发过程中，Lo-Fi 低保真地图会进行调整。

　　接下来，我们着手开发高保真（Hi-Fi）线框图。我们的任务是将屏幕结构和内容可视化，同时考虑到服务逻辑和所有先前生成的用户体验洞察。

　　使用这种“可视化语言”，我们在设计研发银行 APP 时就能将主要重点放在用户的感知上，而不是使用传统的技术要求列表，因为这种列表可能会被误读，而且与用户如何感知金融科技服务的现实情况相去甚远。

　　我们使用 Hi-Fi 高保真线框创建移动银行 APP 原型，用于测试红色路线分析中的主要愿景和关键用户场景。

　　我们开展用户任务测试，主要目的是确定用户在哪些地方难以完成既定任务，以及他们在哪些地方不理解概念中的界面。因此，我们对“卡点”进行了必要的修正，或找到更合适的替代解决方案。

　　例如，当用户试图了解如何激活支付功能时，就会遇到一些困难。在这种情况下，为了保持移动应用程序的架构，我们无法取消这种交互。相反，为了让不懂技术的用户更清楚地了解，我们在首次登录时加入了一个学习提示。

　　与用户体验专家团队讨论测试结果并做出必要调整后，我们开始着手移动数字银行界面设计的关键概念。UXDA 设计师团队仔细研究了用户体验战略、主要用户描述、业务需求、UJM 和产品愿景。考虑到用户体验的可交付成果，我们的用户界面设计师为金融服务着手设计一个情绪板。

　　作为人类，我们对美的渴望已不是什么秘密。许多人都会同意，大自然是最伟大的美景之一。噼啪作响的篝火......森林中汩汩流淌的瀑布......满天繁星点缀的宁静夜空......大自然以朴素之美安抚我们的心灵，这深深印刻人类的大脑进化之中。

　　将这种来自大自然动人奇迹的兴奋感转化为现实，是我们所期待的展现形式。对我们的团队来说，设计“Light Bank”是一个巨大的挑战，最终要让用户如此着迷和欣喜，以至于他们的日常金融业务看起来完全是另一种现实。

　　创造关键设计概念是最重要的里程碑。这一阶段的主要任务是找到一种方法，将情感和想法转化为数百万人喜欢使用的产品。

　　要完成这项任务，仅仅在线框中添加颜色或遵循抽象的设计灵感是不够的。只有考虑到以下几点，才能设计出理想的解决方案：

　　通常，在艺术总监的领导下，整个设计团队都会参与设计概念的开发。为了找到正确的设计方案，要对大量的解决方案和用户界面元素进行头脑风暴、基准测试和试验。在这个可能持续一周或更长时间的过程中，最初的设计会经历多次转变和修改。这个过程一直持续到最终的结果出来为止，最终的结果会鼓舞整个团队并满足所有预期要求。

　　在 Light Bank 案例中，我们的最终任务是创建一个设计概念，展示最重要和最基本的用户应用场景。我们总共创建了 30 个界面，然后将它们组合成一个可点击的可交互的原型设计。

　　我们的旅程从使用面部 ID 验证进入 Light Bank 开始。然后，我们可以看到主要账户的余额，还可以刷卡查看其他账户的余额。

　　在 账户 的末尾，我们可以看到信用卡列表，然后是市场，在这里我们可以申请任何金融产品。账户列表没有限制，可以显示不同银行的账户以及不同的金融产品，如、保险或投资。

　　我们只需点击账户即可打开交易历史记录。在这个屏幕上，我们只能看到每笔交易的基本信息——金额和收款人。当滚动浏览交易时，我们会看到屏幕底部有一个日期，该日期也具有过滤功能。点击它，用户可以指定交易的时间段，或根据所需参数对所有交易进行排序。

　　用户只需点击交易，就能查看交易的详细信息，包括时间、身份证号码、地址等，甚至还能查看同一收款人之前的交易。

　　对于大多数手机银行 APP 用户来说，能够查看余额和交易历史记录至关重要。对于某些用户来说，能够查看其资金状况的详细分析也很重要。

　　为此，我们创建了一个统计图表、预测和设置部分，只需点击余额金额即可打开。用户可以选择自己感兴趣的数据类型和日期范围。在详情和设置部分，用户可以查看账户的技术细节，并可以更改限额。

　　在 Light Bank 市场上，用户可以使用多种金融产品。客户需要从列表中选择产品类型和用途。在本例中，我们选择了以购车为目的的，Light Bank 会迅速向我们显示三个预先批准的优惠方案。

　　根据用户的金融财务状况分析，为特定用户定制租赁报价。然后，用户可以查看最高租赁金额，并可对其进行编辑，减少租赁金额。他/她还可以通过更改月付款额或总额来重新计算租赁。

　　要打开金钱交易菜单，我们只需在主屏幕上长按余额金额。随后会出现两类操作——添加钱款和发送钱款。添加资金 功能允许我们使用其他银行的支付卡为所选账户充值、与朋友分担账单、分享我们的账户信息以申请资金或生成一个凭单密码，以便我们的朋友可以通过 ATM 进行远程存款。

　　我们的用户体验架构师和用户界面设计师设计的 汇款 功能在大多数情况下都尽可能简单。在大多数情况下，我们只需输入金额和收款人姓名即可。大部分转账都是向同一个收款人进行的，因此我们创建了一个“最近”列表，用户可以轻松找到自己喜欢的交易收款人。

　　客户还会喜欢搜索功能。智能搜索将从联系人列表、银行模板和交易历史记录中提供可能的受益人列表。还可以使用地理搜索功能方便地汇款，该功能可以找到附近也与 Light Bank 有联系的朋友。

　　如果用户在搜索栏中找不到要找的内容，新付款 功能会自动出现。要在账户间转账，用户只需选择 账户 选项卡即可。

　　Light Bank 还提供银行语音助手的使用。你只需说一声“Hi，Light Bank ”，与银行的语音聊天就会打开。你只需注明收款人和金额，付款就会准备就绪。

　　假设在通过开放银行 API 向 Light Bank 载入联系簿时，发现受益人在不同银行拥有多个账户。在这种情况下，用户可以选择向哪个特定账户转账。

　　当然，我们也考虑了很多关于通知的问题。如果我们能在通知中加入一些情感元素，使其形象化、动画化，而不是枯燥乏味的文字，岂不更好？这样，我们不仅能吸引用户的注意力，还能通过提供更愉快、更有趣的体验来提高用户对手机银行 APP 的参与度。

　　如果 Light Bank 不能遵循白天变成黑夜的自然规律，就不能称之为“Light Bank”。它是有生命力的。利用地理数据和时间，Light Bank 可以根据一天中的时间自动从浅色背景过渡到深色背景。如果用户喜欢某个特定的背景，可以选择将其设置为默认背景并一直使用。

　　最后，我们需要确保我们的设计理念具有进一步发展和扩展的潜力。为此，我们创建了设计系统（Design System）。汇集用户体验可交付成果、用户界面资产、常用视觉组件、设计原则以及特定产品的风格指南。该系统有助于在产品开发人员和利益相关者之间架起桥梁。

　　给客户带来的好处：在复杂的界面，甚至不同的数字渠道中使用相同的设计语言，可以保持产品的一致性，减少用户的认知负担。

　　对企业的好处：即使团队分布在世界各地，当每个人都“站在同一战线上”，使用同一种语言时，设计就会更加稳健，协作也会更加快速有效。设计系统可以帮助开发团队迅速满足不断增长的客户需求。

　　对设计人员的好处：逐个分解用户界面比同时处理所有屏幕更方便。这样，设计人员就可以轻松定义和更改组件，使其达到“完美像素”。

　　对开发人员的好处：设计系统可用于建立相关的元素代码库，并使用类似的复制/粘贴结构，以方便开发。

　　设计系统提供了一种方便快捷的查找元素和实现快速界面原型设计的方法，而无需在数百个屏幕中搜索特定元素或模块。这大大提高了设计和开发团队创建和吸收独特产品设计语言的速度。

　　这就是我们通往世界银行设计之路。Light Bank 由 UXDA 团队设计，旨在激发变革。我们的目标是说明以人为本的设计能为数字银行服务带来的价值提升。我们所需要的是“打破常规”的设计思维、开放的心态和真正的决心，以愉悦的用户体验为重点，解开金融世界的谜团。

　　我们不断在平均水平的基础上更进一步，创造出客户所追求的最佳金融解决方案。以用户体验设计案例研究为指南，实现这一目标，如果您需要任何帮助，我们随时恭候。

　　在 UXDA，我们正在解决与复杂枯燥的金融设计相关的挑战，拓展客户的视野。最重要的是，我们日复一日地一步步改变着银行业的思维方式。