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

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

Зачем нужны анимации загрузки

Анимации загрузки появились ещё в эпоху Mosaic и Netscape. Их задачей было показать, что система что‑то делает в фоновом режиме и снизить субъективное ощущение задержки.

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

Что это за анимации? Обычно это циклическое движение: вращающийся индикатор, бегущая полоска, пульсирующий элемент. Всё, что повторяется с фиксированной регулярностью, пока контент не подгрузится.

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

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

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

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

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

Зависимость между скоростью анимации и субъективным временем ожидания нелинейная. Когда анимация слишком медленная или статичная, пауза кажется затянутой. При умеренной скорости ожидание воспринимается как самое короткое — внимание удерживается, но картинка остаётся чёткой. Если же анимация слишком быстрая, то движения сливаются и перестают привлекать внимание, из‑за чего время снова ощущается долгим.

Использование анимации на практике

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

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

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

В третьем исследовании оценивались последствия отсутствия анимации. На примере крупной чат‑платформы было показано, что чем дольше клиент ждёт без какой‑либо визуальной обратной связи, тем ниже его вовлечённость. Даже дополнительные пять секунд ожидания снижали активность по всем ключевым показателям: от количества сообщений до взаимодействия с агентом.

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

Взаимосвязь между скоростью анимации и воспринимаемым временем

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

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

U‑образная зависимость

Ещё в 1970‑е годы была предложена гипотеза о U‑образной зависимости между сложностью стимула и восприятием времени. Умеренная сложность воспринимается как новая и сокращает ощущение длительности, а чрезмерная повторяемость приводит к пресыщению и удлиняет её. Эксперименты показали, что фигуры средней сложности воспринимались участниками как демонстрируемые в течение меньшего времени, чем простые или слишком сложные фигуры.

Современные данные расширяют эту идею. Анимация со средней скоростью визуально более различима и удерживает внимание, тогда как слишком быстрая превращается в «размытое движение» и теряет эффект. Это объясняется особенностями зрительной системы: при высокой скорости отдельные движения перестают различаться и интегрируются �� единый поток.

Роль внимания

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

Практические последствия

Для цифрового опыта это имеет прямое значение. Длительное ожидание увеличивает вероятность отказа от сайта, снижает конверсии и ухудшает оценки продукта. Исследования показывают, что увеличение времени загрузки с 1 до 3 секунд увеличивает вероятность отказа на 32%, а с 1 до 10 секунд — на 123%. Поэтому любая визуальная деталь, влияющая на восприятие времени, становится фактором, который напрямую отражается на бизнес‑метриках.

А что там с экспериментами

Исследователи использовали повторяющиеся круговые и линейные анимации, где движение менялось через фиксирован��ый интервал времени. Скорость определялась как количество миллисекунд между движениями. Анимации создавались с помощью онлайн‑инструмента Ezgif.com, а все примеры доступны по ссылке https://bit.ly/speedy_jcr.  Данные, код и стимулы опубликованы в Open Science Framework: https://osf.io/zw26f/.

Диапазоны скорости анимации:

• медленные — более 10 000 мс на оборот;

• умеренные — 2000–2500 мс;

• быстрые — 400–500 мс (выбраны из 10% самых коротких значений в пилотном исследовании B).

Время ожидания варьировалось от 7 до 30 секунд. Эксперименты проводились либо на мобильных устройствах, либо на компьютерах, но основной акцент делался на мобильные интерфейсы, так как именно там задержки встречаются чаще. Для обеспечения чистоты данных ответы с дублирующих IP‑адресов исключались из анализа, хотя их включение не меняло итоговых результатов.

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

Во второй серии экспериментов проверялась роль неопределённости. Когда длительность ожидания была неизвестна, эффект повторялся: средняя скор��сть сокращала субъективное время. Но если время ожидания заранее сообщалось, различия исчезали. Это показало, что эффект работает как инферентный сигнал, пользователи ориентируются на скорость анимации только при неопределённости.

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

В третьей серии экпериментов проверялось граничное условие: добавление второго визуального сигнала. При стандартной анимации эффект сохранялся: ожидание короче при умеренной скорости. Но при «двойном внимании» (быстрое движение плюс медленная смена цвета) различия исчезали. Внимание переключалось на вторичный элемент, и влияние скорости ослаблялось.

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

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

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

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

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

Что получилось на выходе

Зависимость между скоростью анимации и субъективной длительностью ожидания не линейна, а имеет выпуклый характер: именно анимация со средней скоростью создаёт ощущение наименьшей задержки. Этот эффект оказался устойчивым — он проявлялся при разных длительностях ожидания, типах анимации, устройствах и контрольных условиях (статичные изображения, пустые экраны, медленные анимации).

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

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

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

Менеджерам стоит использовать A/B‑тестирование, чтобы подобрать оптимальные параметры анимации для своего контекста: скорость, тип визуального элемента, длительность ожидания. Многие компании пока не используют эти возможности, хотя они могут существенно повысить эффективность цифрового взаимодействия.

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

Размещайте облачную инфраструктуру и масштабируйте сервисы с надежным облачным провайдером Beget.
Эксклюзивно для читателей Хабра мы даем бонус 10% при первом пополнении.