Анімовані листи: 9 порад і 12 яскравих прикладів

Онлайн-спілкування важко уявити без анімацій. Ми щодня використовуємо їх, щоб висловити емоції, показати реакцію чи навіть замість текстового повідомлення!

Не дивно, що анімовані GIF потрапили й у листи. Динамічні та яскраві, вони можуть стати безцінними для ваших кампаній. Проте, перш ніж створювати анімований лист, варто врахувати чимало деталей:

• Коли доречно додавати GIF у лист?
• Як вставити GIF у лист?
• Якою завдовжки може бути GIF?
• Що в ній показати?
• І ще багато-багато іншого.

Не хвилюйтеся: саме про це ми й розповімо в цьому посібнику. Читайте статтю, щоб розібратися в усіх тонкощах GIF-анімацій у листах і навчитися створювати анімовані листи, які підсилять ваші кампанії та запам’ятаються надовго.

Анімовані GIF у листах: плюси й мінуси

Почнімо з початку. Чи справді анімовані листи варті зусиль? Порівняймо плюси й мінуси GIF у листах, щоб з’ясувати.

Анімовані GIF дають вашим розсилкам цілу низку переваг. Наприклад:

1. Вони додають руху. Мабуть, найочевидніша перевага анімацій — вони пожвавлюють повідомлення відчуттям руху. Анімовані GIF у листах природно привертають увагу: чіпляють погляд читача й роблять повідомлення значно яскравішим.
2. Вони оживляють текст листа. Ваш текстовий лист здається надто нудним? Додайте анімацію (або навіть передайте потрібну інформацію за допомогою GIF)! Звичайні зображення теж чудово працюють, але анімовані GIF допоможуть підвищити залученість і яскравіше проілюструвати текст листа.
3. Вони можуть замінити відео. Обирайте анімовану GIF для листа щоразу, коли потрібно додати дії, а довге відео — це вже забагато. Якщо вам вистачить пари секунд замість повноцінного ролика, GIF-анімація успішно його замінить і впорається не гірше (а то й краще).

Та разом із вагомими перевагами анімовані GIF у листах мають і помітні недоліки:

1. Вони можуть бути важкими. Одна GIF-анімація складається з багатьох кадрів. Що вони складніші й об’ємніші, то важчим стає файл GIF. Уважно стежте за його розміром: надто великі елементи листа можуть спричинити проблеми з доставкою та спам-фільтрами.
2. Їх підтримують не всюди. Сьогодні переважна більшість поштових клієнтів і пристроїв підтримують анімовані листи. Проте перешкоди все ж можливі. Наприклад, якщо одержувач користується старою версією програми (як-от Outlook 2007–2016), анімована GIF може застигнути на одному кадрі або не завантажитися взагалі.
3. Вони можуть бути недоречними. GIF не однаково добре підходять для всіх типів листів. Наприклад, якщо лист серйозний (чи офіційний) за тоном, GIF можуть здатися непрофесійними, а подекуди й відверто недоречними.

Коли використовувати GIF у листі?

Зваживши всі плюси й мінуси анімованих листів, ви можете запитати: а чи бувають ситуації, де GIF не просто доречні, а необхідні? Звісно, і не одна!

Анімовані GIF у листах — саме те, що вам потрібно, якщо ви хочете:

• Показати свій бренд. GIF — чудовий спосіб продемонструвати стиль бренду й зробити його таким, що запам’ятовується. Анімація вдихне життя у ваших маскотів і додасть руху всім іншим упізнаваним елементам.

Чудовий приклад — анімований лист від Headspace у впізнаваному мінімалістичному стилі бренду.

• Просувати нові продукти. Анімовані GIF ідеально підходять, щоб показати нові лінійки товарів в усій красі! Скористайтеся силою анімації, щоб продемонструвати дизайн, можливості й особливості товарів так, як не зможе статичне зображення.

Ось чудовий приклад анімованого листа від Warby Parker: GIF демонструє нову технологію оправ Memory Metal.

• Анонсувати розпродажі й пропозиції. Хочете зробити анонс, який не пропустять? Зверніть увагу на анімовані листи. Святковий розпродаж чи обмежена в часі пропозиція — GIF підкреслить привід, додасть листу залученості й спонукає підписника до дії.

