时间:2022-04-17人气:作者:佚名
现在智能手机越来越普及,其中一种记账APP也是非常流行,那么怎么设计记账APP的一些实用功能,下面就来为大家详细讲解下。
一.设计前的思考
简单、高效和安全是设计之初就想到的三个关键词
在一天的使用过程中,我很可能存在多次记账的需求,这也意味着我会频繁打开这个产品,简单和高效可以让我更快的完成义务。记账因为涉及到资金这个问题,所以它同样需要一定的安全性。假如要给这个App一个定位的话,我认为它是一款“能知足大众基本记账需求的轻便的移动记账App”。
视觉呈现上,我把它做的特别很是简洁干净,在进入密码解锁以后直接呈现一个列表,左下角则是有一个常驻的悬浮着的绿色添加按钮,用来添加一笔支出或者收入。
通过手势下拉的操作睁开一笔新的支出或收入,因为手势的优势在于没有固定的需要点按的操作位置,能有更高的效率。
尽管看似合理的初步方案就这么出现了,但是假如细心深入思考的话,会发现它并没有现实解决你希望能够更高效记账这个行为。出于安全的考虑,你始终在打开记账App后需要输入四位的密码,然后才能进入记账的行为,这个过程会让你在每次记账的时候都需要多按几次手机。
为了解决这个痛点,我从最基本的使用场景出发,思考了以下几个问题:
我打开记账App的目的是干什么?
为什么记账?
什么时候记账?
针对第一个问题,答案很显然:目的就是记账或者查看收入和支出的报表。第二个问题,记账的目的则是因为想了解自己的财务状况/收支分布。而针对第三个问题:一般情况下则是在完成一笔消费后,或者可能是晚上回忆一下整天的消费同一记录。
在重新整顿完这些思考以后,我最终决定重新拟一套设计方案。
二.思考后的重设计
非首要功能,不应成为主路径上的障碍
在我常试过的许多记账App中,它们都提供了密码珍爱的功能,但也却因为这个密码珍爱功能使得记账的操作多了许多的步骤。在这一点上,金蝶的“随手记”做的不错,在密码珍爱界面提供了快捷入口。然而从我小我的角度来看,我并不是特别很是喜好在密码珍爱界面多那么几个快捷入口的体例,至少我希望在不影响现实体验的情况下,能使界面显得更简洁一点。我反复思考后得出的结论是:密码珍爱需要珍爱的是账单隐私,而不是“记账”这个行为。
可以做一个勇敢的设定,打开App后,假如直接进入记账界面,可以为我节省许多操作的步骤,甚至减去了密码珍爱界面点击一次快捷入口的行为。
于是重新设计的界面出炉了。
当我打开App,呈现在我眼前的就是记账界面,我可以直接输入数字以后点击对勾就完成一笔记账操作。右上角有个查看报表的功能入口,当我点击这个图标的时候,会弹出密码框,输入密码就可以进入报表界面。
智能一点点,就能提拔用户体验
回到此前思考的第二个问题,我记账的目的是为了“了解我的财务状况”。所以预算功能及与其相关联的提醒功能就变得尤为需要。我设想了一个叫做“预算”的功能,当我设置了我每月的预算,并且每月的支出超出我设定的预算以后,那么在首页的记账界面,Titlebar会变成红色以警示你应该省着点花钱。
至于我何时会记账这个问题,因为在许多时候可能会存在我完成一笔消费的时候记账,因此我的想法是根据打开的时间来预判,比如午餐时间打开的话,分类图标则默认选中Food选项。周末下战书茶时间打开的话,分类图标则默认主动选中休闲类的选项,假如在程序开发上合入了智能学习的模块,它甚至可以根据用户的小我习惯,为每个记账的时间作分类的选择。通过使用预判的情况来削减我可能会去点击的操作,从而削减不需要的步骤。
为效率服务,在交互细节上的优化
在查看报表界面的时候,会碰到一些需要切换年份,月份或者周为单位的时候,因为手机屏幕在赓续变大的情况下,假如将Tab放置在顶部,单手操作的时候切换会变得不太容易。因此对于切换时间这个维度的操作,我也重新思考了一下,行使下拉手势来解决。
三.视觉设计
我给这款产品起名叫Save+,也就是给予更节省的寓意,产品虽然是一个以记账为目的的App,但是我希望传达给用户的并不是我每个月花掉了多少钱,而是省下多少钱的感觉。因此在icon的设计上使用了储蓄罐作为隐喻。
轻快、亲和
简单,高效是设计这个App的初衷,视觉呈现上需要传递给用户“轻”的感觉,简明清晰的图标和键盘作为主界面的元素吻合直观的感受,让人在打开后就能直接进行操作。对每一枚分类图标都做了一个彩色选中态的处理,温文的颜色使界面显得不单调的同时更具亲和力。
结语
当设计给定一个命题后,我相信从不同的使用场景和需求角度来解读往往会给出不同的设计解,从现实的使用场景中出发,瞄准一个哪怕很细微的痛点进行思考,往往也能发现一个新的突破点,而这个突破点则更可能是直接起到决定产品差异化走向的关键因素。当思路不够坦荡的时候,不妨暂时先放下手中的设计义务,先找出这个突破点,以此为设计的依据和导向来设计产品。
word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报
(37)人喜欢2024-09-12word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需
(26)人喜欢2024-09-12七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打
(27)人喜欢2024-09-12四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法 如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来
(26)人喜欢2024-09-12word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报
(37)人喜欢2024-09-12word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需
(26)人喜欢2024-09-12七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打
(27)人喜欢2024-09-12四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法 如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来
(26)人喜欢2024-09-12