Тенденции в дизайне электронных писем в 2017 году

Тенденции в дизайне электронных писем в 2017 году

Жена, родители, родственники и друзья часто спрашивают меня, почему я трачу столько времени на анализ спама, который просто удаляется всеми остальными. Вместо этого они утверждают, что я мог бы легко выпить и посмотреть на Netflix римейк классики 90-х. Знаете, что они говорят?: #EmailGeeks4Ever. (Ладно, так больше никто не говорит.)

Но после прошлогодней публикации статьи о тенденциях в электронной почте многие люди запросили обновление. Поэтому, чтобы порадовать тех, кого это интересует, вот тенденции, которые происходили в этом году. Если вам интересно, что было в прошлом году и как изменились тренды: тренды 2016. Приятного чтения!

Тренд #1: Добавьте приятный фон

Прошла эпоха скучного белого фона. Когда вы можете сделать что угодно, и у вас в руках более 16 миллионов цветов, почему бы не добавить немного пикантности? Популярная для этого специя - использовать пастельные цвета:

слева направо: The Hoxton, Offscreen Dispatch, and MailChimp
слева направо: The Hoxton, Offscreen Dispatch, and MailChimp

Еще одна отличная специя - это градиент. Горизонтальный он, вертикальный или диагональный, хороший градиент может творить чудеса в дизайне.

слева направо: Hulu, On, Fig Tree
слева направо: Hulu, On, Fig Tree

И когда вам станет скучно с парой цветов, то вместо добавления большего количества, возьмите для фона старую добрую фотографию, это может быть довольно круто - особенно если она будет от края до края.

Harry’s
Harry’s

И если вы просто хотите покрасоваться, можно сделать так:

Uber 2016, Uber 2017
Uber 2016, Uber 2017

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

Тренд #2: Сумасшедшие шрифты

Как только вы освоите цветной фон, кажется, что следующим логическим шагом является освоение цвета переднего плана. Я говорю о том, чтобы раскрасить текст и показать миру, что вы не боитесь показать свою красочную сторону, как у Иосифа и его удивительного плаща снов. (А это множество цветов.)

Litmus, Facebook, DPDK
Litmus, Facebook, DPDK

Если вы не готовы быть столь возмутительным, то вместо этого можете использовать красивые сочетания шрифтов. Самое популярное большой, полужирный шрифт с засечками и маленький, без засечек. Вот несколько примеров в дополнение к письму Litmus выше.

David Kind, Conductor
David Kind, Conductor

Больше не круто, иметь маленький шрифт и письма. Приятно, когда размер шрифта составляет 18 пикселей или больше. 18 - это новые 12.

Тренд #3: ⚡🚀 😻

Кажется естественным, что мир эмоджи и значков пробивается в наши электронные письма. Мы видели, как довольно долгое время их использовали только в теме письма, теперь наблюдаем, как эмоджи добавляют прямо в тело.

Gotcha.io, Of a Kind, Action Rocket
Gotcha.io, Of a Kind, Action Rocket

Что делать, если эмоджи не соответствует стилю вашего бренда? Значит вы можете создать свой собственный значок и поместить его в текст или использовать как маркер. Мы уже наблюдали это в прошлом году.

Blink XT, Fitbit
Blink XT, Fitbit

Тренд #4: Сыграйте с контентом в тетрис

Блоки повсюду. Наверное, потому, что Amazon захватывает мир.

Target, Helix, School of Life
Target, Helix, School of Life

Приятная вещь в блоковом контенте, заключается в том, что он хорошо масштабируется. Он может легко переходить от 4-х столбцов 2-м или шести, в зависимости от размеров экрана.

Тренд #5: Сделайте свою рекламу гифкой

Ваш маркетинговый отдел, вероятно, потратил кучу денег чтобы сделать видеоролик. После того, как он ушел в прокат, почему бы не нарезать некоторые из лучших сцен в GIF? Я почти уверен, что смотрел эти GIF, раз двадцать.

Nike Readdle
Nike, Readdle

Или, если видео слишком быстрое, просто вставьте его и сделайте заглушки с ссылкой на целевую страницу для старых почтовых клиентов. Эксперты из Вистии недавно экспериментировали и даже составили подробное руководство по использованию видео в электронных письмах.

Примеры видео в электронных письмах

И всего пару недель назад Кристиан Робинсон писал о создании фальшивого видео в электронных письмах и о том, как это сделать. Это очень круто.

Тренд #6: Оживите ваши кнопки

В эпоху более интерактивных электронных писем (или для привлечения дополнительного внимания к людям, которые не знают, что делать с кнопкой), вы можете немного подвигать кнопки. Это напоминает мне о Скрепке Microsoft, которая появлялась и спрашивала, нужна ли вам помощь. Спасибо, мистер Скрепка!

Zurb BBC
Zurb, BBC

Тренд #7: Сделайте ваш продукт таинственным

Вы смотрели видео распаковки новых вещей, верно? Те, где люди достают новый iPhone из коробки, просто чтобы показать, что картина на передней части коробки - это и правда то что внутри коробки? Супер интересная вещь. В этом есть немного загадки, примерно как с знаменитым парадоксом Шредингера: вы не знаете, что внутри, пока вы не откроете коробку.

Nest, Cowrks, Harry’s
Nest, Cowrks, Harry’s

Тренд схож с этим, но чтобы добиться какой-то тайны или загадки использюет освещение. Спрячьте продукт в темноте, и люди будут вынуждены нажать на письмо, чтобы сделать славное разоблачение - это реальный продукт или нет.

Тренд #8: Создавайте неоновые вывески

Знаете эти знаки в окнах ресторана, чтобы люди знали, что они открыты? Да, вот так, но по электронной почте. Теперь все в вашем списке рассылки будут знать, что вы открыты для бизнеса - всегда.

Quip, Sabah, Nike, The Black Tux
Quip, Sabah, Nike, The Black Tux

Тренд #9: Воссоздайте ощущение Инстаграм

Все используют Instagram (ну, не все. Ближе к спорным каждый 7-й). Здесь есть что-то общее с придумыванием велосипеда, ведь уже есть проверенные ощущения. Если у вас есть много контента, или много фотографий, кажется, пора начать копировать.

GOAT, BURST
GOAT, BURST

Хотя на скриншотах выше, изображения выглядят так, как будто идут несколькими столбцами, в оригинале он один (просто поставил их так, чтобы сохранить место). Что круто, так это то, что они дают рекламу людям сделавшим фотографию, тем самым увеличивая шансы, того что в будущем поклонники упомянут бренд и на своих фотографиях.

Тренд #10: Располагайте заголовок и текст бок-о-бок

Возможно, в начальной школе на уроках русского языка вы учили, что заголовок всегда идет сверху перед началом рассказа или главы. Это то, что мы учили. Но все больше и больше, некоторые радикалы нарушают это соглашение, располагая свои заголовки слева от текста.

Protein Supplement, Offscreen Dispatch, Behance
Protein Supplement, Offscreen Dispatch, Behance

Если посмотреть тренды в дизайне электронных писем за 2016 год, мы увидим, что 5/10 всё ещё популярны и в этом году. Интересно сколько трендов этого года перейдут в 2018?