Ось як True Grit Texture Supply анонсує «Snap Sale» за допомогою анімованої GIF у листі.

• Показати товари в дії. Анімовані GIF у листах можуть працювати як інструкції до ваших продуктів або показувати динамічні послідовності «до і після». Для цього створіть невеликий анімований мультфільм (або використайте короткий живий фрагмент відео) і покажіть товар у найкращому світлі.

Наприклад, в анімованому листі Rael є GIF, що показує, як наносити тканинну маску для обличчя.

Де взяти GIF для листа?

Тепер розгляньмо, де взяти найважливіший складник анімованого листа — саму GIF. Є 3 варіанти:

1. Скористатися Blocks. Наш конструктор листів пропонує величезну бібліотеку безкоштовних GIF на будь-який випадок! Просто відкрийте розділ «GIF» у «Центрі зображень», введіть запит у поле пошуку й виберіть анімацію, яка найбільше сподобається.

Хочете додати в лист власну анімовану GIF? Простіше простого! Підготуйте файл GIF, а потім перетягніть його просто в «Центр зображень», завантажте з папки на комп’ютері або вставте URL-адресу анімації.

2. Через сторонні сервіси. Чудові GIF можна знайти на спеціальних сервісах на кшталт GIPHY або навіть у пошуку Google! Це добрий спосіб заощадити час, але варто пам’ятати про 2 речі:

• Без елементів бренду такі GIF, звісно, не матимуть індивідуальності. З іншого боку, це непоганий вибір, якщо ви просто хочете пожвавити лист або передати емоції.
• Деякі GIF із пошуку Google (та інших пошукових систем) захищені авторським правом і не дозволені для вільного використання. Перш ніж додати GIF у лист, перевірте це, щоб не порушити авторські права.

Ось наочний приклад такого підходу: Heatonist ілюструє свій вітальний лист анімованим фрагментом із «Сімпсонів».

3. Створити власну GIF. Анімація на замовлення — єдиний шлях, якщо ви хочете показати свій бренд, пропозиції та інші унікальні деталі. На щастя, для цього є безліч програм і сервісів, серед них уже згаданий GIPHY, Photoshop та інші!

9 порад для анімованих листів

Готові створювати анімовані листи? Ми допоможемо витиснути з них максимум! Скористайтеся цими 9 дієвими порадами, щоб привернути увагу підписників і бути на висоті в email-маркетингу.

Вирішіть, чи потрібна вашому листу GIF

GIF — це чудово (і вони навіть можуть підвищити клікабельність на 26%), але це не означає, що їх треба використовувати завжди. Анімована GIF у листі повинна мати мету. Інакше це буде лише марна трата часу, місця й ресурсів.

Стежте за розміром

Створюючи чи обираючи анімовану GIF для листа, переконайтеся, що вона не надто важка. Важкий контент може зашкодити кампанії одразу кількома способами. Наприклад:

• Розмір контенту впливає на час завантаження листа, особливо помітно — за повільного з’єднання. До того ж одержувачі з обмеженим трафіком точно не зрадіють, якщо більша його частина піде на один лист.
• Поштові клієнти можуть вважати важкі листи підозрілими. Тримайте розмір контенту в розумних межах, щоб не спрацювали фільтри безпеки й лист не опинився в папці «Спам».

В ідеалі анімована GIF має важити менше ніж 1MB. Так вона швидко завантажиться й витрачатиме менше мобільного трафіку.

Ось чудовий приклад від Cat Person: GIF у листі проста й легка, але водночас жвава.

Уникайте складності

Справа не лише в розмірі: GIF — це стиснений формат файлу, і надто деталізовані зображення можуть страждати від артефактів і втрати якості. Щоб цього уникнути, робіть GIF для листа стриманою, без безлічі кадрів і надто складних візуальних ефектів.

Як варіант, можна анімувати лише частину GIF (наприклад, тло або окремий елемент). Це заощадить вам час і допоможе виділити важливі деталі в листі.

Погляньте на цей скромний, але чудовий анімований лист від The New York Times, що представляє мобільний застосунок видання.

Пам’ятайте про обмеження кольорів

