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

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

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

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

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

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