.png)
★ Приложение для учета личных финансов «Итого»
Мы поставили себе цель спроектировать и нарисовать дизайн для самого удобного в мире финансового приложения для контроля повседневных трат. После анализа 60+ лучших приложений Апп Стора выяснилось, что это вполне реальная задача.
Приложение было спроектировано и нарисовано до выхода iOS 7.
Идея и название
Предварительный анализ рынка
Проект и прототип
Стиль оформления и дизайн
всех экранов
Внутренняя механика маркирования сканированного
чека
Внутренняя механика автоматических тегов
Иконки и микровзаимодействия
Презентация проекта
30+ заметок о разработке приложения для других дизайнеров
.png){kind=spacer}
В дизайне нет ничего лишнего
В отличие от других приложений, которые больше похожи на пульт управления полетами, в стартовом экране «Итого» любой может разобраться за 3 секунды.
Здесь много функций, но нет мусора.
.png)
Самое главное — сразу при запуске
Записывать расходы — главная задача программы. Поэтому она не прячет ее по углам, как делают другие приложения, а показывает прямо на старте.
Больше не нужно искать неприметный плюсик в углу, когда у вас мало времени на запись.
.png)
Рассчитывайтесь в любой удобной валюте
Для записи расхода или дохода вы можете выбрать любую валюту без страха испортить статистику.
Программа переведет сумму в рубли (или в любые другие понятные деньги) по действующему курсу.
.png)
Плюс±минус
В день получения зарплаты деньги можно сделать приятное пополнение счета.
А можно доверить это приложению, и оно каждый месяц будет автоматически добавлять нужную сумму.
.png)
Тратьте осмотрительно
Когда расходы приближаются к доходам, программа мягко сообщает об этом прямо на главном экране: когда он из зеленого становится оранжевым, а потом красным — стоит поумерить траты.
.png)
.png)
Данные под паролем
В записи расходов важна скорость: когда в одной руке тяжелый пакет, тут не до паролей.
Но все, что действительно хочется спрятать от посторонних — например, статистику и анализ — хранится под паролем.
.png)
Сняли наличность? Без проблем.
Программа не записывает операции с банкоматом. Вместо этого она автоматически перенесет деньги с карточного счета на наличный.
Вам даже не понадобится вынимать телефон из кармана.
.png)
Статистика должна считаться волшебным образом, без вашего ежедневного участия.
Но программы не умеют сами определять, что за покупку вы сделали и к чему ее отнести. Поэтому в мире финансовых приложений царят громоздкие конструкции, капризно требующие повышенного внимания — вместо того, чтобы тихо помогать.
Вернее, царили до сих пор.
.png)
Теги, которые расставляются сами
«Итого» определяет, где была сделана покупка, и предлагает категории, из которых она может состоять.
Например, если вы оплатили что-то на заправке, вы наверняка купили бензин. Программа об этом знает и сама подставляет нужные теги.
.png)
Если понадобится, можно убрать лишний тег или добавить новый. И чем больше вы будете пользоваться программой, тем лучше она будет угадывать категории.
Создать тег — дело пары секунд
Тегу можно задать цвет и назначить пиктограмму с категорией (хотя можно обойтись и безо всего этого, оставив только сам тег).
В любой момент тег можно изменить или удалить совсем.
.png)
.png)
Бумажки теряются, чеки остаются
Теперь не нужно хранить кассовый чек, чтобы когда-нибудь с ним разобраться. Достаточно его сфотографировать.
.png)
Как разобрать неразобранное?
Теперь не нужно сидеть над чеком с калькулятором. Достаточно выбрать категорию и несколько раз коснуться экрана напротив продуктов, которые в нее попадают.
«Итого» посчитает все остальное.
Это самый простой известный способ включить все нужное в статистику.
.png)
.png)
Сервис для
контрол-фриков
Если вы по-настоящему любите вести историю, отныне вы ничего не упустите.
Есть! Чек отсканирован
Теперь достаточно одного тапа, чтобы создать запись в расходах (автотеги к этой записи назначются сами).
Разобраться можно в любой момент
Если есть свободное время разобраться с покупками, достаточно выделить маркером цены напротив нужных покупок.
Удобный отчет
Одна неразобранная запись превращается в несколько разобранных.
Почти по волшебству.
Скажите телефону, сколько вы потратили и на что — и он сам создаст запись в списке расходов и поместит ее в нужную категорию, как настоящий умный личный секретарь.
Не обязательно даже нажимать на кнопку. Просто запустите «Итого» и поднесите телефон к уху.
.png)
.png)
И это самый простой в мире способ записывать расходы без подключения банкинга.
Свежий ветер перемен
В этом проекте собрано много новых вещей, которых никогда не было в финансовых приложениях: очевидное (но никому не пришедшее в голову) решение стартового экрана с большими цифрами, потрясающий голосовой ввод, автотеги, без которых уже нельзя будет жить, полноценное сканирование чека, разбиение покупки по категориям, а также удобное маркирование.
Сквозь все приложение проходит любовь к деталям и маленьким чудесам. Щелкните по тегу:
Мы серьезно заморочились не только анимацией, но и формой самих тегов. Нас не устроили ни овалы, ни скругленные прямоугольники.
.png)
Пришлось искать собственную форму — изящную и снаружи, и внутри.
.png)
...не говоря уже о том, чтобы проанализировать основные потребительские нужды и разобраться, какие теги людям нужны чаще.
.png)
Забавный факт: процесс разработки описывался в блоге для дизайнеров. После того как его объем перевалил за 20 заметок, дизайнер «Woms Studio» пришел к коллегам с горящими глазами и свежей идеей финансового приложения «Транжира», на главном экране которого «не должно быть ни единого лишнего элемента для сохранения суммы. Грубо говоря, для этого достаточно клавиатуры и поля для ввода ... Примерно такие мысли подтолкнули его на следующий результат».
Павел Матвиенко описывает приложение:
«Как-то раз, после обеда, в офис ворвался наш разъяренный дизайнер с криком: “Ну почему это так сложно!?” ... Он не привык жаловаться на свои проблемы или трудности кому-либо, поэтому к нам пришел уже с готовым решением и увлекательной предысторией возникновения его проблемы, которая время от времени приводила его в ярость».
«Когда после двухчасового рассказа о последних трех месяцах жизни и проделанной работы виновника нашего собрания, он открыл слайды презентации нового приложения, которое он “родил” в итоге, мы были попросту ошеломлены».
Неизвестно, связано ли отсутствие хороших ходов в истории и статистике «Транжиры» с тем, что заметки о разработке статистики «Итого» в блоге не публиковались.
В итоге получилось цельное, стильное и красивое приложения, с которым приятно общаться о деньгах.
.jpg)
...и которое, как и многие другие хорошие вещи, родилось на бумаге из хаоса.
.jpg)
Дизайнерские фишки на заказ
Необычные, яркие и при этом работающие решения — это одна из лучших вещей в дизайне. Если вам нужен дизайн для интересного, а не просто функционального проекта, мы наверняка сработаемся. Напишите нам о своей задаче, и мы пришлем вам ответное письмо →
Еще можно написать на maxalchemy@gmail.com или в скайп: jack.o.a.t. Там же можно узнать больше, пока страница «о нас» еще не готова.
Готово! Ваше сообщение придет мне на почту, и когда я в следующий раз ее проверю, обязательно отвечу.
Опс! Что-то пошло не так и сообщение не отправилось. Проверьте заполненные поля — может, ошибка там?