三个月,我将这款记账 App 带到了这个世界:Costuary

产品设计 2017-10-12 阅读原文

今年六月的时候,萌生了开发一个记账 App 的想法,想去用自己的 App 记账,管理收支。那时正好在英国是考试周,放假后,我回到了国内,准备去实现我的计划。没想到这暑假很快就结束了,在这个暑假中经历的太多的事,准备了要去美国读研的考试,遇到了生命中的另一半,同时,也将 Costuary for iPhone 带到了这个世界。

Logo

说道为什么要开发这样一个 App ,因为笔者在 UK 读书,市面上很少有记账 App 能够实现实时汇率的换算,带有这个功能的 App 也是操作繁杂。所以要自己开发一个,功能并没有那么复杂的,并且能够满足自己在国外和国内生活需求的 App,所以自己编写了 iPhone 的客户端,为了获取汇率和 Excel 导出,又用 Java 设计和编写了 Costuary 的后端服务器。

比起今年年初开发的 Flat Weather ,这个项目的代码量大约是他的十倍,需要实现众多的功能和模块。

这篇文章将会介绍一下 Costuary 的功能与我开发过程中的一些心得。

效果图

设计

说到设计,两年前,我还是一个 Android 开发者,Google 的 Material Design 是我的最爱,所以,Costuary 采用了 Android 5.0 之后采用的 Material Design 设计。其中掺杂了一些我自己的设计,因为 Material Design 的控件有时候操作繁琐。

早在 5 月份的时候已经零零总总的用 Sketch 画出了这个产品的 UI 和图标,之后开始了漫长开发的过程。

Sketch

交互

与去年开发的 Android 版不同,iPhone 版的 Costuary 采用了 底部导航栏 的设计,相比于 Android 通常使用的 Navigation Drawer 的抽屉布局,底部导航栏的设计即使在右手操作 iPhone 的时候都不会太费力。

UX

功能

Features
  • 多币种记账

Costuary 支持世界上主要货币的实时汇率转换,所有外汇在统计时会转换成主货币的数目,方便查看花销。

  • 日历视图

日历视图能够很直观的反映出哪一天有消费和收入。

  • 图表

说到记账软件,量化消费的图表无疑是重要的一环,Costuary 提供了饼状图来视觉化一段时间的花销。

  • 多账户

可以建立多个账户来表示自己的银行卡,支付宝,现金等等。

  • 月预算

可以看出本月的预算还有多少。

  • 导出到 Excel

如果想要进行更加详细的分析,可以使用导出功能将账本导出到 Excel。

  • 备份与还原

允许备份账本内容到 iCloud。

开发

去把一纸设计变成真正的产品,这是一个独立开发者应该具有的能力。只会写代码不只是我唯一掌握的,能够去设计出来自己想要的应用并且将他实现才是我在做的事情。

这款应用的开发并没有想象中的简单,需要自己去实现大量 Android UI 控件,很多圆角,阴影,字体,要慢慢的去调整,让控件适合 iPhone 的屏幕。整个应用的背后有 3 个关系型数据库来储存账户,账本与各种汇率。与以前开发的 Flat Weather 不同,Costuary 会产生大量的用户数据,所以整个软件架构的稳定性变得异常重要,需要设计一些机制来防止数据丢失与损坏。

Development

为了实现 App 获取每日的汇率,并且在 iPhone 上能够实现账本导出到 Excel ,我设计了一个服务器后端来处理这些繁杂的实物。每次 App 启动后会与我的服务器来更新最新的汇率。当用户选择导出时,账本会被发送到服务器上并处理为 Excel 发送到用户的邮箱里。

Mail

说到服务器,就不得不提到用户隐私了,因为导出到 Excel 功能需要将账本传到我的服务器上做进一步处理,很多人会觉得我侵犯了他的个人隐私。对此,为了保护我的权益与用户的权益,我撰写了 Costuary 软件许可及服务协议Costuary 隐私政策 ,这是我作为独立开发者这么多年后第一次去写许可协议。

Agreement

资费

