Актуальные тренды дизайна email-рассылок: запись вебинара + ответы на вопросы

Ваши подписчики ежедневно получают тысячи сообщений через различные каналы, и сделать так, чтобы ваш бренд выделялся, стало сложнее, чем когда-либо. Как пробиться сквозь этот информационный шум? Один из способов — впечатлить их *действительно хорошим* дизайном email-рассылок.

В этом вебинаре мы рассмотрели тренды дизайна email-рассылок на протяжении многих лет. Как выглядели письма в начале 2000-х? Какие тренды вошли в число победителей в 2019 году? И что станет популярным в 2020-м или даже в 2030-м? Команда Really Good Emails присоединилась к нам, чтобы вспомнить историю дизайна email и помочь спрогнозировать, что нас ждет впереди.

Не успели посмотреть вебинар в прямом эфире? Не беспокойтесь. Вы можете ознакомиться с полной записью в любое время и прочитать ответы на вопросы ниже.

## Ответы на вопросы

Большое спасибо всем, кто принял участие в вебинаре и задал вопросы! Здесь мы подводим итоги наших ответов на самые популярные из них, а также делимся мнением по вопросам, которые не успели обсудить в прямом эфире. Остались дополнительные вопросы? Пожалуйста, оставляйте их в комментариях.

### Чем отличаются тренды дизайна email-рассылок для B2C и B2B?

**Майк Нельсон**: Эти тренды универсальны для B2B, B2C и некоммерческих организаций. Просто потому, что вы работаете в одной сфере, не значит, что вы не можете использовать идеи дизайна из другой. Единственная отрасль, которая имеет свой собственный стиль, — это государственные письма, которые обычно содержат очень много текста.

### Как лучше использовать пустое пространство, учитывая, что темный режим усложняет его восприятие?

**Майк**: Немного странно называть это «белым пространством», когда на самом деле это просто пустое пространство. В этом контексте не важно, белое оно или темное — главное, чтобы у каждого элемента было достаточно места.

**Лили Уорт**: Я думаю, что термин «белое пространство» часто воспринимается как негативное пространство, что удобно, так как оно не привязано к конкретному цвету.

### Есть ли советы по включению более продуманных визуальных элементов в письма в стиле простого текста?

**Джейсон Родригес**: Для писем в стиле простого текста ключевую роль играет иерархия, чтобы это не выглядело как один сплошной блок текста, который ваши подписчики, скорее всего, не станут читать. Если вы сможете создать возможность быстрого просмотра, разделив текст на разделы с разными заголовками и используя разные начертания или стили текста для выделения этих заголовков, это тоже поможет.

**Майк**: Если вы не пишете длинную статью и используете email как средство передачи, старайтесь ограничивать абзацы парой-тройкой предложений. Используйте маркированные списки для обобщения идей. Применяйте специальные символы, такие как «#################», чтобы визуально разделять идеи. У нас есть хорошие примеры писем с текстовым и буквенным стилем в этой подборке на RGE.

**Лили**: Я согласна с Джейсоном. Использование разных размеров и начертаний шрифтов — и, возможно, пары разных стилей шрифтов для создания иерархии — поможет сделать письмо легко просматриваемым и усваиваемым. Вы определенно можете проявить творческий подход к типографике; внизу нашего поста о смелой типографике есть несколько хороших примеров писем, содержащих только текст.

### Как сделать анимацию и анимированные GIF-изображения доступными?

**Лили**: Анимация должна играть вспомогательную роль, поэтому ключевое сообщение и призыв к действию должны содержаться *в текстовом контенте*. Если анимация содержит отдельную и важную информацию, она должна быть продублирована в ALT-теге.

Что касается самой анимации, частота мерцания контента в диапазоне от 2 Гц до 55 Гц может навредить пользователям с фоточувствительной эпилепсией. Кроме того, пользователи с нарушениями зрения могут испытывать трудности с чтением или просмотром контента на GIF до смены кадра. Убедитесь, что ваши анимированные GIF-изображения имеют плавные переходы или не меняются слишком быстро.

**Джейсон**: GIF-изображения в большинстве кампаний носят декоративный характер. Но если это GIF не загрузится или его не будет видно при открытии письма, будет ли ваше сообщение понятным? Если кто-то использует скринридер для чтения вашего письма, смогут ли они понять ваше сообщение? Как сказала Лили, если GIF содержит уникальную информацию, убедитесь, что она продублирована в ALT-теге, чтобы все подписчики имели к ней доступ.

### Какие инструменты вы бы порекомендовали для создания анимаций и GIF-изображений?

**Мэтт Хелбиг**: Мы по-прежнему видим, что бренды используют такие инструменты, как Adobe Photoshop или After Effects. Добавление CSS-анимаций или эффектов при наведении может быть хорошим способом добавить движение в ваше письмо с помощью нескольких строк кода.

