4 нерушимых правила UI анимации

Переходы (транзакции) — это мощный способ сообщить об изменении пользовательского интерфейса. Они помогают снизить когнитивную нагрузку при работе с приложениями, плавно перенося внимание пользователя между разными этапами работы с приложением. Транзакции помогают создать и укрепить иерархию элементов, объясняют изменения в расположении этих элементов.

Успешный анимационный переход (транзакция) обладает следующими четырьмя характеристиками:

Хорошая анимация естественная.

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

4 нерушимых правила UI анимации

Эффективная анимация многоэтапна.

Хорошо организованный анимированный переход направляет внимание вашего пользователя и разъясняет изменение состояний. Хороший переход помогает сосредоточить внимание пользователя на нужном месте в нужное время, он делает упор на определенные элементы в зависимости от цели.

4 нерушимых правила UI анимации

Лучшая анимация – ассоциативная анимация.

Переходы должны показывать связь между элементами. Такая связь должны быть логична, чтобы помочь пользователю понять, почему произошло то или иное изменение.

4 нерушимых правила UI анимации

Хорошая UI анимация быстрая.

При создании анимации всегда необходимо рассчитывать время. Время (срок), возможно, один из важнейших критериев качественной анимации. Анимация должна быть быстрой и точной, с небольшим или отсутствующим временем задержки между инициирующим действием пользователя и началом анимации.

4 нерушимых правила UI анимации

Заключение.

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



Подпишитесь на обновления блога!

Будьте всегда в курсе новостей

Добавить комментарий