与我的其他产品一样,这款 App 依旧是 免费 供大家使用的,作为独立开发者,我们都知道,绝大多数用户不会去珍惜一个免费的产品。就像 Flat Weather 一样,虽然获得了很多人的支持,但是也收到了很多人的吐槽。在 Costuary 中依然设计了一个的捐助按钮,如果大家使用之后喜欢这个应用,请支持我将他维护下去。

Please donate me

尾巴

Costuary for iPhone 是我开发出来过最大的软件体系。我相信,能够独立开发出来产品的人懂得不只是编程。一个人要去经历项目的全部生命周期:规划,设计,开发,运营,维护,营销,这些是我开发这么多产品所学会的。

现在的 Costuary 只是第一个版本,还有很多 iPhone 的特性没有来得及开发,以后会跟上的,比如 iPhone X 的适配,3D Touch、Today Widget、Touch ID 等等。

以前在少数派撰稿的时候,很多读者会来问我如何学习开发,我也特地去写过如何去学习编程,但我相信,真正想去学习的,想去为这个生态贡献出自己的一份力的人,自己都会找到学习的方法。我的专业是电子电器而不是软件工程,但是我不后悔当年去学习编程。

最后,还是感谢在背后默默支持我的人,我会不断地改进与提升,如果 Costuary 真的在记账方面给予了你便利,这是我莫大的荣幸。

如果想要了解我的更多作品可以访问我的个人博客 MikeTech ,或者在少数派中阅读我以前写过的文章。今年年初也在 iPhone 上写过一个天气 App, 天气应用 Flat Weather 的设计历程

对了,关于记账有什么用,如何记账,如何养成记账的习惯。为什么每个月末都捉襟见肘,除了没钱,很可能是对财务管理的能力不强。想了解这一方面的知识,不妨看一看我派的付费阅读栏目:从零开始做好个人记账

少数派

责编内容by:少数派阅读原文】。感谢您的支持!

您可能感兴趣的

资源礼包 | 这36个设计网站帮你精准找到想要的素材... 在信息纷杂繁冗的时代,精准获取想要的东西显得尤为重要。 本文来源于公众号:可能性与大设计 即使已经出现了不少资源整理类文章,但很多设计师在找素材时效率仍不够高。东百度右花瓣地找安卓控件集合就浪费了大半天时间,关键是还不一定齐全;很好的设计素材却不能同时找到PSD、EPS、PNG版本,只能...
泪目!这款聊天APP可模拟与已故亲人对话... 通过人工智能使逝去的爱人重生,继续与自己相依相伴,这是英剧《黑镜》中引起了大量讨论的一个情节。 随着科技的飞速发展,这个看似充满科幻色彩的桥段已不再是天马行空的幻想。据法国《快报》报道,美国《纽约时报》记者詹姆斯?弗拉霍(James Vlahos)设计出了一款聊天程序,实现了与已故父亲的交流对话。...
进阶高级!视觉误差对UI设计的影响和解决方案(附50+案例)... @-朱宇軒(译者) : 视觉误差 会对 UI 造成什么样的影响,业界内流行的解决方案又有哪些,本文将以超过五十个例子为你讲解。 俗话说眼见为实,但其实我们的眼睛经常欺骗我们。眼睛通过光的反射接收信息,然后经过一次「脑补」最终形成我们所谓「看见」的图像。脑补这个过程会因为各种原因...
迭代是为了打造“敌无我有,敌有我强”的产品吗?... 诸葛君说:产品经理好像很喜欢甩开膀子干,给产品来个大改版,把脑袋里的东西一股脑的放出来,才觉得爽。可是全方位的改版并不都是对的,在产品优化过程中,我们大多只关注改变什么,而往往忽略了产品应该坚守的核心价值,今天,我们来讨论下产品迭代究竟应该做加法?还是做减法? 一、没有愿景支持的决策都是机会主义...
How Enhancing User Experience Can Become Your Ladd... By improving UI, also known as a user interface, you will also be improving your online growth . You want your website to attract and more importantl...