设计财务跟踪器应用程序

关于设计名为 Pocket 的财务跟踪器应用程序的 UI/UX 案例研究。

在这个案例研究中，我将分享我在设计 Pocket 应用程序时的思考过程，如果您想知道的话，这是一个个人项目。那么让我们开始吧?。

口袋到底是什么？
Pocket 是一款用于跟踪您的个人财务状况和设置支出预算的应用程序，可帮助您更接近您的财务目标。

但是为什么叫它 Pocket 呢？我尝试想出与钱相关的不同名称，例如 Wallet、Wally、Spendy、Pocket 等等。但我最终还是选择了 Pocket，因为我们大部分时间都把钱放在口袋里。

为什么要设计财务跟踪应用程序？
故事要追溯到我的大学时代。我是那种喜欢记录我的财务状况的人?，我在大学时自然而然地这样做了。在那段时间里，我使用了一个简单的资金管理器应用程序，你必须手动记录你的收入和支出。这对我来说已经足够好了，因为那时我没有很多交易。
但是当我开始工作并且我的开支开始增加时，这种情况很快就崩溃了。手动跟踪所有费用非常困难。在这一点上，甚至我的朋友和同事都在不知不觉中谈论他们花了多少钱，他们想节省一些钱。我开始寻找可以跟踪我所有费用的应用程序，自动同步我银行账户中的所有交易。虽然我遇到了一些具有我正在寻找的功能的应用程序，但它们中的大多数感觉非常复杂并且在用户体验方面并不是最好的。此外，设计不是最好的。这就是促使我想象和设计我自己的财务跟踪应用程序的原因，该应用程序可以解决所有问题，同时提供最佳体验。

有趣的事实：我实际上为整个应用程序设计了 50 多个屏幕！⭐

要事第一！
让我们谈谈应用程序徽标。该应用程序在手机主屏幕上的外观如何？毕竟第一印象就是最后印象对吗？（或者他们是这么说的，但我不相信 ?）
徽标相当简单，类似于裤袋，蓝色是应用程序图标和屏幕的主要颜色，因为蓝色通常与有序相关，安全性和可靠性。

幕后的一切
我不会深入探讨这个项目的过程，但让我分享一下它的简要概述。我首先为我的应用程序定义功能列表，然后为应用程序内的不同目标绘制整个用户流。这是混乱过程的快照。

启动页
屏幕侧重于该应用程序的 3 个主要功能——跟踪支出、连接多个银行账户和设置预算，其中简要概述了该应用程序及其产品。下一步是链接您的银行帐户以开始跟踪和分类您的支出。用户还可以选择在此处添加另一家银行或直接跳转到应用程序。

主屏幕
首先看到的是您当月的收入、支出和现金流，以跟踪基本支出概况。接下来是深入研究不同类别的支出模式，然后是当月的所有交易，以进行更精细的跟踪。所有这些都是按月显示的，因为这是查看费用的最常见方式。支出模式卡还加倍了一个过滤器，可以点击该过滤器来过滤并显示该类别的所有交易！

您可能想知道，如果我还想跟踪现金交易怎么办？我可以这样做吗？是的你可以！我们也会尽快检查。

个人中心
的钱包 钱包选项卡在顶部显示您所有账户的总余额，然后是您迄今为止关联的所有银行账户。您还可以查看特定银行账户的更多详细信息，例如该特定银行账户的收入和支出以及交易。您还可以使用图表查看每日收入和支出。

一路上我学到了很多东西，主要的是文案写作和用户测试的重要性。
编写 UX 文案不像视觉效果或实际流程那样受到太多关注，但它具有成就或破坏用户体验的能力。一个好的 UX 副本可以帮助用户更轻松地实现他的目标，也可以帮助在整个应用程序中洒上喜悦。
用户测试对于从用户的角度理解一切非常有帮助。它帮助验证了我的很多假设，并确定了他们在使用该应用程序时面临的一些痛点。