深圳得高端UI设计公司是如何做项目的

设计财务跟踪器应用程序

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

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

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

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

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

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

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

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

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

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




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

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

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


首页 > 新闻资讯

Tag: 深圳UED设计公司 人工智能体验设计咨询公司
留言