Awwwards
 
 
 
 
 

Budget Smart

Budget Smart - всички екрани

Тип на проекта:

Мобилно приложение

Извършени услуги:

Мобилен дизайн,
UX/UI

Клиент:

“BudgetSmart” е концепция за бюджетно планиране, която помага на хората да управляват личните си финанси и да ги мотивира да спестяват повече. Основният му фокус е да автоматизира процесите колкото е възможно повече и да дава изводи, без да е натрапчив. Приложението е проектирано главно за мобилни устройства и можете да проверите неговия прототип, като кликнете върху бутона "виж онлайн".

ВИЖ ОНЛАЙН

Цели на проекта

Проучване: Проектът започна с проучване, за да се дефинира по-добре проблемът и целите. Състои се от събиране на информация за потенциалните потребители и техните нужди чрез интервюта. Изследването включваше и опознаване на конкуренцията и взаимстване на най-добрите им функционалности. Интервютата включваха хора с различен произход, предимно с повече от среден доход, някои плащащи ипотека, често пътуващи и включително професионалисти в областта на онлайн плащанията.

Проблеми: Повечето хора изпитват неудобство поради факта, че не искат постоянно да попълват информация или забравят да го направят. Те предпочитат да пресмятат наум или да използват хартия и химикал от време на време, защото чувстват, че губят много време, използвайки приложения за следене на техните финанси. Друг проблем за някои е, че използването на подобни приложения не им е дало никаква полезна информация, която да ги доведе до промени начина им на харчене. Заключението е, че за ефективно приложение трябва да се проектира с идеята за спестяване на време и генериране полезни съвети. Геймификацията може да се използва за подобряване на мотивацията.

Подход: Започнах с wireframе на първоначалния екран „Общ преглед“ и след това продължих с детайлизиране на елементите. Още от горната част на началния екран вече можете да видите индикация за някои от функциите, които могат да направят такова приложение ефективно - известията. Те могат да увеличат ангажираността на потребителя с приложението и да го мотивират , като показват: Предупреждения (преразход), Напомняния (push известия за въвеждане на разходи) и т.н. Много важен елемент за този тип приложения е календара, от където избирате период за база показване на метриките. Мястото му е най-отгоре, защото повечето от данните по-долу зависят от неговите стойности. Добавих също и раздел, показващ най-големите области при харчене. Подбрана е т.нар. Donut диаграма, която е най-подходяща за визуално представяне на процентния дял.

Budget Smart - Цели
01

Решенията

1 / 6
  • Budget Smart - Екран транзакции

    Този екран включва функционалноста, за виждане на разбивка по подкатегориите за всяка от основните. Това е много важно за получаването на информация за това къде се харчат парите ви. Една от идеите за автоматизиране на процесите и спестяване на време за потребителя е да има много предварително дефинирани категории с икони и възможност да ги организирате в едно дърво с подкатегории. Това е много важно, защото ще е една от основните причини хората да започнат да използват приложението веднага и да не се чудят как да организират и именоват собствената си структура от категории. Диаграмата диаграма показва разходите за избрания период. По този начин можете да проверите дали харчите повече през уикендите или през работните дни, а ако периодът е годин - дали харчите повече през лятото, отколкото през зимата. Можете също да видите средните си дневни разходи, така че да можете да предприемете действия за намаляване на разходите от същия ден. Има и опция да смените изгледа от контекстното меню в горния десен ъгъл, за да видите разбивка на разходите по ден / седмица / месец. Разбира се, този екран не може да съществува, без да показва скорошните транзакции. Започвайки с “днешните” транзакции, те се групират по дата. Отново използването на икони прави интерфейса много по-лесен за бързо сканиране. Също така е полезно да се показва сметката, използвана за транзакцията.

  • BP - Добавяне на транзакция

    Една от най-мечтаните функционалности за потребителите е възможността да сканират техните касови бележки, вместо да ги въвеждат ръчно. Ето защо разделих екрана на два таба съответно. Сканирането зависи повече от разработката на кода и технологиите, а не от дизайна на потребителския интерфейс. Вече има възможни API за оптично разпознаване на символи, като например Tabscanner, Taggun, които могат да се ползват. Това е и мястото, където Правилата за етикети идват, за да спестят допълнително време. Вдъхновени от функционалността на конкуренцията, правилата ще позволят на потребителя да автоматизира задаването на категория още докато се въвежда бележка за транзакцията, като се използват определенията „starts with“, „ends with“ или „contains“. Разбира се, дори и без определени правила, приложението ще покаже предложения за най-използваните етикети и категории. Можете да автоматизирате допълнително чрез добавяне на повторение на повтарящи се транзакции във времето като ипотека, сметки или заплата.

  • BP - Екран бюджети

    Бюджетирането е основният начин за прогнозиране и ограничаване на разходите Ви, за да се спестят допълнителни пари. Той е подобен на поставянето на цели, към които да се придържате, така че е идеалното място за добавяне на Gamification. Това увеличава ангажираността на потребителите, хората се наслаждават на интерактивния процес, изпълнен с забавления, предизвикателства и това ги мотивира. Една от идеите за този екран е да добавите Goals Streak, който да показва дните от седмицата подред и да ги оцветявате според разходите / преразходите и да изпращате известие на потребителя за поздравления, ако показва добри резултати. Някои от хората, които интервюирах, се нуждаеха от ясна информация, за да знаят колко могат да изразходват на ден, за да спестят пари за избрания период. Ето защо добавих този ред отгоре, показващ изчисленията за ограничени дневни разходи.

  • BP - Добави бюджет

    Екрана за добавяне на нов бюджет е много подобен на добавяне на транзакция, но тук вместо дата, имате период. Също така можете да добавите повече от един таг или категория. Например бюджетът за „Лайфстайл“ може да включва „боулинг“, „алкохол“, „джаджи“ и др.

  • BP - Сметки

    Екранът за сметките започва с начален Cash Wallet и можете да добавяте банковите си сметки, за да синхронизирате всички банкови транзакции или онлайн пазаруване, без да е необходимо да ги добавяте ръчно. Тегленето на пари автоматично прехвърля сумата към паричния портфейл. Технически е възможно също така приложението да разпознава плащания, които се повтарят. Така например, ако плащам онлайн за AirBnB, следващия път, когато го направя, той автоматично ще добави разходите към категорията или бюджет "почивка".

Други устройства/екрани

Budget Smart - Таблетна версия