РОЛЬ АНИМАЦИЙ В МОБИЛЬНОМ ПРИЛОЖЕНИИ И ИХ ВЛИЯНИЕ НА ПОЛЬЗОВАТЕЛЯ Текст научной статьи по специальности «Компьютерные и информационные науки»

УДК 004

Ракова В.В.

студент 2 курса магистратуры кафедры информатики и информационных технологий Московский политехнический университет (г. Москва, Россия)

РОЛЬ АНИМАЦИЙ В МОБИЛЬНОМ ПРИЛОЖЕНИИ И ИХ ВЛИЯНИЕ НА ПОЛЬЗОВАТЕЛЯ

Аннотация: анимация играет ключевую роль в дизайне интерфейса мобильных приложений, обеспечивая успешный и удобный пользовательский опыт. В статье рассматриваются различные аспекты анимации, такие как визуальная, звуковая и тактильная информация, и их влияние на взаимодействие пользователя с приложением. Особое внимание уделяется роли анимации в объяснении логики приложения, улучшении каждой точки взаимодействия и усилении действий пользователя. Статья также обсуждает основные типы анимации в современном пользовательском интерфейсе, включая состояние системы, навигацию и переходы, а также визуальную обратную связь.

Ключевые слова: анимация, интерфейс, мобильное приложение, пользовательский

опыт.

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

Используя мобильное приложение, человек может воспринимать его тремя органами чувств: зрением, слухом и осязанием. Таким образом информацию можно разделить на визуальную, звуковую и тактильную.

В качестве визуальной информации может служить ознакомительный текст, кнопка перехода на другую страницу, изображение и любой другой

элемент страницы приложения. В качестве звуковой - оповещение при получении уведомления, фоновая мелодия приложения, сигнал окончания времени. Тактильной информацией чаще всего служат разнообразные вибрации, используемые при нажатии на кнопки клавиатуры, длительное зажатие определенной кнопки и другие.

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

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

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

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

В приложении всегда есть процессы, которые происходят по умолчанию, такие как загрузка данных из базы данных и вычисления, например, подсчет набранных очков, определение координат жестов пользователя. Такой процесс всегда занимает некоторое время. Чтобы сообщить пользователю, что приложение не перестало работать, необходимо указать статус текущей обработки. Визуальные признаки прогресса дают пользователям чувство контроля над приложением. К анимации состояния системы можно отнести индикатор загрузки. Если вместо простого текста на

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

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

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

Визуальная обратная связь показывает, насколько правильно проходит взаимодействие с приложением, пользователь получает отклик на свои действия. Кнопки должны отличаться от обычного текста, чтобы была понятна их функциональность. Если на странице имеются элементы формы, а кнопка отправки данных становится кликабельной и меняется внешне при заполнении полей формы, пользователь понимает логику этих элементов. Можно привести еще один значимый пример: оповещение об отсутствии требуемой информации в некоторых элементах формы. Такие элементы могут менять цвет, покачиваться, акцентировать на себе внимание. Если пользователь не понимает, что он делает не так, то может появиться желание остановиться и не продолжать заполнение формы, отказаться от регистрации или совершении покупки.

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

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

СПИСОК ЛИТЕРАТУРЫ:

1. Роль анимации в приложениях, или Как не расстраивать пользователя. — Текст : электронный // WOXAPP : [сайт]. — URL: https://woxapp.com/ru/our-blog/the-role-of-animation-m-appHcations/ (дата обращения: 12.04.2024);

2. Маргарита Акулич Дизайн пользовательского интерфейса (UX) и дизайнерское мышление / Акулич Маргарита. — Екатеринбург : Издательские решения, 2020. — 80 c;

3. Артемий, Лебедев Ководство / Лебедев Артемий. — 7. — Москва : Издательство Студии Артемия Лебедева, 2021. — 560 c.

Rakova V.V.

Moscow Polytechnic University (Moscow, Russia)

ROLE OF ANIMATIONS IN MOBILE APPLICATION AND THEIR IMPACT ON THE USER

Abstract: animation plays a key role in the design of the interface of mobile applications, providing a successful and user-friendly user experience. The article examines various aspects of animation, such as visual, audio and tactile information, and their impact on user interaction with the application. Special attention is paid to the role of animation in explaining the logic of the application, improving each point of interaction and enhancing user actions. The article also discusses the main types of animation in the modern user interface, including system status, navigation and transitions, as well as visual feedback.

Keywords: animation, interface, mobile application, user experience.