Як адаптувати email-контент до читання з мобільних екранів

136

За даними дослідницької компанії Knotice, у другій половині 2012 року користувачі Мережі читали 41% електронних листів за допомогою мобільних гаджетів. На частку смартфонів довелося 29% прочитаних листів, а частка планшетів становила 12%. За інформацією Moveable Inc, у другому кварталі 2013 року жителі США прочитали 62% електронних листів за допомогою смартфонів і планшетів.

Експерти Exact Target встановили, що в жовтні поточного року лише 12% B2C-брендів використовували адаптивну верстку email-контенту. Ще 10% компаній створювали мобільну версію розсилки. Решта 78% (!) компаній розсилають однаковий контент всім користувачам. Таким чином, аудиторія все частіше читає електронну пошту за допомогою смартфонів і планшетів. Однак бренди не реагують на цю тенденцію, чим створюють потенційним клієнтам незручності. З цієї статті ви дізнаєтеся, як адаптувати email-контент до читання з планшетів і смартфонів і чому необхідно це зробити.

Як адаптувати email-контент до читання з мобільних екранів

Щоб підготувати email-контент до читання з екранів мобільних гаджетів, можна використовувати адаптивну верстку або мобільний дизайн. Також ви можете тимчасово застосовувати квазимобильный дизайн.

Адаптивний дизайн — універсальне рішення

Термін «адаптивна верстка» використовується для позначення ряду методів, що забезпечують оптимізацію контенту сайту або email до дозволу екрану користувача. Щоб створити адаптовану версію контенту, маркетолог повинен скористатися послугами дизайнера і веб-програміста. Використання адаптивної верстки гарантує читабельність ваших електронних листів з екранів будь-яких гаджетів.

Адаптивна верстка передбачає створення декількох макетів сторінки сайту або електронного листа, кожен з яких підходить під певний діапазон дозволів екрану. Сітка сторінки розтягується в контрольних точках або брэйкпоинтах, забезпечуючи відповідність дизайну розмірами екрану того чи іншого гаджета. Зміна макета відбувається після обробки медіа-запиту.

Ось так виглядає наша розсилка на екрані настільного ПК і мобільного гаджета:

Як адаптувати email-контент до читання з мобільних екранів

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

  • По-перше, користувачі вже читають велику частину електронних листів за допомогою мобільних гаджетів. Рітейлери активізують поштові розсилки до сезону святкових розпродажів, який вже розпочався в США і наближається до Росії. Однак онлайн-торговці не підготувалися до розпродажів, так як їх email-контент незручно читати на маленьких екранах. Адже за даними e-Dialog, 63% користувачів негайно видаляють електронні листи, якщо їх неможливо читати на екрані планшета або смартфона. Оцінивши масштаби недоотриманого прибутку, рітейлери повернуться до питання адаптивної верстки вже в січні-лютому 2014.
  • По-друге, провайдери email-сервісів все частіше пропонують клієнтам шаблони листів з адаптивною версткою. Це дозволяє брендам легко скористатися перевагами даної технології.

Таким чином, у 2014 році використання адаптивної верстки стане мейнстрімом.

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

Мобільна версія — ще один спосіб адаптації email-контенту

Якщо ви готові створювати різні версії email-контенту для власників стаціонарних ПК і мобільних гаджетів, використовуйте дизайн для маленьких екранів. До його відмінних рис належать:

  • Верстка в одну колонку.
  • Використання великих фотографій, кнопок і шрифту.
  • Оточення посилань порожнім простором або некликабельными елементами, що виключає невірні переходи.

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

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

Як адаптувати email-контент до читання з мобільних екранів

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

Квазимобильный дизайн: як зберегти орієнтацію на власників десктопів і не упустити мобільних користувачів

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

Квазимобильный дизайн є комбінацією мобільного та стандартної версії сторінки. До його ознак належить використання великих фотографій і конверсійних кнопок. Однак заголовок, блок навігації, футер та деякі інші елементи залишаються такими, якими їх хочуть бачити користувачі гаджетів з великими екранами. Іншими словами, маркетологи відмовляються від повного редизайну email-повідомлення, однак адаптують до потреб користувачів деякі його елементи.

За даними ExactTarget, близько третини B2C-компаній вже використовують квазимобильный дизайн. Однак найближчим часом їм доведеться запровадити адаптивну верстку або мобільну версію розсилки. Власники гаджетів з маленькими екранами навряд чи готові миритися з напівзаходами, тому даний підхід можна використовувати тільки в якості тимчасового кроку.

Як захистити ваші електронні листи від попадання в кошик

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

Адаптація матеріалу 2 Key Techniques for Making Email Content More Mobile-Friendly by Chad White.

Статті по темі:

  • Email-маркетинг: 10 чудових прикладів для наслідування
  • 8 небезпечних помилок про email-маркетингу
  • Як оптимізувати сайти під мобільний трафік