Анимация мобильных приложений

1. Визуальный фидбэк (обратная связь).

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

2. Навигация.

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

3. «Изменить».

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

4. Состояние приложения

Юзеры хотят быть осведомлены о главных процессах приложениях (загрузка картинок, проигрывание песен и т.д.). Благодаря анимации, они могут следить за статусом приложения в реальном времени. Это позволяет им ощущать контроль над ситуацией. К примеру, мессенджер может продемонстрировать процесс отправки сообщений, а проигрываемая песня может быть иллюстрирована движениями звуковой дорожки.

5. Структурирование элементов

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

6. Подсказка

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

7. Путеводитель по приложению

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

8. Уникальная анимация

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

1. Flat (плоский) дизайн интерфейсов сейчас популярен, как никогда. Впрочем, это не означает, что нужно жертвовать реалистичностью. Когда люди прокручивают экран с помощью пальца, отпускают его, а элементы интерфейса застывают на месте - это кажется слишком искусственным.

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

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

4. Также важны осознанные переходы. Так, в настройках iOS, открывая подраздел, переходишь направо, а возвращаясь назад – налево. Это помогает пользователю понять, в каком разделе он в данный момент.

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

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

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