С 2010-х гг. По настоящее время: тенденции дизайна электронной почты, выдержавшие испытание временем
Опубликовано: 2021-04-01Электронная почта прошла долгий путь. Основанная Рэем Томлинсоном в 1971 году, то, что начиналось как способ общения с коллегами, которые отказывались отвечать на их телефоны, превратилось в электростанцию. Канал электронного маркетинга продолжает приносить ошеломляюще высокую отдачу с ROI 36: 1.
В октябре этого года электронной почте официально исполняется 50 лет. Мы не можем не испытывать некоторой ностальгии. Вот почему мы решили взглянуть на историю электронной почты с 2010-х годов до наших дней.
Мы попросили экспертов по электронной почте Лили Уорт, нашего специалиста по дизайну и производству электронной почты, и Брайана Тиса, разработчика электронной почты и владельца Thies Publishing, покопаться в архивах и поделиться некоторыми сведениями о своем многолетнем опыте, особенно в области программирования и дизайна.
Прогуляйтесь с нами по переулку памяти, когда мы вернемся к тенденциям дизайна электронной почты, пережившим 2010-е годы. В этом посте мы рассмотрим некоторые из самых знаковых тенденций дизайна и то, как они развивались к лучшему.
Электронная почта растет в 2010-х
1990–2000-е годы были периодом возрождения дизайна электронной почты. Примерно в 1991 году родился Интернет, каким мы его знаем сейчас. Затем, в конце 1990-х, электронная почта пережила второе рождение с появлением HTML в электронной почте.
А как насчет 2010-х? Несмотря на то, что это было «самое своеобразное» десятилетие за все время, в электронном маркетинге все же произошли серьезные успехи.
В течение этого десятилетия многое изменилось: сегментация, персонализация, автоматизация электронной почты, соответствие требованиям (например, GDPR), доступность и многое другое. Это подготовило почву для электронного маркетинга, каким мы его знаем сегодня.
Вот краткая история основных этапов электронного маркетинга за последнее десятилетие:
- 2009 - Введены адаптивные электронные письма.
- 2010 - Триггерные электронные письма становятся нормой: 48% маркетологов теперь отправляют триггерные электронные письма.
- 2012 г. - 90 миллионов американцев теперь используют электронную почту на мобильных устройствах.
- 2013 - Google представляет вкладки в Gmail.
- 2014 - Интеграция CSS с HTML открыла эру интерактивных писем.
- 2014 - Динамический контент используется для создания персонализированного взаимодействия с подписчиками.
- 2014 г. - вступает в силу канадский закон о борьбе со спамом (CASL).
- 2015 - CSS-анимация в электронной почте набирает популярность.
- 2016 - Персонализация берет верх.
- 2016 г. - принят GDPR.
- 2018 - Apple представляет Dark Mode в рамках своего 15-го выпуска ОС.
А как насчет кодирования и дизайна?
Тенденции дизайна электронной почты, которые определили 2010-е годы
Чтобы оживить наши воспоминания, мы попросили Лили покопаться в архивах и поделиться самым ранним электронным письмом, которое она смогла найти. Давайте посмотрим на первое электронное письмо, которое она разработала для Experian в 2009 году:
Что она думает после повторного просмотра этого письма? «Множество нарезок изображений, крошечные шрифты и отсутствие адаптивного кода».
Вот еще одно из первых писем Лили из другого проекта Experian:
Что Лили вспоминает из этого? «Кнопки и длинный текст предзаголовка. Приятно видеть, что тогда мы большую часть времени использовали живой текст ».
Чтобы пойти немного дальше, мы попросили наше сообщество в Твиттере поделиться первой рассылкой электронной почты, которую они когда-либо отправляли (спасибо #EmailGeeks!). Давайте посмотрим на некоторые ключевые характеристики электронной почты этого десятилетия.
Яркие пуговицы
До пуленепробиваемых пуговиц существовали всевозможные пуговицы. Обычными способами обработки были глянцевые и старые добрые фаски и тиснение .
Для начала рассмотрим несколько примеров глянцевых кнопок.
Вот пример из электронного письма, датируемого 2014 годом:
И посмотрите на этот эффект фаски и тиснения. Непреодолимая, тебе не кажется?
Хотя это более характерно для 90-х, мы видели сочетание глянца, смешанного с техникой фаски и тиснения в наших ранних электронных письмах, что было показано в одном из первых электронных писем Меган Бошуйзен, которое она разработала в 2008 году.
Я создал это в фотошопе в 2008 году, на моей самой первой стажировке в области графического дизайна. Его отправили команде разработчиков для написания кода! pic.twitter.com/OA9xsrXjrF
- Меган Бошуйзен (@megbosh) 10 марта 2021 г.
Падающие тени
Кажется, в то время мы были большими поклонниками придания глубины нашим электронным письмам. В дополнение к стилям кнопок, перечисленным выше? Падение теней.
Посмотрите это письмо от 2010 года. «Плавающая» карта Starbucks и подарочная карта стали возможными благодаря падающим теням.
Панели навигации
Дизайн электронной почты, как правило, следует по стопам веб-дизайна. Многое из того, что было популярно в Интернете, вскоре перешло на электронную почту.
Вот пример панели навигации в одной из первых почтовых кампаний Пола Эйри:
Одна из первых почтовых кампаний, которые я разработал и разработал. pic.twitter.com/euS5FcafnV
- Beyond the Envelope (@Paul_Airy) 10 марта 2021 г.
Еще один пример панели навигации, показанный ниже, от Жюстин Джордан:
Как сказала Эмили Бенсон, электронные письма имели тенденцию выглядеть как «веб-сайты, застрявшие в электронной почте». Мы не могли бы сказать лучше!
Выноски
До того, как мобильные устройства стали нормой, основное внимание уделялось настольным компьютерам. Казалось, что подход заключался в том, чтобы «вложить в это письмо как можно больше».
Хотя сегодня в электронной почте обычно используются боковые панели, тогда поля с выносками часто использовались на боковой панели электронных писем как способ структурирования контента.
Некоторые из недостатков боковых панелей заключаются в том, что они создают визуальный беспорядок, и их сложно сделать адаптивными. Даже более чистые, хорошо продуманные боковые панели могут отвлечь подписчиков от основной цели почтовой кампании.
Начало новой эры электронного маркетинга
Многие тенденции дизайна, какими мы их знаем сегодня, были представлены в последнее десятилетие. Внедрение адаптивного дизайна в 2009 году - вместе с всплеском использования электронной почты в начале 2010-х годов - стало катализатором, открывшим двери, которые позже во многом повлияют на то, как создаются электронные письма сейчас.
По мере того, как мы развивались в течение десятилетия, доступность и инклюзивный дизайн стали более важной частью разговоров.
Дизайн для мобильных устройств
С ростом популярности мобильных устройств в начале 2010-х годов оптимизация для мобильных устройств стала необходимостью. Масштабируемый, гибкий и адаптивный дизайн стали важными подходами, которые необходимо учитывать при разработке электронной почты. Согласно нашему посту в 2015 году:
В 2011 году мобильная электронная почта была лишь мельком на наших радарах и составляла всего 8% от всех открытий электронной почты. Перенесемся в 2014 год, и почти половина электронных писем открывается на смартфонах и планшетах - это на 500% больше за четыре года.
Вот пример неотзывчивого электронного письма от 2016 года (и еще один пример веб-сайта, захваченного электронным письмом):
Сотрудничество
Когда мы спросили Брайана о самых больших изменениях, которые он заметил в электронной почте за последнее десятилетие, он рассказал о том, как возросший спрос на автоматизацию и транзакционные инструменты привел к резкому увеличению найма:
«Одним из самых больших изменений стал рост количества законных (и актуальных) маркетинговых электронных писем от компаний, стремящихся закрепиться в своих отраслях.
Это включает более широкое использование средств автоматизации и транзакций для создания более тесной связи со своими пользователями и потребителями. Этот всплеск вызвал ажиотаж при найме на работу и проложил путь для огромного сообщества email-маркетинга, которым мы пользуемся сегодня ».
Брайан Тис
Чем больше людей, тем больше сотрудничества. В конце концов, необходимость совместной работы стала очевидной. Это потребовало продумать долгосрочный процесс использования того, что было написано, - не только от разработчика электронной почты, но и от постоянно растущей команды маркетологов, дизайнеров и инженеров в «безумии найма».
Такие стратегии, как повторно используемые блоки контента, фрагменты, глобальные переменные и шаблоны, стали регулярной частью более эффективного кодирования электронных писем.
Какие тенденции в дизайне электронной почты сохранились и развились?
Давайте посмотрим, какие дизайнерские тенденции сохранились и эволюционировали за последнее десятилетие.
Кнопки, но лучше
Как обсуждалось ранее, одним из самых знаковых аспектов дизайна электронной почты за последнее десятилетие были яркие кнопки. И хотя мы по-прежнему видим фаску, тиснение и глянцевое покрытие, они приглушены и просты.
Вот современный пример кнопки с эффектом скоса и тиснения:
Когда доступность стала большей частью общей картины, мы выяснили, как сделать кнопки пуленепробиваемыми, чтобы наши призывы к действию не содержались в изображениях, которые можно было заблокировать или отключить.
Использование образов, но умнее
До того, как мы узнали, что электронные письма только с изображениями - не лучший способ проведения почтовых кампаний, мы делали это.
В то время популярный метод создания электронных писем начинался с нарезки в Photoshop (#SlicinAndDicin, кто угодно?), Экспорта HTML и обеспечения его работы оттуда. Однако, когда мы узнали и развились со временем, мы обнаружили, что это не лучший метод.
К 2012 году 90 миллионов американцев использовали электронную почту на мобильных устройствах. С появлением мобильной связи мы выяснили, как работать эффективнее.
В этом примере от McDonald's в 2014 году мы видим, как они реализовали некоторые передовые методы с замещающим текстом и цветом фона, чтобы пользователи больше интересовались опытом работы с подписчиками. Вот параллельное сравнение изображений включенных и выключенных.
Общая тема: простота
Хотя сегодня мы действительно видим все это в электронной почте, они более тонкие и простые, чем были тогда. Вкратце, Лили объясняет, что электронная почта теперь имеет «более чистый дизайн - упрощенные макеты с гораздо меньшим количеством беспорядка и более крупными шрифтами. Теперь лучше рассмотреть возможность чтения ".
В целом, электронные письма в прошлом имели тенденцию иметь много происходит по сравнению с письмами , которые мы видим сегодня. Использование загроможденных макетов (поля выноски и панели навигации) превратилось в гораздо более простые.
Приятно вспоминать
Вспоминая свое прошлое, можно осознать, насколько мы изменились. И изменения - это хорошо - это знак того, что мы растем и развиваемся! Так что, слава богу, электронная почта всегда меняется, верно?
Что приходит на ум, когда Лили и Брайан думают о 2010-х?
«Я фанат эволюции электронной почты, определенно живу настоящим / будущим и не оглядываюсь назад. ”
Лили Уорт
«Хотя мне не хватает простоты управления меньшим количеством почтовых клиентов, я не пропускаю количество тестов, которые проводились до Litmus. Возможность вносить небольшие изменения в код и видеть результаты сразу во всех почтовых клиентах значительно сэкономила время ».
Брайан Тис
 | Убедитесь, что ваши электронные письма выглядят безупречно в условиях перемен Электронная почта постоянно развивается, и ее количество продолжает расти. Убедитесь, что ваши электронные письма выглядят безупречно в условиях перемен. Защитите репутацию своего бренда в каждом отправляемом электронном письме, гарантируя, что каждое отправленное сообщение является фирменным и безошибочным в любом почтовом ящике. Начать бесплатную пробную версию → |
Один из способов пробудить воспоминания о прошлом - подумать о конкретных деталях с целостной точки зрения. Итак, чтобы помочь Лили и Брайану перенестись в прошлое, нам пришлось расспрашивать их о вещах, которые они упустили, помимо электронной почты.
Чего Лили и Брайан скучают за последнее десятилетие?
«Будучи менее зависимым от экранов, британская комедия тогда была лучше, и я скучаю по живым выступлениям групп почти каждую ночь».
Лили Уорт
"Легкий. Не нужно носить маску ».
Брайан Тис
И, наконец, мы не удержались и посмели Лили и Брайана поделиться своим первым адресом электронной почты (подсказка: только один сказал правду).
Ах, старые добрые дни
Время от времени приятно вспоминать. Взгляд на нашу электронную почту в прошлом может напомнить нам о том, как далеко мы продвинулись. И в результате это может помочь нам научиться ценить настоящее.
Хотя нам может не хватать дзен #SlicinAndDicin в Photoshop, эволюция - это хорошо. 2010-е были определяющим десятилетием для электронной почты. Шли 90-е, значит, можно было бежать 2010-е.
Все еще чувствуете некоторую ностальгию? Мы тоже. Вот почему мы сделали этот специальный выпуск Litmus Weekly как дань уважения 90-м годам.
 | Встречайте свою новую лучшую электронную почту Это наш необычный информационный бюллетень, созданный маркетологами, дизайнерами и разработчиками электронной почты. Подпишитесь на подобранный контент и новости, о которых вы должны знать, - все с личным учетом. Запишите меня! → |