Задизайнили идеальное приложение для учёта личных финансов

Автор: <a href="https://api.vc.ru/v2.8/redirect?to=http%3A%2F%2Fttttt.me%2Frktvru&postId=633183" rel="nofollow noreferrer noopener" target="_blank">Reactive</a>
Автор: Reactive

Считать свои деньги — полезная привычка. Она помогает планировать расходы и расставлять приоритеты. Мы сами так делаем.

Для учёта финансов есть сотни приложений, но не все нравятся пользователям: они неудобные, сложные и некрасивые. Поэтому мы придумали концепт приложения, которым сами бы хотели пользоваться.

Начали с исследования рынка подобных сервисов. Собрали референсы, в которых выделили удачные и неудачные решения.

Задизайнили идеальное приложение для учёта личных финансов

Выбрали четыре основных экрана: баланс, бюджет, отчёты и новая запись. Их будет достаточно, чтобы решить — стоит ли его скачивать в магазине приложений.

Продумали контент и собрали прототип. Уже на этом этапе тестировали юзабилити и в итоге переместили несколько элементов.

Автор: <a href="https://api.vc.ru/v2.8/redirect?to=http%3A%2F%2Fttttt.me%2Frktvru&postId=633183" rel="nofollow noreferrer noopener" target="_blank">Reactive</a>
Автор: Reactive

Нам было интересно собрать приложение максимально похожее на готовый к разработке продукт. Поэтому все элементы дизайна фиксировали в UI-ките: возможные состояния иконок и меню, цвета, типографику и компоненты.

Подобрали цвета, чтобы они ярко смотрелись на акцентных карточках и были контрастны друг к другу, если окажутся рядом на графиках.

Автор: <a href="https://api.vc.ru/v2.8/redirect?to=http%3A%2F%2Fttttt.me%2Frktvru&postId=633183" rel="nofollow noreferrer noopener" target="_blank">Reactive</a>
Автор: Reactive

Рассказываем, какие получились экраны.

«Баланс» — здесь всё, что нужно пользователю прямо сейчас. Сложные данные мы визуализировали с помощью иконок и цветов: например, динамику расходов и остаток бюджетов.

А в разделе «Бюджет» пользователь создаёт категории бюджета и может установить лимит трат на период. Дополнительный контент на карточке категории покажет средний расход и остаток дней в периоде. По мере расхода бюджета заливка ползёт вниз.

Автор: <a href="https://api.vc.ru/v2.8/redirect?to=http%3A%2F%2Fttttt.me%2Frktvru&postId=633183" rel="nofollow noreferrer noopener" target="_blank">Reactive</a>
Автор: Reactive

«Отчёты» — самый полезный раздел для анализа финансов. Здесь показываем динамику и считаем покупки в отдельных категориях.

На экране новой записи крупная цифра и цвет категории помогают правильно ввести данные. А ещё добавили в клавиатуру калькулятор, а в правый угол — кнопку сканирования чеков.

Автор: <a href="https://api.vc.ru/v2.8/redirect?to=http%3A%2F%2Fttttt.me%2Frktvru&postId=633183" rel="nofollow noreferrer noopener" target="_blank">Reactive</a>
Автор: Reactive

Финансовая грамотность начинается с планирования личного бюджета. Ещё грамотнее — делать это в таком удобном и красивом приложении, как наше.

Автор: Reactive

Давайте обсудим концепцию здесь!

1515
22 комментария

Почему в 120К есть пробел, а в 1К нет пробела?

4
Ответить

Пробел ставится от 10 000

3
Ответить

Тоже мозолит глаза отсутствие пробела)

2
Ответить

Где преимущества? Чем вы сделали лучше?
Это можно сделать за вечер и еще за вечер выложить статью на vc. Перерисовали 4 экрана. Ценность 0

4
Ответить

Не понял, а чем от Тинькофф отличается?

1
Ответить

В тиньке точно нет такой детализации и разве там можно руками какую-то трату вносить?

Ответить

Как вы поняли, что концепция ок? Или это был наброс, чтобы получить первую обратную связь?

1
Ответить