Переходы (транзакции) — это мощный способ сообщить об изменении пользовательского интерфейса. Они помогают снизить когнитивную нагрузку при работе с приложениями, плавно перенося внимание пользователя между разными этапами работы с приложением. Транзакции помогают создать и укрепить иерархию элементов, объясняют изменения в расположении этих элементов.
Успешный анимационный переход (транзакция) обладает следующими четырьмя характеристиками:
Содержание
Хорошая анимация — естественная
В реальном мире большинство видимых глазу изменений не происходит незаметно, поэтому, работая с приложением, все переходы должны быть плавными.
Эффективная анимация — многоэтапна
Хорошо организованный анимированный переход направляет внимание вашего пользователя и разъясняет изменение состояний. Хороший переход помогает сосредоточить внимание пользователя на нужном месте в нужное время, он делает упор на определенные элементы в зависимости от цели.
Лучшая анимация – ассоциативная
Переходы должны показывать связь между элементами. Такая связь должны быть логична, чтобы помочь пользователю понять, почему произошло то или иное изменение.
Хорошая UI анимация — быстрая
При создании анимации всегда необходимо рассчитывать время. Время (срок), возможно, один из важнейших критериев качественной анимации. Анимация должна быть быстрой и точной, с небольшим или отсутствующим временем задержки между инициирующим действием пользователя и началом анимации.
Заключение
При проектировании переходов сосредоточьтесь только на практических вещах, которыми они являются для пользователя. Использование правильной анимации поможет вашему сайту или приложению стать более понятным и удобным.