Блог Дизайн
19 минут на чтение
2523
0

10 трендов email-дизайна 2017 года

19 минут на чтение
2523
0

Предлагаем перевод статьи Майка Нельсона (Mike Nelson) изReally Good Emails.

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

Тренд 1: приятный фон

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

Популярный тренд этого года— фон пастельных тонов.

Слева направо: The Hoxton, Offscreen Dispatch и MailChimp.

Другой примечательный нюанс— градиент. Вертикальный, горизонтальный или диагональный, он влюбом случае творит чудеса вдизайне.

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

Также можете устроить маленькое «шоу», что-то вроде этого:

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

Тренд 2: одержимость шрифтами

Как только выосвоите цветной фон, следующим логическим шагом станет настройка цветовой гаммы первого плана. Речь оцвете текста:

Слева направо: Litmus, Facebook, DPDK

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

Слева направо: David Kind, Conductor.

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

Тренд 3: Эмодзи: ⚡? ?

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

Слева направо: Gotcha.io, Of a Kind, Action Rocket.

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

Слева направо: Blink XT, Fitbit.

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

Блоки и«блочный» дизайн повсюду. Наверное, потому, что Amazon захватывает мир. Такой дизайн становится интуитивно-понятным инаходит выражение вэлектронных письмах.

Слева направо: Target, Helix, School of Life.

Приятная особенность блочного контента— онхорошо икрасиво масштабируется вадаптивных макетах. Такие макеты могут сужаться от4до2столбцов или расширяться от2до6столбцов— ивсе они базируются наразмере экрана.

Тренд 5: сделайте продающий GIF

Ваша маркетинговая команда, вероятно, потратила кучу денег насоздание видеоролика. Нопосле того, как онзагружен наYouTube, почемубы не«нарезать» лучшие его сцены как GIF?

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

Пример от Wistia.

Тренд 6: пульсирующие кнопки

Вэпоху интерактивных электронных писем будет уместно добавить кнопкам движения. Также это поможет привлечь дополнительное внимание читателей кСТА.

Тренд 7: пусть продукт выглядит загадочно

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

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

Слева направо: Nest, Cowrks, Harry’s

Тренд 8: неоновые знаки

Вам наверняка знакомы эти неоновые вывески набарах иотелях. Они пришли и вэлектронную почту. Теперь ваши подписчики поймут, что выоткрыты для бизнеса— 24часа всутки и7дней внеделю.

Слева направо: Quip, Sabah, Nike, The Black Tux

Тренд 9: следуйте дизайн-паттернам Instagram

Почти все современные пользователи интернета присутствуют вInstagram. Проектируя дизайн, всегда полезно использовать испытанные техники. Если увас есть много визуального контента ифотографий, разместите их«как вInstagram».

Слева направо: GOAT, BURST.

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

Тренд 10: разместите заголовок итекст слева направо, анеповертикали

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

Слева направо: Protein Supplement, Offscreen Dispatch, Behance.

Бонусный тренд: добавьте впечатляющую цитату

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

Слева направо: Mendo, MailChimp, Death to Stock Photos, Wildsam.

Теперь рассмотрим, какие тренды перешли кнам изпрошлого года, акакие навеки остались в2016‑м.

  • Возможность ретвита контента прямо изписьма несохранилась. Зато эта тенденция становится популярнее вблогах илонгридах.
  • Отправители меньше заботятся обобратной связи. Они всё еще думают обэтом, номеньше, чем впрошлом году, когда были популярны чекбоксы сзапросом нафидбек (см. ниже). Сдругой стороны, заметен рост писем сNet Promoter Score (NPS), или индексом определения приверженности получателей. Вероятно, эта технология заменяет традиционную обратную связь.
  • Впечатляющие фото изInstagram внижней части письма по-прежнему эффективны. Всё больше брендов используют фото изсоциальных сетей, чтобы передавать определённое настроение читателям.
  • Z‑паттерны по-прежнему популярны, номакеты из«боксов» практически исчезли. Сегодня вдизайне гораздо чаще встречаются круги.
  • Инфографики всё еще популярны. Есть что-то приятное иудобное втом, чтобы собрать все достижения бизнеса водно изображение иотправить всем читателям.
  • Судя повсему, каунтинг (counting) вышел измоды, нопериодически эта техника встречается. Например, вписьмах отLyft иотCare Of.
  • Как отмечено втренде №3, иконки сейчас напике моды, особенно если они расположены водной строке стекстом.

Интересно, сколько тенденций, важных вэтом году, сохранят актуальность в2018?

Поматериалам: explore.reallygoodemails.com