发布时间:2021-9-19 分类: 行业资讯
本杰明·富兰克林曾经说过:“小心每一笔开支,然后一艘巨大的游轮可能因为一个小漏洞而下沉。”对于大多数人来说,管理资金和管理生活中的每一笔开支都是一个长期的痛点,也是一个问题。 “然而,随着数字技术的发展,各种软件和服务已经开始渗透到我们生活的各个方面,许多曾经似乎不方便的问题已经开始有了新的解决方案。在财务管理方面,设计师开发人员可以帮助那些不专业的用户,更好地控制每个基金的流量,并更好地管理财务。
这是上周Tubik Studio创意设计活动的主题,UI Fridays:设计家庭财务应用程序,帮助管理整个家庭的收入和支出。 UI/UX设计师Ernest Asanov和Andrey Pixy以及运动设计师Kirill Erokhin和Andrey Pixy在艺术总监Sergey Valiukh的指导下完成了设计。
任务
完成Home Finance应用程序的UI/UX设计,包括Web和移动版本
设计过程
整个APP的演示和微拷贝使用通用且易于理解的词汇表,使用户能够更轻松地管理其日常收入和支出,创建数据库以跟踪流量和资金变化,并提供全面的统计信息。该应用程序有两种不同的变体,网络版和移动应用程序。 Web版本有一个包含大量信息的仪表板,移动应用程序可以更直观,更快速地处理各种信息。
经过讨论,设计师同意在两个界面中使用深色背景颜色,这使得数字和文本都具有高可读性。
网侧仪表板
Web侧仪表板用于传输信息,它可以在特定时间段内分析和显示数据。设计师选择深色布局,因为它们创建了一个界面,具有引人注目的细节和迷人的布局,吸引用户注意关键区域和重要数据。
通过仪表板,用户可以概览特定时期的收入,费用和统计信息。使用卡片携带各种不同的数据并有效地组织成统一的布局。上面的界面显示了上周的核心统计数据。数据显示主要财务状况和相关统计结果。右上角的菜单以选项卡的形式显示不同的时间段选项,用户可以自定义。默认情况下会显示本周的财务状况。
这些数据块通常显示在仪表板的卡中:
快速访问菜单包含最常用的支出类别
总费用和交易频率
关注的交易清单(热门交易)
每周平均消费者偏好和财产变化(费用和每周平均值)
特定时期的费用和收入
土地图标显示最常消耗的位置
根据财务状况提供适当的建议
值得一提的另一个视觉设计细节是,设计师在设计财务收入和支出的线性图时,使用金融领域广泛认可的红色和绿色来确定收入和支出。此外,可以定义感兴趣的支出类别,包括名称和图标,这些增强了整体的可导航性和交互的直观性。
移动用户界面
移动应用程序的UI设计是整个设计项目的另一个重要部分。虽然Web侧的仪表板具有添加数据和显示和分析数据的功能,但移动APP在数据的添加和记录方面更为突出。移动APP的设计目标是让用户了解当前的情况并在不同的环境中。随时随地轻松记录收入和支出。
此界面显示最近的财务相关操作,并带有用于区分类别的图标。屏幕顶部显示用户的基本数据,当前界面显示用户当前正在使用信用卡支付。此外,您还可以使用垂直直方图快速预览当天的国际收支。如果您需要处理特定项目,用户可以水平滑动触发菜单,这提供了更多交互式选项。
右下角的汉堡图标为用户提供了更多核心操作和功能。无论您的移动设备的屏幕尺寸如何,此菜单都非常易于触发且易于操作。移动应用程序还集成了重要通知和用户建议。它位于顶部的个人信息栏下方。为了区分不同类型的信息,通知栏将以不同的颜色显示,例如橙色表示警告,蓝色表示提醒。
对于列表中的特定项目,用户可以滑动触发菜单以进行编辑,共享或删除。
移动界面的动画显示。触发汉堡图标后,弹出菜单以扇形显示,具有三个主要功能。
考虑到通知/建议需要吸引用户的注意力,运动设计者添加了与控件匹配的类似脉冲的效果,并且用户可以向左和向右滑动以消除新的提醒。
该设计项目是对Tubik Studio团队探索财务管理专业知识的考验。虽然它是一种概念设计,但它旨在满足设计过程中的实际用户需求。