Движущиеся элементы притягивают взгляд — этим и соблазняются продавцы, добавляя в карточку мигающие плашки, бегущие стрелки и анимированные скидки. Площадки к такому относятся сдержанно, а покупатели раздражаются. Разберём, какая анимация допустима и как отличить полезное движение от навязчивого.
Та, что показывает товар, а не привлекает внимание сама по себе:
Общий признак полезной анимации — она отвечает на вопрос, который иначе остался бы в отзывах. «Как складывается», «сколько цветов в линейке», «как ведёт себя ткань» — всё это статичный кадр не показывает.
Проверить себя легко: если движение можно заменить одной фотографией без потери смысла, оно не нужно.
Работает анимация и там, где вариантов много, а места в галерее мало: десять расцветок одной модели показываются одним элементом вместо десяти слайдов. Это редкий случай, когда движение экономит позиции, а не занимает их.
Есть и практическая польза для выдачи: движущийся слайд удерживает внимание дольше статичного, а время просмотра карточки — один из сигналов, которые площадки учитывают при ранжировании.
Мигающие надписи «скидка», «хит», «успей купить». Они не про товар, а про давление — и площадки часто считают их рекламными элементами, которых в карточке быть не должно.
Стрелки и указатели, привлекающие внимание к тексту: покупатель приходит смотреть вещь, а не следовать по указателям.
Быстрое мельтешение кадров: в карточке нужен спокойный темп, лента — другое место.
И любые элементы, имитирующие интерфейс площадки: кнопки, значки корзины. Это прямой путь к отклонению.
Мешает и анимация ради заполнения места: движение, добавленное потому что «карточка выглядит скучно». Покупатель воспринимает его как помеху, а площадка — как рекламный элемент.
И зацикленное движение без начала и конца: предмет, бесконечно вращающийся без остановки, утомляет уже на втором обороте.
Мешает и слишком длинная анимация: движение дольше пяти-шести секунд в карточке воспринимается как видео, но не даёт того, что даёт видео, — сценария и смысловой последовательности.
Общий принцип везде один: в карточке нельзя размещать рекламные призывы, контакты, чужие логотипы и элементы, вводящие в заблуждение. Анимация не исключение — она подчиняется тем же требованиям.
Конкретные ограничения по длительности, весу и формату у каждой площадки свои и меняются, поэтому смотреть нужно актуальные требования своей.
Практическое правило: если движение объясняет товар — почти наверняка можно. Если оно заменяет собой аргумент — почти наверняка нельзя.
Требования различаются и по способу подачи: где-то анимация принимается как видеофайл со всеми ограничениями по длительности и весу, где-то как последовательность кадров. От этого зависит и то, как её готовить.
Поэтому формат уточняют до съёмки: пересобрать готовую анимацию под другой способ подачи дороже, чем сразу снять правильно.
И помните, что анимация проходит модерацию как изображение или как видео — в зависимости от того, чем вы её загрузили. Требования при этом разные, и отказ приходит по тем, что применимы к выбранному способу.
Вес: анимация из множества кадров быстро становится тяжёлой, а площадки ограничивают размер файла.
Зацикливание: если ролик проигрывается по кругу, он должен склеиваться без рывка — иначе внимание цепляется за шов.
Читаемость в превью: первый кадр видят все, а досматривают немногие, поэтому он должен быть самодостаточным.
И поведение без звука — большинство просмотров именно такие.
Проверьте и то, как ролик ведёт себя при повторном просмотре. Анимация, которая раздражает на втором круге, работает против карточки: покупатель часто возвращается к товару несколько раз перед покупкой.
Отдельное техническое требование — стабильность кадра. Если между кадрами анимации предмет смещается хотя бы на пару пикселей, движение читается как дрожание. Съёмка идёт со штатива и без касания камеры.
И одинаковая экспозиция: перепад яркости между соседними кадрами даёт мерцание, которое невозможно убрать в обработке.
Отдельно проверьте, как анимация выглядит в остановленном состоянии: часть площадок показывает её первым кадром до начала воспроизведения, и этот кадр должен быть самодостаточным.
Возьмите товар, у которого есть что показать в движении, и снимите один короткий ролик — трансформацию, открывание, поведение ткани.
Поставьте его вторым или третьим слайдом, а не вместо главного фото: главное фото по-прежнему решает клик в выдаче.
И посмотрите на досматриваемость: если ролик смотрят до конца, значит, движение объясняет что-то важное, и формат стоит распространить дальше.
Если сомневаетесь в конкретном элементе, посмотрите на карточку глазами покупателя: помогает ли движение понять товар или просто требует внимания. Второе площадки и люди воспринимают одинаково плохо.
Начинать стоит с товара, у которого механика — главный аргумент цены: трансформеры, складные конструкции, изделия с несколькими режимами. Там анимация окупается быстрее всего.
И сравнивать не с ощущением, а с цифрами: досматриваемость и конверсия до и после добавления ролика на одной и той же карточке.
И не заменяйте анимацией нормальную галерею: если статичных ракурсов не хватает, движение это не компенсирует, а только скроет пробел.
Анимация собирается из отснятого материала, и качество результата определяется съёмкой, а не редактором.
Главное условие — снимать движение целиком одним дублем, а не по частям. Склеить трансформацию из двух подходов почти невозможно: предмет окажется в разном положении, и стык будет виден.
Второе — снимать с запасом по времени с обеих сторон. Запас нужен для плавного входа и выхода, а без него движение начинается рывком.
И третье — заранее решить, будет ли анимация зацикленной. Если да, начальное и конечное положение предмета должны совпадать, и это условие закладывается в постановку кадра, а не решается на монтаже.
Такой подход даёт материал, который собирается в анимацию за минуты вместо часов ручной подгонки кадров друг к другу.
Мы используем файлы cookie, Яндекс Метрику и чат поддержки Jivo, чтобы сайт работал корректно и мы понимали, какие страницы полезны. Нажмите «Только необходимые» — и аналитика с чатом на вашем устройстве отключатся. Подробнее — в политике использования cookie и политике обработки персональных данных.