Подкаст о дизайне электронной почты № 60: Как CodePen подходит к дизайну электронной почты и маркетингу с Крисом Койером

В 60-м выпуске подкаста «Дизайн электронной почты» ведущие Кевин Мандевиль и Джейсон Родригес беседуют с гуру CSS Крисом Койером, чтобы обсудить, как CodePen подходит к дизайну электронной почты и маркетингу, а также о мыслях о разработке электронной почты в формате HTML с точки зрения веб-дизайнеров. Обязательно следите за новостями и присоединяйтесь к обсуждениям в Твиттере с помощью #EmailDesignPodcast.

Посмотрите полное видео выше или послушайте аудио версию ниже.

Скачать MP3

В этом выпуске:

• (1:44) Как вы узнали HTML и CSS? Крис на самом деле взял уроки программирования в старшей школе и продолжил изучать их в колледже. В конечном итоге ему не понравилось программирование на бэк-энде, и он переключился на специальность в искусстве. В итоге он начал заниматься HTML и CSS, создавая сайты WordPress, включая свой знаменитый сайт CSS Tricks.
• (8:05) Были ли какие-то ранние ресурсы, которые вы использовали для изучения? Крис - большой поклонник Дэна Седерхольма и его книги «Пуленепробиваемый веб-дизайн».
• (9:27) Что было вашим основным источником вдохновения для создания CSS-трюков и каково было ваше видение этого? Крис говорит, что первоначальная идея заключалась в том, чтобы создать целую группу сайтов WordPress с контентом вместо популярных технологий, таких как InDesign Help, чтобы генерировать трафик и зарабатывать на них деньги. CSS Tricks изначально не был популярен, но он действительно нравился Крису, и он хотел вести в качестве личного дневника свои знания, полученные при создании всех этих различных сайтов.
• (11:48) Что такое CodePen? CodePen - это «игровая площадка для интерфейсной сети». Он работает, позволяя создавать «ручки», которые представляют собой наборы HTML, CSS и JavaScript, а также является социальной сетью для разработчиков, сродни Dribbble для кода или даже Litmus Builder для интерфейсной разработки. Совсем недавно они запустили проекты, которые позволяют вам работать в локальной интерфейсной среде разработки.
• (14:30) Каково видение CodePen? Это балансирующий акт. CodePen хочет развиваться как бизнес, но также необходимо, чтобы его сообщество оставалось сильным, счастливым и здоровым. Тем более, что они небольшой команде из восьми человек с ограниченными ресурсами, им действительно нужно сосредоточиться на основных приоритетах.
• (17:15) На что похож электронный маркетинг в CodePen? Какие типы писем вы отправляете? Недавнее начинание в области электронной почты - это CodePen Spark, еженедельный сборник самых крутых перьев последнего времени. CodePen фактически создал специальную CMS для управления электронной почтой и ее создания, которая также публикуется на веб-сайте CodePen для архивирования. Электронная почта построена на основе шаблонов Rails, в которые встроен CSS и скомпилирован из данных CMS. Затем Крис вводит электронное письмо в Litmus для проверки и вносит необходимые изменения. CodePen использует Sparkpost для отправки своих писем. Недавние проекты, которые Крис надеется реализовать для электронной почты в CodePen, включают объединение их предпочтений электронной почты в веб-приложение CodePen и создание онбординговых и инициируемых электронных писем на основе активности пользователей.
• (23:53) Как вы оцениваете создание индивидуальных решений по сравнению с покупкой других почтовых платформ и сервисов? Крис считает, что большинство поставщиков услуг электронной почты слишком дороги, чтобы их оправдывать. Перед CodePen стоит уникальная задача: иметь небольшую команду, но при этом иметь большую базу пользователей более 1 миллиона человек, при этом затраты действительно высоки. Так что для CodePen на данный момент имеет больше смысла вкладывать время в создание своих инструментов.
• (28:31) Как вы планируете рассылать электронные письма? CodePen использует Документы Google для планирования маркетинговых мероприятий по электронной почте.
• (32:47) Вы знаете, как выглядит ваша аудитория подписчиков? CodePen на данный момент не обращает особого внимания на свою аудиторию подписчиков и просто сосредотачивается на том, чтобы письмо отображалось во всех популярных почтовых клиентах. Они подходят к разработке электронной почты, ориентируясь на мобильные устройства.
• (35:00) Каковы ваши основные проблемы с дизайном и разработкой электронной почты? Как вам могло быть проще? Крис пытается понять, какой уровень абстракции является правильным для электронных писем в формате HTML. Он не хочет вручную создавать электронные письма в формате HTML, но не хочет становиться настолько абстрагированным, что они становятся слишком удаленными, и при поиске и устранении неполадок становится трудно выявлять или редактировать ошибки. Он считает, что единственным источником истины должен быть лакмус в процессе тестирования.
• (36:59) Как вы пытаетесь решить возникающие проблемы с рендерингом? Крис недавно столкнулся с ошибкой Outlook со случайным блоком пространства размером ~ 100 пикселей. Крис не видел никаких ошибок в самом коде и не знал, как исследовать этот конкретный тип ошибки в Интернете - он просто использовал Litmus, чтобы попробовать кучу вещей для устранения неполадок, пока они не отрендерились должным образом.
• (39:10) Какая самая странная ошибка, с которой вы столкнулись? У Криса возникли проблемы с использованием изображений сетчатки глаза в электронной почте, в основном из-за поведения Outlook и их правильной работы для отзывчивой электронной почты.
• (41:13) Как вы оцениваете успех электронных писем CodePen? Учитывая характер его небольшой команды и отсутствие в команде специального специалиста по электронному маркетингу или аналитике, они не смотрят на аналитику электронной почты каждого отдельного письма. Они подходят к этому более качественно, исходя из отзывов пользователей.
• (45:00) Почему мир веб-дизайна отрицательно относится к электронной почте в формате HTML? Крис говорит, что нет ничего секретного в том, почему Интернет ненавидит электронную почту: потому что она несовременна, и они не могут кодировать так, как хотят. Он также указывает на тот факт, что даже в веб-дизайне людям не нравится кроссбраузерное тестирование. Рендеринг-тестирование для большинства - не самая приятная часть работы, и это особенно заметно, когда дело касается электронной почты.
• (48:54) Как мы можем научить веб-мир больше об электронной почте? Крис считает, что было бы полезно рассказать о том, насколько сильно изменилась электронная почта в предоставлении поддержки и насколько простой она может быть. Возможность сказать, что вам не нужно встраивать CSS или использовать таблицы, окажет огромное влияние на восприятие электронной почты.

Следите за подкастом о дизайне электронной почты

• Следите за SoundCloud
• Подпишитесь на iTunes
• Подпишитесь на YouTube

ПОЛУЧАЙТЕ ПОСЛЕДНИЕ ДОСТАВКИ ПРЯМО В ВАШЕМ ВХОДЯЩЕМУ

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