Анимация в карточке: что можно и чего нельзя

Какая анимация полезна

Та, что показывает товар, а не привлекает внимание сама по себе:

• Демонстрация механики: складывается, раскрывается, трансформируется.
• Смена ракурсов одного предмета.
• Показ вариантов расцветки подряд.
• Движение ткани, которое объясняет её поведение.
• Порядок сборки в несколько шагов.

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

Какая мешает

Мигающие надписи «скидка», «хит», «успей купить». Они не про товар, а про давление — и площадки часто считают их рекламными элементами, которых в карточке быть не должно.

Стрелки и указатели, привлекающие внимание к тексту: покупатель приходит смотреть вещь, а не следовать по указателям.

Быстрое мельтешение кадров: в карточке нужен спокойный темп, лента — другое место.

И любые элементы, имитирующие интерфейс площадки: кнопки, значки корзины. Это прямой путь к отклонению.

Про правила площадок

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

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

Практическое правило: если движение объясняет товар — почти наверняка можно. Если оно заменяет собой аргумент — почти наверняка нельзя.

Технические ограничения

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

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

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

И поведение без звука — большинство просмотров именно такие.

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

С чего начать

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

Поставьте его вторым или третьим слайдом, а не вместо главного фото: главное фото по-прежнему решает клик в выдаче.

И посмотрите на досматриваемость: если ролик смотрят до конца, значит, движение объясняет что-то важное, и формат стоит распространить дальше.

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