14 грудня 2018

Кращі практики по дизайну футера для емейлів

Створити футер листа

Ця стаття призначена для тих, хто націлений не тільки на успіх рекламної кампанії електронної пошти, а й на вдосконалення дизайну емейлів загалом.

Може здатися, що футер не є предметом довгого обговорення. Я ніколи не чула, щоб хтось вважав за краще ту чи іншу розсилку тільки тому, що саме футер виглядає приголомшливо.

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

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

Структура футера

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

  • Загальна контактна інформація,
  • Адреса компанії,
  • Посилання на веб-сайт,
  • Посилання на соціальні мережі,
  • Заклик до дії,
  • Відмова від підписки.

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

Деякі компанії також додають до структури футера рядок, де вони роз’яснюють, чому повідомлення було надіслано користувачеві, вважаючи, що воно знижує ймовірність скарг на спам. Я чесно вважаю, що ця лінія непотрібна, бо відповідь більш ніж зрозуміла – повідомлення було відправлено бо була зроблена підписка.

Ось приклад елегантного дизайну футера для вашого натхнення:

До речі, ось приклад поганої практики в дизайні футерів для  електронної пошти:

Справа в тому, що перше речення неможливо прочитати, так чому воно написано там? Також використання зображень у якості фону футера – спосіб уповільнити швидкість завантаження вашого електронного листа.

Розмір футера

Я раджу використовувати стандартну ширину в 600 пікселів і висоту в діапазоні від 90 до 200 пікселів. Єдине, про що вам варто турбуватися, це пропорція. Не робіть свій футер більшим, ніж хедер, якщо в тому немає необхідності або поважних причин на те.

Якість розширення вашого футера має бути 720 dpi, і, крім того, картинка повинна відображатися коректно з 100-кратним збільшенням. У більшості випадків використовують зображення таких форматів, як JPEG чи PNG або рідше анімований формат GIF.

Дотримуйтеся простого дизайну емейл футерів

Головне і найбільш поширене правило, яке ви, очевидно, чуєте від експертів або читаєте в маркетингових дослідженнях, – це порада робити емейл дизайн простим. Це цілком логічно, але важливий не тільки сам дизайн, але і розмір листа.

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

Ось приклад, коли надзвичайно складно вибрати соціальну мережу через їхню кількість:

Заклик до дії (СТА) в футері

Немає певних правил використання СТА елементів в футері і нема жодних аргументів щодо того, чи повинен там бути заклик до дії взагалі, але багато компаній поміщають його саме туди. На мій погляд, якщо ви вже використовували заклик до дії в тілі листа, немає необхідності дублювати цей елемент і поміщати його в футер.

У вашому листі не повинно бути декількох різних закликів до дії, тому що вони, ймовірно, заплутають користувача і не приведуть до результатів. «Одне повідомлення – один тип заклику» – пам’ятаєте це правило.

Ось кілька цікавих прикладів електронної пошти із закликом до дії в футері:

Можливість скасування підписки

Хоча ніхто не хоче втратити пiдписникiв, опція скасування підписки повинна бути доступна і видима. Навіщо? Тому що ви не надаєте хороший сервіс, поки він нав’язливий. Надайте користувачам додаткові переваги. В іншому випадку багато ваших електронних листiв будуть потрапляти в спам, який впливає на репутацію вашого бренду, а також на надійність компанії.

Ось приклад хорошого варіанту вибору скасування підписки:

Як ви можете бачити, легко знайти опцiю скасування підписки, навіть якщо він використовується як анкорне посилання, а не кнопка. Дизайн мінімалістичний, є тільки ті елементи, які ви очікували побачити, тому немає ніяких труднощів у пошуку того, що ви шукали.

Ось погане рішення з можливістю скасування підписки в футері:

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

Адреса та контактна інформація

На мій погляд, немає необхідності вказувати повну адресу вашої компанії в якості контактної інформації, тому що ніхто не прийде прямо в ваш офіс після прочитання електронного листа. Ця інформація вже вказана на вашому вебсайті і знайти її зовсім не важко. Ви навіть можете розмістити в футері електронного листа кнопку для швидкого переходу на сторінку «Зв’язатися з нами». Ось перелік тих речей, які 100% повинні бути в нижньому колонтитулі електронної пошти:

  • Посилання на ваш сайт з авторським правом або навіть без нього;
  • Кнопки соціальних медіа;
  • Номер телефону.

І це все! Не думайте, що більше інформації зробить ваш електронний лист цікавішим.

Ось приклад, де все ясно:

Ось інший приклад, де вказаний великий текст після футера, що вже досить дивно адже футер – це маркер кінця емейлу. Такий текст має дуже мілкий шрифт, його складно читати, і, певно, розраховувалось на те, що цього робити ніхто не буде:

Закономірно виникає питання: навіщо це робити? Певно, емейл дизайнері помістили туди текст, щоб пропорційно розподілити в листі текст і графіку, але можна було це зробити по-іншому, наприклад, додати блок з корисною інформацією, яку буду цікаво читати.

Висновок

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

Дизайн футера емейла – це не мистецтво, доступне тільки професіоналам. Можна зробити ідеальний варіант навіть без навичок дизайну, просто використовуйте редактор електронної пошти Stripo, і ви витратите не більш хвилини, щоб зробити чудовий футер, перевірено на особистому прикладі.