4 главных совета по использованию анимированных GIF-файлов в электронной почте

Опубликовано: 2016-11-24

В этой статье

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

jcrew электронная почта GIF
Анимированный GIF из недавнего праздничного электронного письма J.Crew.

Анимированные GIF-файлы - отличный способ привнести движение и ощущение живости в методы визуального повествования бренда. Но почему вы должны использовать их в своих маркетинговых кампаниях по электронной почте?

Зачем использовать анимированные GIF-файлы в электронной почте?

GIF - это файлы изображений, похожие на PNG и JPEG, поэтому их можно включать в электронную почту так же, как и обычные изображения, что делает их простыми и понятными в использовании.

А когда они попадают в электронную почту, GIF-файлы часто добавляют ощущение легкомыслия, восторга и игривости, которые привлекают внимание и занимают в почтовом ящике ваших подписчиков.

Анимированный GIF из электронного письма от Bezar, торговой площадки дизайна.
Анимированный GIF из электронного письма Bezar, торговой площадки дизайна.

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

Поставка костюмов

Что еще более важно для прибыли маркетологов, было доказано, что GIF-файлы увеличивают вовлеченность и конверсию по электронной почте. Кампания Dell на основе GIF увеличила конверсию электронной почты на 103% и увеличила доход на 109% .

Электронная кампания Dell в формате GIF

Теперь давайте посмотрим, как повысить эффективность ваших GIF-файлов в электронной почте, с помощью четырех основных советов, приведенных ниже:

Совет №1: GIF должен служить определенной цели

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

Эта гифка с торговой площадки Jet игрива и привлекает внимание, но она ничего не иллюстрирует - это просто украшение.

струя

Но этот из Стамптауна, обжарщик кофе, рассказывает часть истории.

аэропресс

В контексте письма это предварительный просмотр того, как изучить метод пивоварения Aeropress, с кнопкой CTA прямо под ним:

Снимок экрана 14 декабря 2015 г., 15: 08:51

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

Совет № 2. Направляйте читателей к вашему призыву к действию с помощью GIF.

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

Посмотрите эту умную гифку от Энн Тейлор. Анимация служит песочными часами и стрелками, которые всегда указывают прямо на кнопку с призывом к действию «GO»:

Энн Тейлор

Компания LiveIntent, занимающаяся рекламой по электронной почте, использует GIF, который служит призывом к действию, связывая его с видео, которое он предварительно просматривает:

живое намерение

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

Совет № 3: первый кадр должен передавать ваше ключевое сообщение

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

И хотя анимированные GIF-файлы очень хорошо поддерживаются почтовыми клиентами, они не поддерживаются повсеместно. По словам Litmus, основными исключениями являются более новые версии Microsoft Outlook (2007+), в которых движение не отображается, но отображается первый кадр анимации. То же самое и с Windows Phone 7. Вот почему очень важно при разработке всех GIF-файлов исходить из предположения, что первый кадр может быть всем, что видят зрители.

Вот удобная диаграмма от Litmus:

Снимок экрана 14 декабря 2015 г., 16:43:52

Banana Republic продуманно разрабатывает недавний GIF-файл с открывающейся рамкой, которая имеет смысл как отдельное изображение:

Снимок экрана 14 декабря 2015 г., 14: 41.34

А вот и полная анимация:

банан

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

Совет №4: учитывайте размер файла изображения

В зависимости от количества кадров и их разрешения GIF-файлы могут превращаться в большие файлы. Негабаритные GIF-файлы могут медленно анимироваться и поглощать тарифные планы на мобильных устройствах. Litmus рекомендует четыре умных тактики для уменьшения размера вашего GIF:

  • Удалите рамки . Сделайте это простым и целенаправленным, как и все ваше электронное письмо.
  • Анимируйте только часть изображения ( как и в электронном письме BarkBox на прошлой неделе) . Изображение не нужно менять в каждом кадре; использование слоев в Photoshop позволит вам изолировать анимированные части.
  • Обрезать . Сосредоточьтесь на анимированной части и при необходимости обрежьте остальную часть.
  • Уменьшите количество цветов . Значительное сокращение - использование цвета может уменьшить размер файла.

Не существует жесткого правила для размера файла, но хорошее практическое правило - не превышать размер GIF 200–250 КБ.

Подвести итог

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

  • Убедитесь, что ваш GIF-файл служит цели в истории, которую вы хотите рассказать. Спросите себя, помогает ли это улучшить понимание читателями вашего сообщения.
  • Расположите GIF-файлы так, чтобы зрители увидели ваш призыв к действию. Покажи им, где щелкнуть.
  • Помните, что GIF-файлы - это файлы изображений: свяжите их со своим сайтом и всегда используйте текст ALT.
  • Сообщите свое сообщение в первом кадре. Нет гарантии, что ваш GIF будет анимирован для всех подписчиков. Убедитесь, что первый кадр так же эффективен, как и вся анимация.
  • Не отправляйте файлы большого размера. Огромный GIF может не загружаться. Сделайте это простым и уменьшите размер файла.

Воспользуйтесь этими советами, когда в следующий раз отправите наш следующий анимированный GIF по электронной почте, и сообщите нам, как это происходит! Какие советы мы упустили? Обязательно поделитесь ими в комментариях. И попробуйте интегрировать GIF-файлы в свою следующую почтовую кампанию с помощью нашего бесплатного онлайн-редактора электронной почты BEE . Перетаскивать анимированные файлы GIF прямо в сообщение очень просто. Удачного письма!