惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

H
Help Net Security
G
Google Developers Blog
aimingoo的专栏
aimingoo的专栏
博客园 - 聂微东
酷 壳 – CoolShell
酷 壳 – CoolShell
小众软件
小众软件
Stack Overflow Blog
Stack Overflow Blog
美团技术团队
博客园_首页
T
Tailwind CSS Blog
博客园 - 三生石上(FineUI控件)
B
Blog
D
DataBreaches.Net
腾讯CDC
C
Check Point Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
U
Unit 42
月光博客
月光博客
V
V2EX
Vercel News
Vercel News
T
The Blog of Author Tim Ferriss
The Cloudflare Blog
博客园 - 叶小钗
Y
Y Combinator Blog

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
MoneyWiz 3.1 更新详解:全新的 UI 设计终于来了 - 少数派
2018-11-13 · via 少数派

MoneyWiz 是一款全功能的个人记账 App,在 6 月 4 号时迎来了它 从 2.0 版本向 3.0 的跨越,虽然从版本号看来那是一个大版本的更新,但实际上它仅对付费模式和账户类型做了些许调整。

而在最近更新的 3.1 版本中,它终于带来了全新的 UI 设计,这一次,MoneyWiz 3.0 时代是真的到来了。

在 3.1 版本之前,MoneyWiz 整体看上去有一种老里老气的感觉,仿佛还停留在刚进入扁平化的 iOS 7 时代。并且「汉堡包」式菜单栏在操作过程中总要让人多点几下;而在 3.1 版本中,MoneyWiz 终于跟上了潮流,加入了 iOS 11 原生的设计风格的大家庭。

左:MoneyWiz 3.0;右:MoneyWiz 3.1

在旧版本中,左侧的菜单栏除了「设置」之外有「控制面板、账户、预算、预定、报表」这 5 个可选项;而在新版中,控制面板被整合进了账户、预算和预定中,从而形成了三大功能 + 一个报表的局面。

除了菜单栏的重新组合,另一个值得关注的点是「账户」和「类别」的图标设计。在旧版中,账户和类别共用一个图标库,并且仅有单色可选(红色/绿色);而在新版中,账户的图标在首页中并不能显示,类别可以选择多彩图标。

图标设计的变化

对于账户来说,这种设计能更加凸显「文件夹整合账户」的功能性;对于类别而言,多彩能更加提高辨识度和美观性。

而且,账户预算预定三大功能也各自发生了不少变化。

新版的「账户」地位更高

第一大功能是「账户」。

在旧版中,它被排在了「控制面板」之后,且仅能显示账户的金额、净值等信息,如果想查看最近发生的交易的话,要在侧边栏打开的状态之下点击小眼睛图标。

旧版的账户功能

而在新版中,App 主页就是「账户」,其中又分成了账户、全部交易和统计 3 个子功能。在子功能「账户」中,你可以看到你所有的银行卡、信用卡、贷款账户、投资账户等等,相较于旧版,3.1 将净值放置在了左上角,可以让我们更直观地了解自己的净资产;子功能「全部交易」里可以看到所有的交易记录;而子功能「统计」则是旧版中控制面板中的一个子项目,包括负债,今日、本周、本月支出,和本月收入,现在则被整合进了「账户」这个功能中。

新版账户功能

重新设计的预算更一目了然

第二大功能是「预算」。

在旧版中,MoneyWiz 采用一种较细的、渐变色的进度条来显示预算的执行情况,视觉上并不是非常直观明了。而在 3.1 版本中,进度条被加粗了很多,颜色也各不相同:绿色、黄色、红色分别代表了不同的执行情况。

左:MoneyWiz 3.0;右:MoneyWiz 3.1

对于单项预算来说,有三种显示方式:

  1. 已确定:仅包含所有已经确定的交易,也就是标记为待定中的交易不会包含
  2. 待定中:包含所有已确定和待定中的交易
  3. 预测:除了以上两项之外还包含该时间范围内将会发生的交易,也就是「预定」中计划好即将发生的交易
预算的三种状态

不过 3.1 版本将当前时间位置的尺标取消了,所以我们现在就不能通过尺标来判断当下的消费是否超出预算了。

预定管理更突出下一步行动

第三大功能是「预定」。

在旧版中,日历和未来的预定交易合并在同一个页面中,这样又一个很明显的缺点:在一个页面中无法显示足够多的未来预定交易。

预定的变化

而在新版中,MoneyWiz 把日历和预定交易分开显示,这样你就能在主页面中看到更多的下一步行动。

交易记录中的小细节

在介绍完账户预算预定三大功能之后,我们再来看下记账时的体验。

首先是交易类别。在 3.1 版本前,MoneyWiz 一共有 3 种交易类别:支出、收入、转账;而在新版中,曾经作为配菜的调整余额成为了第 4 种交易类型。

左:MoneyWiz 3.0;右:MoneyWiz 3.1

其次是交易布局的设置。在旧版中,你可以在设置中按照自己的偏好选择需要记录的项目,而在新版中,这种「按需选择」被归为了自定义功能;除此之外你还有简单常规专业 3 种选择,这对记账新手来说比较友好:你可以按照自己的实际情况对应不同的分类,而不会在记账初期就被过于详细的几张细节所吓跑。

自定义交易布局

最后一个新版的调整就是待处理交易的显示方式。曾经的 MoneyWiz 用红绿丝带来区分该交易是否为「已确定」的状态。

待处理交易

在 3.1 中每条交易前面的丝带被小圆点所取代:如果右下角有红色小圆点,则表示该交易暂未确认;同时,它会与其他交易区分开来,以顶置的形式显示在最上方。另外,在前文中提到的被取消的「控制面板」中曾经也有一项为「正待处理的交易」,现在也被统一归在全部交易/相应账户的定制服务方位显示。

报表功能进一步优化

大家都知道 MoneyWiz 的最大特点就是:报表多。在 3.1 中,报表种类还是这三十多种,只是在设计交互上面进行了部分优化。

报表

以「比较支出类别」为例,在旧版中,图表和交易默认合并在同一个页面中显示;而在 3.1 中,图表和交易各自成为一个子功能。除此之外,曾经的图例在新版中也被取消了,取而代之的功能是:点击之后显示相应图例。

左:MoneyWiz 3.0;右:MoneyWiz 3.1

写在后面

从开发者公布「即将推出」MoneyWiz 3.0 到现在已经过去了大半年,说实话,我的热情在它一次又一次的跳票中已经慢慢衰减了,让我还一致执着于它的原因有二:

  1. 是 MoneyWiz 让我建立起了我心中的记账体系,也就是我教程中所说的「记账系统」,而记账本是一个功能性的需求,功能比颜值更重要;
  2. 作为一个以数据为导向的 App,迁移成本之高不容小觑。

所以我还是选择等,哪怕它的设计风格落后得令人发指,毕竟最终总是会等到。

这次焕然一新的 3.1 还是那个我熟悉的记账体系,UI 的优化和细节的调整让它在功能强大的同时,感官上也更平易近人,跳票什么的,习惯了就好。