Звичайні GIF обмежені 256 кольорами на кадр. Для порівняння: JPEG підтримує до 16 мільйонів кольорів і відтінків. Майте це на увазі, адже статичне зображення, що переливається сотнями кольорів, після перетворення на GIF просто не виглядатиме так само яскраво.

Натомість спрощені форми з однотонними кольорами без градієнтів чудово працюють у GIF-анімаціях. Ось чудовий приклад від Pelago: анімація використовує лише 4 кольори (білий, чорний, сірий і жовтий) на синьому тлі.

Зробіть акцент на першому кадрі

Може здивувати, але перший кадр відіграє дуже важливу роль для анімованих GIF у листах. Іноді, навіть коли анімація не завантажується, перший кадр усе одно видно. Тому:

1. якщо маєте щось важливе сказати, обов’язково покажіть це в першому кадрі GIF;
2. зробіть перший кадр схожим на самостійне зображення (наприклад, вашого нового продукту). Тоді, навіть якщо анімація застигне, вона все одно тішитиме око.

У цьому анімованому листі для повернення клієнтів від Zoom перший кадр може слугувати самостійним зображенням, якщо решта не завантажиться.

Не робіть GIF задовгою

Оскільки середня тривалість концентрації уваги (хочете вірте, хочете ні!) — лише 8 секунд, GIF для листа краще робити відносно короткою.

То якою завдовжки може бути GIF у листі? Технічно кількість кадрів в одній GIF не обмежена. Та з огляду на тривалість уваги (і на те, що кожен кадр збільшує розмір файлу) радимо тримати її в межах 2–6 секунд — так ефект буде максимальним.

Наприклад, в анімованому листі Artsy GIF складається лише з 3 кадрів і передає всю потрібну інформацію за кілька секунд.

Створюйте терміновість за допомогою анімації

Шукаєте спосіб ще більше залучити підписників? Додайте в лист особливу GIF і створіть відчуття терміновості! Наприклад:

• використайте зображення годинника з рухомими стрілками. Ця дрібна деталь створює відчуття, що час спливає;
• створіть таймер зворотного відліку. Це набагато пряміший варіант: він точно показує, скільки часу залишилося, і ще сильніше підживлює відчуття терміновості.

Ось як це робить Restream в анімованому листі: повідомлення про «Final Countdown» супроводжують таймер і напис «This time running out» («Час спливає»).

Не додавайте забагато GIF

Ми вже з’ясували, як важливо тримати розмір і тривалість анімованих GIF у листах у розумних межах. Те саме стосується й їхньої кількості.

Ідеальний варіант — не більше 1 GIF на лист (або кілька простих анімацій). Надлишок GIF псує вигляд листа, робить його важким і може дратувати.

Ось приклад реферального листа від Postable, у якому лише 1 анімована GIF (зате дуже помітна).

Тестуйте листи й додавайте альтернативний текст

Наостанок додайте до GIF альтернативний текст. Ця, здавалося б, дрібниця корисна з 2 причин:

1. коли анімація не завантажується (або поштовий клієнт її не підтримує), альтернативний текст стане «страховкою» й відобразиться замість неї;
2. завдяки альтернативному тексту вміст листа залишиться доступним для одержувачів із вадами зору, які користуються програмами зчитування з екрана.

І звісно, перш ніж запускати анімовані листи, протестуйте їх у різних поштових клієнтах і на різних пристроях. Усуньте всі проблеми, щоб забезпечити найкращий досвід для читачів.

Висновок

Продумані й доречні анімовані GIF можуть принести вашій кампанії чималу користь. Ці ключові висновки стануть у пригоді як шпаргалка, коли ви візьметеся за анімовані листи:

• перш ніж додавати анімовану GIF у лист, визначте її мету й чи потрібна GIF узагалі;
• обмежтеся 1 GIF на лист;
• робіть GIF легкою й не надто складною;
• пам’ятайте про обмеження кольорів і створюйте GIF з огляду на нього;
• приділіть особливу увагу першому кадру GIF;
• використовуйте GIF, щоб створити терміновість і спонукати підписників до дії;
• тестуйте анімовані листи й додавайте альтернативний текст.

Маєте амбітну ідею чи просто хочете прикрасити лист кумедною анімацією — Blocks стане вашим незамінним помічником! Зареєструйтеся безкоштовно й створюйте чудові анімовані листи за лічені хвилини.