**Лили**: Для создания анимаций, которые мы используем в письмах Litmus, мы применяем Adobe Animate. Этот софт позволяет создавать GIF, PNG и HTML5-анимации — те, кто работал с Flash в прошлом, найдут этот инструмент знакомым.

**Уитни Рудесил Пит**: Если вы хотите использовать анимированные PNG (APNG), на данный момент невозможно сохранить анимации в формате APNG с помощью Adobe Photoshop или Adobe Animate. Когда мы включаем APNG в наши письма, мы используем Adobe Animate для создания анимации, но экспортируем каждый кадр как отдельный PNG. Чтобы преобразовать все эти отдельные PNG в APNG, можно использовать такие инструменты, как PNG Animator или бесплатную альтернативу от ezgif.com.

### Используются ли кастомные иллюстрации как в B2B, так и в B2C, или в основном в B2C?

**Майк**: Они используются примерно одинаково. Примеры, которые мы показали на вебинаре, возможно, выглядели более потребительскими, но все они были созданы B2B-компаниями: Mailchimp (продает услуги email-рассылок другим компаниям), HelpScout (продает технологии обслуживания клиентов бизнесу) и Bulb (продает энергию бизнесу).

**Джейсон**: Как и во всем, что касается email, это зависит от вашего бренда, аудитории и цели каждой кампании. Так что если вы работаете в отрасли, где кастомные иллюстрации могут восприниматься как недостаточно серьезные, не используйте их. Но помните, что всегда есть возможность нарушить устоявшиеся правила. Такие бренды, как Simple или Stripe в финансовой сфере, внедряют новые дизайнерские тренды, потому что они могут более четко представлять абстрактные концепции и добавлять индивидуальности своим брендам. Так что никогда не говорите «никогда».

### Сохраняются ли проблемы с отображением интерактивных элементов в разных почтовых клиентах?

**Уитни**: Для многих компаний основная причина, по которой они не отправляют больше интерактивных писем, — это несовместимость и ограниченная поддержка со стороны почтовых провайдеров. К сожалению, это все еще актуально для таких функций, как эффекты при наведении и интерактивные карусели изображений. Тем не менее, если вы все же хотите внедрить интерактивность, не стоит бояться ограниченной поддержки, если у вас есть запасной вариант. Ознакомьтесь с нашим постом о запасных вариантах для интерактивных писем, чтобы начать.

### Как темный режим улучшает доступность?

**Майк**: В этой области все еще ведется много исследований. Утверждение, что «темный режим легче для глаз», как общее правило, неверно, так как он помогает одним, но может быть хуже для других, например, для людей с тяжелой формой астигматизма. Для тех, кто испытывает трудности со сном, использование темного режима по вечерам оказалось более полезным, чем яркие экраны, которые могут влиять на циркадные ритмы. Темный режим также часто воспринимается как менее отвлекающий и помогает сосредоточиться. Однако, если контраст слишком сильный — например, настоящий черный фон и настоящий белый текст — это может быть труднее для чтения людям с дислексией. Эту проблему можно смягчить, используя темно-серый фон и кремовый цвет для шрифта.

### Как, по вашему мнению, эти дизайнерские тренды будут работать с аудиторией старше 65 лет?

**Майк**: Мы не затрагивали этот вопрос конкретно, но письма, которые мы демонстрировали на вебинаре и которые можно увидеть на Really Good Emails, значительно увеличивают размер шрифта по сравнению с тем, что было всего несколько лет назад. Это то, что приветствуют представители старшего поколения. Также наблюдается возвращение к знакомым трендам, таким как стили Баухаус и Швейцарский дизайн.

**Лили**: Как отметил Майк, ретро-стили, которые должны стать популярными в 2020 году, вероятно, вызовут ностальгию у старшего поколения. Упрощение также будет полезно для вашей аудитории, так как письма становятся менее загроможденными, что делает сообщение и призыв к действию более легкими для чтения и понимания.

### Хотя типографика — отличный способ выделиться, сложно оправдать ее использование, когда многие шрифты не поддерживаются в почтовых клиентах. Как вы думаете, это изменится в ближайшее время?

**Лили**: К сожалению, невозможно предсказать, будет ли расширена поддержка веб-шрифтов, но мы бы очень этого хотели. Этот удобный инструмент может помочь вам подобрать подходящий запасной шрифт для использования с вашим веб-шрифтом.

### Как, по вашему мнению, будет развиваться персонализация в контексте этих новых трендов?

**Мэтт**: Мы ожидаем, что все больше брендов будут персонализировать каждый раздел письма. Клиенты будут обменивать свои данные на лучший опыт. Понятные отчеты, уникальные предложения и признание делают клиентов VIP-персонами. Специалисты по email-маркетингу должны превращать данные клиентов в то, что наиболее полезно и релевантно для подписчиков.

Кроме того, вот все подборки Really Good Emails по трендам, которые мы обсудили на вебинаре: