E-mail продолжает оставаться одним из самых популярных способов взаимодействия компаний с клиентами. От того, как вы спроектируете e-mail буде зависеть рейтинг кликов (оценок) ваших подписчиков. Когда вы создаете дизайн для e-mail, вы обязаны создать больше возможностей, чтобы произвести впечатление на клиентов. Один из принципов убеждения Чалдини говорит: если вы предлагаете людям в почте отличное качество контента, они с удовольствием ответят вам взаимностью и найдут время для прочтения ваших писем. Конечно, дизайн e-mail предполагает также использование отзывчивого дизайна, поскольку почти половина всех сообщений открывается сегодня с мобильных устройств. Поэтому здесь нужно вдвойне постараться создать успешный дизайн электронной почты.
1. Прозрачность информации.
Дважды, а то и более, проверьте виды сюжетных линий, копий, имена отправителей, которые вы используете. Старайтесь избегать двусмыслия. В противном случае, вероятнее всего, они отметят письма как спам или просто удалят их. Всегда сообщайте о себе, о преимуществах вашего предложения и почему клиентам стоит продолжать читать ваше письмо. Хитрость в том, что требуется размещать эти данные в верхней части сообщения, в самом начале. Тогда его не проигнорируют. В этом примере два электронных письма. В первом имя отправителя и цель сразу бросаются в глаза. Этого и надо добиваться.
2. Придерживайтесь традиционного шаблона.
Ведь все гениальное – просто! И в этом случае тоже. Отсутствие неожиданностей – вот что поможет вашему делу. Люди ожидают чего-то общего во всех электронных письмах. Например, при проектировании для портативных устройств, не забудьте сделать большие кнопки для вашей ссылки. Лучше создать их по ширине экрана для удобного кликания большим пальцем. В случае помещения вами дополнительных ссылок, убедитесь, что те имеют контрастные цвета. Так они будут «кричать» о себе. Никогда не ставьте ссылки близко друг к другу. На меленьких экранах это будет неудобно и даже раздражающе, так как пользователь может нажать не ту ссылку. Вот хороший пример использования цветов для ссылок с целью привлечения внимания.
3. Минимализм: скажи больше, используя наименьшее.
Никто не будет читать ваши эссе в письмах, особенно с мобильных устройств. Разделяйте текст на части, выделяйте главное, то, что удобно будет потреблять. E-mail–маркетинг, к примеру, ставит перед собой цель – привлечь пользователей на сайт. Не рискуйте с этим, делая тексты длинными. Человеку, скорее всего, захочется отправить письмо в корзину. Вот вам хорошие примеры качественно простых писем.
4. Добивайтесь удобной читаемости.
И еще раз. Это закон. Читатели любят сканировать почту. Облегчайте этот процесс путем деления текста на составляющие (рубрики, понятия и ничего лишнего). Это расширяет их возможности и помогает сразу добраться до сути.
5. Скажите, как много вы хотите получить?
Создайте копию своего электронного адреса таким образом, чтобы короткие и главные детали были на первом месте, но не забудьте включить туда после этого свое содержание. Таким образом, вы не навязываете пользователю сразу весь текст, а даете возможность оценить его и самим сделать выбор по поводу дальнейшего ознакомления с ним.
6. Повторите призыв к действию.
В маркетинговых письмах именно это и есть причиной отправки письма. Поэтом повторите призыв в конце. Обязательно. Не нервируйте пользователя, заставляя вначале возвращаться в начало сообщения, особенно, если ему надо было прочесть длинный текст. Вот простой пример.
7. Ограничьте количество вариантов.
С одной стороны, неплохо иметь огромный выбор. Но не здесь. Это наоборот приведет к информационной перегрузке клиентов и, вероятнее всего, у них пропадет желание принимать какое-то решение.
8. Используйте пробелы.
Они очень эффективны даже в этой области дизайна, когда дело доходит до разрушения важных фрагментов информации. Если у вас есть много элементов одинакового размера, введенные пробелы позволят сосредоточиться пользователю на значимых вещах. Без пробелов ваше сообщение будет выглядеть как бесформенный огромный блок информации, через который клиент захочет только перескочить. И все. Посмотрите, как они могут акцентировать внимание на нужной информации.
9. Особенное слово отзывчивого дизайна e-mail
Сегодня люди обращаются к своим мобильным устройствам около 150 раз в день (а то и больше). Кроме того, 4 из 5 человек будут удалять сообщения, если они плохо выглядят на экране. Это значит, что вы должны уделять больше внимания тому, как сделать письмо визуально лучше для эффективности его продвижения.
Медиа-запрос @media применяется в отзывчивом дизайне e-mail. Он представляет собой уникальный набор CSS стилей. Они помогут вам создать на маленьких экранах хорошо читаемые электронные письма. Они делают то, что определяют размер экрана устройства, различные наборы правил, которые применяются к определенному размеру экрана. Запросы @media очень трудно реализовать. Это зависит от того, чего вы хотите достичь. Обратите также внимание на то, что они не будут работать во всех почтовых клиентах, так как требуется более тщательное планирование, тестирование. Это больше, чем для обычных писем. Основываясь на размере экрана вашего носителя, типы носителей определяют точные стили CSS для использования. По сути, этот вид медиа говорит: если ваша почта просматривалась на экране, например, 480px или меньше, тогда используйте такой-то CSS. Итак, это может быть: @media screen and (max-width: 480px).
В настоящее время не все портативные устройства поддерживают отзывчивые письма. Поэтому, дизайнеры должны учитывать и это. Вот где они поддерживаются в настоящее время:
-Android 4.x Email OEM app
-iOS Mail app
-Windows Phone 7.5
-BlackBerry Z10
-BlackBerry OS7
и не поддерживаются:
-Android Gmail app
-iPhone Gmail app
-iPhone Yahoo Mail app
-iPhone Mailbox app
-Blackberry OS5
-Android Yahoo Mail app
-Windows Phone 7
-Windows Phone 8
-Windows Mobile 6.1
10. Дизайн e-mail для читателей
Как и во всех других аспектах веб-дизайна, работа дизайнеров заключается повышении качества обслуживания пользователей. Это должно быть приоритетом №1.
Автор статьи: Marc Schenker
Перевод статьи: Sayhi
