Responsive Email Design, или Как прочитать письмо на холодильнике
Для нас, как и для большинства социальных сетей, очень важны email-рассылки. Одной из интересных и сложных технических задач является корректное отображение писем на мобильных устройствах. Сейчас около 23% писем Badoo открывается именно на них, и эта цифра постоянно увеличивается. А возможно, кто-то прямо сейчас читает наше письмо на своем интернет-холодильнике.
Сегодня мы расскажем, каких правил придерживаться в разработке электронных писем, как сохранить их юзабилити на мобильных устройствах, а также поделимся своими хитростями, накопленными в процессе работы.Требования
С какими проблемами мы столкнулись и какие требования предъявляются к нашим письмам: письма должны корректно отображаться в множестве разных почтовых клиентов и браузеров;
они должны быть оптимизированы под различные устройства на платформах iOS и Andriod (смартфоны с большим, средним и малым разрешением экрана; планшетные компьютеры);
нужна обязательная поддержка Outlook 2003/2007/2010, т.к. он занимает большой сегмент использования;
редактирование компонентов, которые применяются еще в 50 шаблонах писем;
необходимо создавать универсальные блоки, которые будут подстраиваться под ситуацию, т.к. в письмах данные имеют динамическую структуру (например, письма переводят на 44 языка, в них меняются размеры блоков, изображений, размер текста).
Читать дальше →
