如何设计一款用于家庭理财的APP?
2017-09-13 18:21:22 来源:易采站长网友投稿 作者:人人都是产品经理
设想一款用于家庭理财的APP,协助办理全部家庭的支出战收入。UI/UX 设想师 Ernest Asanov 战 Andrey Pixy 和动效设想师 Kirill Erokhin 战 Andrey Pixy 正在 艺术总监 Sergey Valiukh 的指点下,完成此次的设想。

本杰明·富兰克林已经道过:
“当心看待每笔收入吧,再宏大的邮轮也能够果为小破绽而淹没。”
关于尽年夜大都人而行,理财,办理糊口中的每笔收入,是一个持久存正在的痛面,是老迈易的成绩。不外,跟着数字手艺的开展,各类硬件战效劳开端深化到我们糊口的各个方面,很多已经看起去费事非常的成绩,皆开端有了新的处理计划。便理财那件工作而行,设想师战开辟者可以帮其实不专粗于此的用户,更好天掌控每笔资金的流背,而且更好天办理财政。

而那便是上周Tubik Studio的创意设想举动 UI Fridays 的主题:设想一款用于家庭理财的APP,协助办理全部家庭的支出战收入。UI/UX 设想师 Ernest Asanov 战 Andrey Pixy 和动效设想师 Kirill Erokhin 战 Andrey Pixy 正在 艺术总监 Sergey Valiukh 的指点下,完成此次的设想。
使命
完立室庭理财APP的UI/UX设想,包罗Web端战挪动端两个版本
设想历程
全部APP内的表述方法战微案牍皆接纳了通用且易于了解的语汇,让用户能够愈加沉紧天办理一样平常的支出战收入,创立数据库去跟踪资金的流背战变革,供给片面的统计疑息。那款使用具有两个差别的变体,web版战挪动端APP。Web版具有一个包括年夜量疑息的仪表盘,而挪动端APP可以愈加曲不雅快速天处置各类疑息。
设想师正在颠末会商以后,分歧赞成正在两个界里中皆接纳深色的布景色,那样能让数字战文本皆具有较下的可读性。
Web端仪表盘
Web真个仪表盘是用去启载疑息的,它可以正在特定的期间针对数据停止阐发战更加细致的展现。设想师之以是挑选深色的规划,是果为那样能够创立出有着夺目细节战诱人规划的界里,吸收用户存眷到枢纽性的地区战主要的数据。

借助仪表盘,用户关于支出、收入、特定周期内的统计数据一览无遗。各类差别的数据利用卡片去启载,而且有用天构造到一个同一的规划之下。上里的界里展现了近来一周中心的统计数据,那些数据显现了次要的财政情况战相干的统计成果,左上角的菜单以标签页的情势显现了差别工夫周期选项,用户能够对此停止自界说,默许状况下会显现一周内的财政情况。
仪表盘的卡片中,凡是会显现那些数据块:
快速会见菜单傍边,启载着最受存眷(Popular Categories)的收入种别
收入总额(Total Expenses)战买卖频次(Frequency of Transactions)
受存眷的买卖浑单(Popular Transactions)
取上一个阶段比拟,每周均匀消耗偏偏好战属性变革(Expenses and weekly average)
特定周期内支出战收入的线性走势图(Expenses and income)
用舆图标示出消耗最频仍的地位
基于财政情况供给响应的倡议(Recommendations)
别的一个值得一提的视觉设想细节,是设想师正在设想财政的出入线性图表的时分,接纳了金融范畴被普遍承认的白色战绿色去标识出入。除此以外,受存眷的收入种别是能够被界说的,包罗称号战图标,那样能够强化团体的可导航性战交互的曲不雅性。
挪动端 UI
挪动端APP 的 UI设想是全部设想项目标别的一个主要构成部门。Web真个仪表盘固然同时具有增加数据战展现战阐发数据的功用,可是挪动端APP正在数据的增加战记载上愈加凸起,挪动端APP的设想目的便是让用户理解当前的情况,而且正在差别的情况下随时随天沉紧天记载支出战收入。

那个界里显现的是近来的财政相干的操纵,以图标去辨别种别。屏幕顶部显现的是用户的根本数据,当前界里显现用户当前是利用信誉卡去付出。别的,您借能够经由过程垂曲柱状图去快速预览当天的出入情况。假如需求针对特定的条目停止操纵,用户能够程度滑动触收菜单,那傍边会供给更多的交互选项。

左下角的汉堡图标则可以为用户供给更加中心的操纵取功用,不管您的挪动端装备屏幕巨细,那个菜单皆十分简单触收,也便于操纵。挪动端APP 借散成了主要告诉战用户倡议,它位于顶部的小我私家疑息条下圆,为了辨别差别范例的疑息,告诉条会以差别的色彩去显现,比方橙色为正告,蓝色为提示。
针对列表中特定的条目,用户能够滑动触收菜单,停止编纂、分享大概删除。

挪动端界里的动绘显现结果。汉堡图标被触收以后,弹出菜单以扇形显现,启载三个次要的功用。

思索到告诉/倡议需求吸收用户的留意力,动效设想师为那一控件也参加了契合特性的脉冲式殊效,用户能够经由过程阁下滑动去消弭新提示。
那个设想项目是Tubik Studio团队探究理财相干的专业范畴的一次试火,固然是观点设想,可是正在设想历程中是极力遵照实践的用户需供去停止的。
(题图由做者供给)
本文做者:Tubik Studio
本文地点:uxplanet
译者:@陈子木











闽公网安备 35020302000061号