Совет №1: Ширина пикселей
Для обычных настольных компьютеров мы рекомендуем устанавливать фиксированную ширину писем в пределах 550-600 пикселей. Большинство маркетинговых писем и новостных рассылок разрабатываются именно по этой спецификации. Однако, экраны мобильных устройств значительно меньше.
Премиальные устройства на рынке имеют ширину экрана чуть менее 1150 пикселей, в то время как более распространенные мобильные почтовые клиенты находятся в диапазоне 320 пикселей.
Статистика разрешения экранов для основных устройств:
- Email для просмотра на настольном компьютере = 600 пикселей
- iPhone 5S портретный режим = 640 пикселей
- iPhone 5S ландшафтный режим = 1136 пикселей
- iPad 2 портретный режим = 768 пикселей
- iPad 2 ландшафтный режим = 1024 пикселя
Устройства Apple автоматически подстраивают письма под размер своих экранов, однако другие смартфоны этого не делают, поэтому имеет смысл проектировать письма с учетом минимального общего знаменателя.
Совет №2: Работа с ссылками в геймифицированных email-рассылках
Привет, коллеги-геймификаторы! Сегодня поговорим о том, как правильно использовать ссылки в email-рассылках, чтобы вовлечь пользователей и не отпугнуть их сложностями мобильного интерфейса.
Прехедер: ссылка на мобильную версию
Можно разместить ссылку на мобильную версию письма прямо в прехедере — области над заголовком. Это будет ссылка на упрощённую веб-версию письма, оптимизированную для мобильных устройств. Такой подход считается простым и надёжным, но он не позволяет создать яркое и увлекательное оформление. Кроме того, он требует от пользователя дополнительных действий, что, как показывает практика, снижает вовлеченность.
Важно помнить, что не все сервисы email-рассылок позволяют размещать мобильную версию письма. Однако есть и те, кто специализируется на этом.
Расположение ссылок в теле письма
Не стоит располагать ссылки слишком близко друг к другу в теле письма. Пользователям мобильных устройств будет сложно попасть пальцем в нужную ссылку. Используйте отступы (см. Совет №5), чтобы создать пространство вокруг кликабельных элементов.
Важность релевантных ссылок
Обязательно добавляйте ссылки на важные страницы, которые дополняют содержание письма или рекламной акции. Используйте только проверенные ссылки, поскольку пользователи мобильных устройств не могут навести курсор на ссылку, чтобы убедиться в её безопасности.
Совет №3: Эффективное использование строк темы и пре-хедеров
Убедитесь, что строка темы и текст пре-хедера поддерживают друг друга, и держите строку темы в пределах от 30 до 45 символов для мобильных устройств. Пре-хедер — это основной текст, который можно найти в самом верху вашего email. Существует две точки зрения относительно пре-хедеров и мобильных устройств, обе из которых следует протестировать.
Первая точка зрения заключается в том, что ручные устройства делают использование пре-хедеров необходимостью, так как это ценное пространство, где вы хотите включить ключевую информацию и предложить конкретные детали, которые побуждают потребителя читать дальше. Некоторые маркетологи используют текстовые фразы (например: нажмите здесь, если не видите изображения, или добавьте нас в список безопасных отправителей). Однако поскольку это вероятно первое, что читает потенциальный клиент имеет смысл выделить ваше предложение или акцию.
Вторая теория предполагает полностью исключить пре-хедер поскольку он сдвигает креативную часть email вниз по экрану и делает меньше видимой части письма. Наш лучший совет и компромисс - ограничиться одним-двумя короткими строками текста пре-хедера чтобы креативная часть письма была видна при этом все еще выделяя ваше лучшее предложение.
Совет #4: Используйте Одноколоночный Дизайн Лестницы
Боковые панели и двухколоночные дизайны являются золотым стандартом для настольных версий, так как они позволяют выделить лучшее предложение в верхней части окна предпросмотра электронной почты, где оно с большей вероятностью будет замечено. Это известно как область «выше сгиба», и обычно здесь появляется ваш заголовок. Однако на мобильном устройстве колонки, текст и изображения могут смещаться и перекрываться, что явно является плохой презентацией.
Одноколоночный дизайн упрощает задачу, устраняя проблемы с отображением: нет колонок, которые могли бы смещать текст или изображения; все элементы выровнены так, как вы задумали. Использование системы лестницы позволяет письму аккуратно масштабироваться вниз. Избегайте использования таблиц или установки ширины изображений для обеспечения «эластичности» письма — чтобы оно подстраивалось под размер экрана мобильного устройства.
Вам также следует группировать несколько элементов — ссылки и изображения — друг над другом (как в лестнице). Вы можете использовать фоновые цвета внутри самого письма в качестве разделителей между различными секциями. Эта система укладки позволяет легко организовывать и выравнивать элементы с минимальными проблемами отображения.
Дополнительные Советы от Профессионального Разработчика Игр:
- Оптимизация изображений: Убедитесь, что ваши изображения оптимизированы по размеру для быстрого загрузки на мобильных устройствах.
- Использование адаптивного дизайна: Применяйте медиа-запросы CSS для создания адаптивного дизайна электронной почты.
- Тестирование на разных устройствах: Всегда тестируйте свои электронные письма на различных устройствах и почтовых клиентах перед отправкой.
Интересные Факты по Теме:
- Количество пользователей смартфонов во всем мире продолжает расти, что делает оптимизацию под мобильные устройства критически важной задачей.
- Email-маркетинг остается одним из наиболее эффективных способов взаимодействия с аудиторией; правильно оформленные письма могут значительно повысить конверсию.
Конечная цель заключается в том, чтобы провести читателя через контент вашего письма легко и удобно.
Совет #5: Удобное пространство для пальцев в движении
Представьте себе, как изящно и точно вы управляете курсором мыши на компьютере, словно дирижёр оркестра. Но вот вы берёте в руки мобильное устройство — и здесь всё меняется! Ваши пальцы становятся главными героями сцены.
Дизайнерам email-рассылок необходимо предвидеть, как эти виртуозные артисты будут перемещаться по кликабельным областям письма на сенсорном экране. Это значит, что кнопки и иконки должны стать немного больше, а окружающие их зоны — более просторными, чтобы кончики пальцев могли свободно скользить по поверхности.
Оставьте около 10 пикселей (плюс-минус) вокруг или между любыми кликабельными элементами. Это создаст необходимое пространство и упростит пользователям навигацию и выполнение действий. Более того, оставьте примерно 20-30 пикселей вокруг границы письма для удобного удержания планшета руками. Ведь не хочется же прятать важную информацию под большим пальцем пользователя!
Совет №6: Размеры шрифтов
Еще один дизайнерский трюк для неуклюжих пальчиков: используйте минимальный размер шрифта 12 pt для основного текста и максимальный размер заголовка около 20 pt. Если сделать шрифт больше, ваш email может оказаться в папке "Спам" на настольных устройствах, так как некоторые фильтры считают большие шрифты признаком нежелательной почты.
Помните, что увеличение размера шрифта означает необходимость сокращения содержания. Вы сможете вместить приблизительно 10-12 строк текста на экране.
Совет №7: Выравнивание текста по левому краю
Друзья-разработчики!
Хочу поделиться с вами важной деталью при создании мобильных писем – выравнивайте текст по левому краю! Это обеспечит его отображение с левой стороны экрана мобильного устройства, где его удобнее всего читать.
Представьте себе: игрок получает письмо о новом рейде, а текст скачет по центру или, что еще хуже, "прячется" справа. Это же неудобно! Пользователю придется скроллить экран туда-сюда, чтобы прочитать текст. А кому нужны лишние сложности?
Вот несколько дополнительных советов по оформлению текста в мобильных письмах:
- Используйте короткие абзацы и предложения – так информация будет легче восприниматься.
- Не бойтесь использовать списки – маркированные или нумерованные, – чтобы структурировать текст.
- Выделяйте ключевые слова и фразы с помощью жирного шрифта. Но не переусердствуйте – слишком много выделений затрудняет чтение.
Помните, что удобство пользователя – наш главный приоритет! Делайте ваши письма максимально удобными для чтения, и игроки скажут вам спасибо!
Совет №8: Призывы к действию, изображения и Alt-теги
Всегда используйте кнопки или значки призыва к действию, так как они доказано увеличивают отклик. Пальцы покрывают около 45 пикселей, поэтому проектируйте ваши кнопки соответственно, затем добавьте отступ в 10 пикселей. Размещайте эти значки призыва к действию в верхних 250 пикселях письма (область выше сгиба), чтобы они были легко видимыми и заметными для пользователя.
Соотношение изображений и текста — это еще один фактор, с которым нужно считаться при работе с фильтрами спама. Имейте это в виду, потому что мобильное устройство загружает изображения не так быстро, как настольный компьютер или ноутбук. Постарайтесь держать размер каждого из ваших изображений на уровне 20k или меньше, а общий размер файла письма не должен превышать 50-70k.
Не используйте Flash или GIF-анимации, они не будут работать и только увеличат общий размер файла письма. Держите все просто.
Заголовочные баннеры — самые распространенные изображения в письмах; они располагаются в самом верху. Они иллюстрируют бренд, предложение или тему в зависимости от использованных графических элементов. Убедитесь, что баннер настроен на тот же размер по ширине пикселей, что и письмо; тогда он будет отображаться на 100%. Установите высоту баннера для управления его отображением на мобильном экране; она не должна превышать 125 пикселей по высоте. Если она будет больше — текстовая часть письма будет смещена вниз по экрану и может даже быть невидимой.
Alt-теги — это фрагменты текста связанные с изображением и часто используются в электронных письмах для того чтобы пользователь имел представление о том что за изображение перед ним ещё до его загрузки: какое предложение может быть сделано или общая тема сообщения.Держите их короткими.
Совет №9: Вернитесь к основам
Эти советы могут показаться немного простыми, но основные принципы email-маркетинга по-прежнему применимы для того, чтобы ваше письмо было эффективным, поэтому их нужно повторять. Независимо от дизайна, макета или предложения всегда обеспечивайте быструю коммуникацию двух критических моментов в вашей "строке отправителя" и теме письма: Брендинг (кто вы) и Предложение (ценность вашего письма). Прямое присутствие и распознавание как отправителя, так и ценности письма стимулируют показатели открытия и отклика – независимо от устройства просмотра.
Совет №10: Адаптируйте все с ног до головы под мобильные устройства
Нельзя останавливаться только на письме. Самые эффективные кампании имеют целевую страницу, которая подкрепляет предложение, отправленное по электронной почте. Вы потратили время, силы и энергию на создание адаптивного письма, а это значит, что целевую страницу также необходимо оптимизировать.
Многие маркетологи имеют оптимизированную для мобильных устройств версию всего своего сайта. Это разумно, учитывая статистику использования мобильных устройств, и особенно важно, если вы хотите добиться высоких показателей конверсии для своих email-рассылок.
Упрощая переход по ссылке из хорошо продуманного мобильного письма на удобную для навигации целевую страницу, можно повысить рентабельность инвестиций. Многие из советов, перечисленных выше, применимы и к дизайну целевой страницы, но вы будете работать с большей шириной страницы. Мы рекомендуем ширину 640 пикселей, поскольку она хорошо делится на два и представляет собой удобное пространство для разработки удобной для мобильных устройств страницы с простой навигацией.
Топовые программы лояльности с открытым исходным кодом на Open Source
Программы лояльности являются ключевым элементом маркетинговой стратегии многих компаний, стремящихся удержать своих клиентов и повысить их лояльность. С развитием технологий, особенно в сфере открытого исходного кода, появилось множество решений, которые могут значительно упростить создание и управление такими программами. В этой статье мы рассмотрим несколько популярных программ лояльности, доступных на платформе Open Source.
Открытый исходный код предоставляет уникальные возможности для гибкости и настройки программ лояльности под специфические нужды бизнеса. Одним из таких решений является ACHIVX, которое мы подробно рассмотрим в дальнейшем.
Первым в нашем списке идет "Open Loyalty", современная платформа для создания программ лояльности, которая предлагает обширные возможности для настройки и масштабирования. Open Loyalty включает в себя модули для управления клиентами, наградами и транзакциями. Платформа поддерживает интеграции с различными CRM и POS системами, что делает ее универсальным инструментом для бизнеса любого масштаба.
Следующей программой, заслуживающей внимания, является "LoyaltyLion". Хотя основной продукт LoyaltyLion не является open-source, платформа предлагает ряд открытых API и SDK, которые позволяют интегрировать основные функции программы лояльности в существующие системы. Это решение особенно популярно среди интернет-магазинов, благодаря своей простоте и эффективности.
Переходя к "LoyaltyPoints", мы находим еще одну мощную платформу с открытым исходным кодом. Она предоставляет удобные инструменты для настройки и управления бонусными системами, позволяет создавать уникальные предложения для различных сегментов клиентов и анализировать эффективность проводимых кампаний. Платформа активно развивается и поддерживается сообществом разработчиков.
Теперь рассмотрим ACHIVX, одну из самых гибких и адаптируемых платформ для создания программ лояльности. ACHIVX предлагает широкий набор инструментов для настройки и управления программами лояльности, включая системы начисления и использования баллов, создание кастомизированных предложений для клиентов, интеграцию с различными внешними сервисами и многое другое. Одним из ключевых преимуществ ACHIVX является возможность полной настройки под нужды бизнеса, а также поддержка масштабируемости, что делает его идеальным выбором как для малого, так и для крупного бизнеса. Подробнее ознакомиться с ACHIVX можно на их официальной странице в репозитории GitHub: ACHIVX.
Еще одним достойным упоминания проектом является "OroLoyalty". Это расширение для OroCommerce и OroCRM, которое позволяет интегрировать программы лояльности в существующие eCommerce решения. OroLoyalty предлагает гибкие инструменты для создания различных схем поощрения клиентов, включая бонусные баллы, скидки и подарки. Интеграция с OroCRM позволяет получить глубокое понимание поведения клиентов и адаптировать программы лояльности в реальном времени.
На фоне остальных решений выделяется "RewardCamp", платформа с открытым исходным кодом, которая позволяет компаниям быстро запускать программы лояльности с минимальными затратами. RewardCamp предлагает простой интерфейс для настройки правил начисления баллов, управления клиентскими аккаунтами и создания отчетов о деятельности программы. Это решение особенно полезно для небольших компаний, которые ищут доступные и эффективные инструменты для поощрения своих клиентов.
Также стоит упомянуть "Tango Card", еще одну интересную платформу с открытым исходным кодом. Tango Card фокусируется на предоставлении цифровых подарочных карт и ваучеров, которые могут быть использованы в рамках программ лояльности. Платформа поддерживает интеграции с различными системами, что делает ее универсальным инструментом для создания гибких и эффективных программ поощрения.
В заключение, рассмотрим "LoyaltyXpert", платформу, которая предлагает комплексные решения для управления программами лояльности. LoyaltyXpert предоставляет инструменты для настройки и управления бонусными программами, анализа данных и отчетности, а также интеграции с различными внешними системами. Платформа отличается высокой гибкостью и может быть адаптирована под нужды различных типов бизнеса.