Ваш контрольний список для оптимального дизайну адаптивних електронних листів для мобільних пристроїв

контрольний перелік адаптивного дизайну електронної пошти

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

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

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

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

  1. Дизайн в одній колонці
  2. Дизайн з урахуванням пальців
  3. Тримайте Заклики до дії легко натискати (мінімум 44 пікселів)
  4. Використовуйте простір для легкого зняття знімків
  5. Тримайте заголовок чистим
  6. Оптимізуйте роздільну здатність зображення для дисплеїв сітківки
  7. Не скупчуйте посилання разом, використовуйте кнопки
  8. Забезпечувати пов'язані номери телефонів
  9. Обмежте рядки теми до 30 символів або менше
  10. Використовуйте ширину зображення мінімум 480 пікселів, щоб вони не розмивалися при розтягуванні на мобільному телефоні
  11. Не просто масштабуйте зображення, використовуйте CSS-медіа-запити
  12. Обмежте висоту - коротші електронні листи легше переглядати
  13. Тримайте важливі заклики до дії вгорі
  14. Перевірте дизайн електронної пошти для поштових клієнтів

Контрольний список адаптивного дизайну електронної пошти

2 Коментарі

  1. 1

    Це справді дивовижна та нішова стаття Дугласа! Я багато чому навчився з цього.

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

Що ви думаєте?

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.