Вашият контролен списък за оптимален дизайн на мобилни адаптивни имейли

контролен списък за реагиране на имейли

Няма нищо, което наистина да ме разочарова, както когато отворя имейл, който очаквам с нетърпение на мобилното си устройство и не мога да го прочета. Или изображенията са с твърдо кодирани ширини, които няма да реагират на дисплея, или текстът е толкова широк, че ще трябва да превъртя напред и назад, за да го прочета. Освен ако не е критично, не чакам да се върна на работния си плот, за да го прочета. Изтривам го.

Не съм единственият - както потребителите, така и бизнесът четат повече от половината от всичките си имейли на по-малки екрани сега. Отзивчивият дизайн на имейл е от решаващо значение към вашите кликвания по имейл.

Тъй като сме внедрили отзивчиви имейли на почти всяка платформа за имейл услуги, често се обръщаме към тези организации и предлагаме помощ. Честно казано никога не съм получил отговор. Жалко е - те плащат за платформа за изпращане на имейл, който никой не чете. Промяна на вашия имейл шаблон е лесно да се обоснове. Представете си, че отивате до принтера по време на работата си и изхвърляте половината хартия ... това правите, когато имейлите ви не реагират.

Най-добрите практики се появиха на този пазар. Отзивчивият дизайн не е толкова лесен - но не е и невъзможен. Хората от имейл монасите ни помогнаха и те следват този доказан контролен списък, за да оптимизират имейла ви, за да се уверят, че отговаря на мобилните и таблетните изгледи.

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

Контролен списък за адаптивен имейл дизайн

2 Коментари

  1. 1

    Това е наистина страхотна и нишова статия Дъглас! Научих много от това.

    Повечето статии говорят за адаптивния уеб дизайн, това е първият път, когато чета за адаптивния дизайн на имейли. Наистина страхотни съвети и стъпки, които сте включили тук. Какъв софтуер за имейл маркетинг използвахте?

Какво мислите?

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.