September 4, 2023

ТЗ для UI-анимации 

В нашей задумке приложения money-tracker есть несколько непростых анимаций. И чтобы программист правильно понял как их реализовать нужна видео-презентация этих анимаций.

Главная страница

Идея приложения в том, что у пользователя есть счета с балансом в виде пузырьков (размер которых соотносится с балансом) и категории трат. Чтобы записать расход пользователю нужно перетянуть баланс с пузырька в выбранную категорию. Собственно это действие и нужно анимировать.

Сценарий

Пользователь перемещает баланс из пузырька "Наличные" в пузырёк "Halyk". Открывается меню где нужно указать сумму для перемещения. Указывается сумма и баланс кружка "Наличные" уменьшается, а "Halyk" соответственно увеличивается.

Теперь пользователь перемещает баланс из пузырька "Halyk" в категорию "Транспорт". Тоже открывается меню и балансы пересчитываютcя.

Важные моменты:

Исходник интерфейсов в Figma.

https://www.youtube.com/watch?v=O5wq9DsQ_Lc