Случайны выбор дневника Раскрыть/свернуть полный список возможностей


Найдено 1320 сообщений
Cообщения с меткой

email - Самое интересное в блогах

Следующие 30  »
rss_rss_hh_new

[Перевод] Каким бывает курсив и как его использовать: 12 практических советов

Пятница, 29 Июля 2016 г. 12:19 (ссылка)

Мы уже писали о том, что типографика и ее подбор оказывают большое влияние на качество почтовой рассылки в частности (и жизни вообще). Разумеется, при выборе основного шрифта для письма нужно ориентироваться на его читабельность (о том, какие шрифты и их характеристики наиболее популярны у известных брендов, создающих почтовые рассылки, мы рассказывали здесь).



Однако, как и в любом качественном тексте, в рассылке важно расставлять акценты – в том числе и визуальные (почему это так важно и как это сделать, читайте в этом топике). С подобной задачей может отлично справиться курсив, о котором и пойдет речь в материале ресурса Typogrpaphy.com — мы представляем вашему вниманию его адаптированный перевод.








Курсив, возможно, является самой яркой частью любого семейства шрифтов, выделяясь на фоне своих «собратьев». Ниже мы расскажем о 12 разновидностях курсивных шрифтов вместе с описанием их культурно-исторического наследия и практического применения.



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









Некоторые мастера каллиграфии считают, что курсивное письмо достигло своего расцвета в 16 веке в стиле, известном как канцелярский курсив. Эти каллиграфические начертания букв с тонкими и толстыми штрихами и острыми смотрящими вверх углами выводились ширококонечным пером. Канцелярский курсив долгое время считался элементом роскоши, который позволял выразить радость в свадебном приглашении или трогательность в сборнике стихотворений. Для примера мы взяли приятный стиль Requiem Italic.



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









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



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









Этот утонченный дизайн букв в традиционном английском стиле никак не связан с историей отливки шрифта. Изначально его использовали при составлении карт – в названиях водных объектов. Вместо засечек буквы имеют длинные и плавные «хвостики» внизу: они помогают взгляду следовать за волнистой линией шрифта, напоминающей извилистую форму течения реки или побережья. Такой стиль может стать отличным решением для дизайнера, которому нужно наложить шрифт на кривую, особенно в значках и логотипах, где есть буквы небольшого размера.



Совет: Выбирайте толщину линий в шрифтах Surveyor в соответствии с оптическим размером, необходимым в конкретных условиях. Surveyor Text больше подойдет для обычного текста, Surveyor Display – для стандартных заголовков, а Surveyor Fine – для более крупных надписей.









Голландские шрифты старого стиля выглядят одновременно и насыщенными, и яркими. После своего появления в 17 веке, когда на смену воздушному Garamond пришел более суровый североевропейский стиль, эти гарнитуры стали чаще использоваться в случаях, когда требуется получить плотный цвет и сохранить классический облик текста. Их насыщенность особенно уместна, когда текст отображается на неконтрастном фоне, как белый шрифт на сером фоне на рисунке выше.



Совет: Жирные штрихи и размашистые изгибы делают такие гарнитуры, как Quarto, неплохим вариантом как для увеличения, так и для уменьшения трекинга. Надписи с широко отстоящими прописными буквами, как в примере выше, выразят торжественность и величавость, тогда как плотный текст можно сделать дружелюбным и более удобным для чтения.









Распространение афиш и плакатов на закате эпохи Промышленной революции привело к появлению первых ярких курсивных шрифтов. Эти гарнитуры, как ни странно, получившие название «жирные», будут эффектно выглядеть в любом размере, если дизайн подобран правильно.



Совет: У шрифта Surveyor Fine Black Italic есть декоративный аналог в семействе Obsidian. В частности, Obsidian Italic содержит такой же обширный комплект знаков шрифта, что и Surveyor, включая капители и росчерки.









Углы наклона курсива формируют его индивидуальность. Шрифт, слегка наклоненный под углом 6°, может быть нежным и лиричным, однако если наклонить его под 15°, он тут же приобретет живость. Этот энергичный суперкурсив выполнен под максимально возможным углом в 28°, отражая быстроту и резкость. Эта гарнитура, подходящая как для проведения политических кампаний, так и для соревнований по мотоспорту, используется дизайнерами везде, где нужно выразить неудержимую силу. Помимо прочего, семейство дополняется косым шрифтом, наклоненным влево, предлагая альтернативу прямому и курсивному шрифтам.



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









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



Совет: В Hoefler Titling Italic росчерки C, E, J, K, Q, S, T, X, Y, и Z выполнены так, чтобы не мешать соседним буквам. Росчерки в середине слов используются в гарнитурах Hoefler Text Italic.









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



Совет: «Модная» типографика – как в журналах, так и рекламе – долгое время держалась на точности и элегантности гарнитуры HTF Didot. Помимо ее известных прямых шрифтов, стоит обратить внимание на более редкие варианты курсива. Они выражают ту же глубину с легкой грациозностью.









Гарнитуры в стиле antique имеют массивные засечки без скруглений – по крайней мере их прямые шрифты. Не менее оригинален и более редкий Antique Italic. Его толстые скругления и едва заметные каплевидные элементы формируют текстуру, отличающую его от прямого собрата и сохраняющую при этом те же солидность и дерзость начертания. Универсальные шрифты Antique выражают не только спокойствие и серьезность, но и теплоту и подвижность при крайне высокой насыщенности, которая делает шрифт ярким и броским.



Совет: Несмотря на то, что гарнитуры наподобие Sentinel часто считают акцидентными, их можно с успехом использовать и в основном тексте. Учитывая весь спектр насыщенности шрифтов, их четкие элементы и проработанная структура будут хорошо видны даже в очень мелком наборе. В зависимости от вашего вкуса, светлое, нормальное и полужирное начертания шрифтов этого семейства можно взять за «обычную» насыщенность для текста.









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



Совет: Шрифт без засечек с плавным курсивом вполне можно использовать в основном тексте. Ideal Sans Italic включает не только элементы рукописного шрифта и овальные формы, но и более тесное расположение букв по сравнению с прямым шрифтом, что придает ему особый ритм.









Один из способов устранить разрыв между формальностью печатного шрифта и неформальностью рукописного – создать смешанные формы литер, в которых сочетаются типографские и каллиграфические элементы. Этот подход применяется в курсиве Archer Italic, позволяя устранить ряд противоречий, присущих первоначальному дизайну. Гарнитура должна быть информативной, но не педантичной; привлекательной, но не броской; милой, но не слащавой – баланс возник в результате смешения строгих засечек и плавных «хвостиков» в одной букве. Многие заметные детали в дизайне строчных букв, такие как каплевидный элемент в строчной C, теперь используются и в прописных буквах. Этот нестандартный ход в дальнейшем смягчил начертание брускового шрифта, которое могло стать излишне строгим.



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









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



Совет: Курсив с неожиданным дизайном может произвести нужный эффект, если им пользоваться в меру. Больше внимания привлекают шрифты, где такой дизайн используется экономно – от логотипов и монограмм до отдельных буквиц.



Другие материалы по теме дизайна и типографики от «Печкина»:




Original source: habrahabr.ru.

https://habrahabr.ru/post/306688/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

[Перевод] Контент-маркетинг: как написать понятный и минимально раздражающий текст электронного письма

Среда, 27 Июля 2016 г. 10:24 (ссылка)

image



За последние несколько лет в области email-маркетинга многое изменилось. Сегодня компании используют новые маркетинговые приемы, но знаете, что забавно? Простой правильно составленный текст электронного письма может быть таким же эффективным (если не более), как навороченный email с кучей «прибамбасов».



Более того, какими бы яркими и красочными ни были ваши письма, если в них не будет интересного контента, подписчики не станут их читать.



Так как же составить привлекательный email? В этом вам помогут правила создания текстов от специалистов HubSpot — ниже адаптированный перевод их заметки на эту тему.



10 правил написания качественных текстов для email-писем



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



Как выбрать правильный заголовок?


Одним из ключевых элементов эффективного электронного письма является его заголовок. Он играет роль привратника: никто не станет читать ваш замечательный email, если заголовок оказался недостаточно интересным. Несмотря на то, что существуют противоречивые статистические данные о том, насколько действительно заголовок влияет на открываемость писем, сделать его привлекательным и раскрывающим тему письма явно не повредит.



1) Призывайте к действию


Заголовок должен призывать читателя к действию. Для этого используйте глаголы. Например, сервис бронирования ресторанов OpenTable прислал мне email, заголовок которого гласил: «Сводите свою маму на обед». Используя глагол в повелительном наклонении (например, «сводите», «скачайте», «забронируйте», «спросите», «купите» и т. д.), вы даете читателю понять, что именно он может сделать.



Но существуют и другие способы побудить подписчиков к совершению действий. Задача заголовка – сообщить читателю, чем информация в письме может быть для него полезна, и стоит ли вообще его открывать. Иными словами, ценность письма для подписчика должна стать вашим приоритетом.



Однажды я получил письмо от сервиса бронирования и покупки билетов TicketMaster с заголовком «Не пропустите выступление Брюса Спрингстина и E Street Band». Они не призывали меня купить билет, написав «Купите билеты на завтрашнее выступление Брюса Спрингстина и E Street Band» (хотя и такой заголовок мог бы сработать), – их вариант показал, какую пользу мне принесет информация, содержащаяся в письме. Благодаря этому я подготовился к началу продаж билетов в 10:00 и теперь пойду на концерт.



2) По возможности делайте письма личными


Персонифицированные письма, как правило, имеют более высокие показатели кликабельности [англ. click-through rate, CTR]. Согласно результатам исследования Ассоциации прямого маркетинга, сегментированнные рассылки и таргетированные письма приносят 58% всей прибыли маркетологов, а письма, отправленные конкретным целевым группам подписчиков, – 36%.



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



Поэтому задайте себе вопрос: «Можно ли сделать заголовок моего письма более личным?». И речь идет не о добавлении имени адресата – этим уже давно никого не удивишь.



Вместо этого давайте рассмотрим такой пример. Допустим, вы риелтор с огромной базой данных о клиентах…




  • Некоторые их них хотят арендовать недвижимость, другие – купить.

  • Люди выбирают дома в нескольких городах и микрорайонах.

  • У всех клиентов разные финансовые возможности.

  • Кто-то ищет студию, а кто-то – особняк.

  • Вам даже известно, что некоторые из них согласны только на дома, которые ремонтировались за последние 5 лет.



Разумеется, вы не станете рассылать клиентам из разных сегментов вашего списка одно и то же письмо с одним и тем же заголовком, не так ли?

Например, одно сообщение можно озаглавить так: «1-комнатная квартира с ремонтом в аренду в Кембридже: Спешите осмотреть», а другое – так: «Приходите на открытый смотр колониального дома в Садбери». Каждый заголовок отвечает различным требованиям разных сегментов вашего списка.



3) Сперва ясность, а уже потом «цепкость»


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



UrbanDaddy – одна из тех компаний, чьи заголовки писем всегда понятные, интересные и смешные. Вот несколько примеров:



UD | Отель посреди океана
UD | Нунчаки из пивных банок. Наконец-то.
UD | Собрать всех вместе: Теперь не так утомительно
UD | Гриль размером со стол для настольного футбола
UD | Это мороженое. Это пиво. Это пивное мороженое.
UD | Частный остров на Багамах. Займитесь тем, что вам нравится.


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



4) Заголовок должен отражать содержание письма


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



То, что вы обещаете читателю в заголовке, должно раскрываться в тексте письма. Если получатель не увидит обещанного, может «пострадать» показатель кликабельности (а в долгосрочной перспективе за ним последует и показатель открытий).



В 2011 мы провели собственное исследование, разослав один и тот же email с разными заголовками двум группам людей:




  1. «54 новых информационных слайда для вашей презентации»: показатель кликабельности 26%

  2. «Будьте в курсе последних трендов в маркетинге»: показатель кликабельности 10,4%



Таким образом, показатель CTR первого, более точного и понятного заголовка, на 15,6% превысил показатель CTR второго с более туманной формулировкой.



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



Как написать убедительный текст сообщения



Теперь, когда вы выбрали превосходный заголовок, всё внимание вашей аудитории приковано к тексту электронного сообщения. Так как же написать материал, который их заинтересует? Вот несколько важных советов, которым необходимо следовать!



5) Не забывайте об актуальности


Так же как и заголовок, текст сообщения должен быть актуальным для читателя.

Персонализация в этом случае также не сводится к написанию имени получателя в обращении. Во вступлении объясните читателю, как вы с ним познакомились.



Это пример письма от онлайн–магазина очков Warby Parker моему коллеге (между прочим заголовок письма был очень хорош: «Упс, срок действия вашего рецепта на очки истекает»).



image



Взгляните на первый абзац, выделенный красным. Маркетологи Warby Parker не ходят вокруг да около, а сразу сообщают читателю, почему они отправили это письмо – срок действия рецепта на очки истекает.



А теперь представьте, что письмо начиналось бы сразу со второго абзаца: «Получение нового рецепта может доставить немало хлопот. К счастью, вы можете легко записаться на прием к офтальмологу в нашем магазине на Ньюбери-стрит или через сервис ZocDoc».



… Почему вы пишете мне о новом рецепте? Зачем мне прислушиваться к вашим советам? Как вы узнали, что я живу рядом с Ньюбери-стрит? Клиент, которому напомнили, что в прошлом он передавал свои данные Warby Parker, с большей вероятностью перейдет по ссылке в письме и совершит покупку.



6) Используйте местоимения второго лица


В тексте сообщения используйте местоимения второго лица: «вы», «ваш» и «вас». Например: «Уходя из дома с утра, не забудьте взять ваш пиджак». Таким образом, «фокус» письма смещается в сторону читателя. Рассмотрим текст электронного письма от онлайн–магазина Zappos:



image



А теперь посчитайте сколько раз в этом письме употребляется местоимение «вы» вместо «мы» или «я». Так и быть, можете не считать: слова «вы» и «ваш» используются 12 раз, в то время как «мы», «наш» или «нам» – всего 5 раз.



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



7) Говорите о преимуществах продукта, а не о его свойствах


Вы знаете ценность вашего письма. Но знает ли её получатель? Нет, пока нет. И ваша задача – объяснить ему.



Проблема заключается в том, что в большинстве писем рассказывается о свойствах продуктов, а не об их преимуществах. Сравните тексты из двух полученных мною email’ов. Который из них объясняет выгоду для клиента, а не просто перечисляет свойства продукта?



image



image



Как вы могли догадаться, правильный ответ – B. Первый email просто предлагает скидку 30%, но не сообщает, в чем состоит ценность продукта GoDaddy для меня. Позволит ли он оптимизировать затраты на инфраструктуру и на сэкономленные средства нанять новых сотрудников? Это преимущество куда более заманчиво, чем скидка 30% от неуказанной стоимости.



Посмотрите на email B от бренда Banana Republic. Его цель – продать шорты, но на читателя не оказывается никакого давления. Ведь это всего лишь шорты, ничего особенного. Но бренд подчеркивает их преимущество: универсальность. Покупатель может ходить в них дома, а затем, не переодеваясь, пойти в город. Как удобно! Как легко! Как многофункционально!



В этом случае читатель видит выгоду от приобретения шорт, а текст (точнее его отсутствие) в электронном письме от GoDaddy не объясняет преимущество скидки 30%.



8) Будьте краткими


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



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



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



Посмотрите на лаконичный email от сервиса Postmates, призывающий читателей воспользоваться специальным предложением:



image



После краткого дружеского приветствия маркетологи Postmates сразу переходят к цели рассылки и сообщают клиентам о своей новой акции «Бесплатный латте по требованию». После чего они добавляют несколько важных деталей, а затем помещают кнопку призыва к действию.

Чтобы написать краткий и содержательный текст, нужно сконцентрироваться на вашей конечной цели. Если вы знаете, чего именно хотите добиться своим письмом – чтобы подписчики заказали бесплатный латте, успели купить билет на концерт Брюса Спрингстина или сходили на тренировку – вам будет гораздо проще изложить суть своего предложения в сжатой форме.



Если вы по каким-то причинам не хотите писать короткое сообщение, то запомните, что письма с одним призывом к действию имеют более высокие показатели кликабельности, чем письма с несколькими кнопками CTA.



9) Старайтесь вызвать симпатию


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



Рассмотрим email от команды Death to Stock. Они отправили письмо, дабы извиниться за то, что расстроили многих своих клиентов во время предыдущей рассылки. В прошлый раз они рекламировали слишком быстро распроданный товар и не указали, что не осуществляют доставку в другие страны.



image



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



Такой сжатый формат электронного письма рассчитан на большое количество подписчиков, которые бегло просматривают содержание. Жирный шрифт и абзацы в одну строку повышают читабельность текста. И, наконец, маркетологи Death to Stock не боятся добавлять «личные» фразы, чтобы «очеловечить» свой бренд. В результате подписчики, скорее всего, простят компании эту оплошность.



10) Правильно используйте призывы к действию


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



Если вы отправляете HTML-письмо, то можете добавить кнопку призыва к действию, как делает AmazonLocal:



image



Эффективная кнопка призыва к действию обладает следующими качествами:




  • Привлекательный дизайн дизайн: Обратите внимание, как огромная ярко-оранжевая кнопка выделяется на голубом фоне. Найти ее не составит труда.

  • Понятный текст: Важную роль играет и текст на кнопке. Ваш призыв должен быть кратким и понятным. Кнопка AmazonLocal говорит вам, что произойдет, если вы нажмете на неё.



Стоит также выделить время на проработку обычных текстовых сообщений. Каким бы красочным ни было ваше HTML-письмо, не каждый почтовый клиент отобразит используемые в нем изображения. Мы решили провести исследование и выяснить, какие письма более эффективны. И хотя люди говорят, что предпочитают получать HTML-письма с изображениями, простые текстовые письма приносят лучший результат.



Взгляните, как в одном из наших писем мы использовали якорную ссылку, чтобы обратить внимание читателей на призыв к действию:



image



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



Другие материалы в блоге «Печкина»:




Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/306502/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

Реклама в email рассылке — чудо маркетинга от биржи BazaarEmail

Пятница, 22 Июля 2016 г. 16:02 (ссылка)

Если вы уже давно крутитесь в мире интернет рекламы, то наверняка слышали о рекламе в email рассылках или даже размещали рекламу в таких базах.

Из собственного опыта и опыта многих наших знакомых, отдача от размещения рекламы в тематических email рассылках в несколько раз выше, чем в контекстной рекламе или SMM.



На то есть несколько причин:


  • Публика в email базе уже отобрана по определенной тематике

  • Подписчики склонны доверять мнению автора базы, на рассылку которого они подписаны

  • Письмом можно намного лучше и правильнее передать суть предложения, чем в той же контекстной рекламе



До запуска биржи email рассылок BazaarEmail мы регулярно встречали проблемы, которые усложняли процесс работы с данным рекламным каналом.



С чем мы регулярно сталкивались, как рекламодатели:


  • Сложный и долгий процесс поиска подходящих авторов email рассылок

  • Длительные и порой утомительные переговоры

  • Расчет средних показателей эффективности базы автора по ряду его прошлых рекламных кампаний

  • Недоверие к автору в части достоверности предоставленной им информации

  • Довольно частое мошенничество со стороны авторов, т.к. принято оплачивать рекламу до момента рассылки и многие авторы-мошенники этим пользовались

  • Неудовлетворительный результат от рекламы из-за заспамленности базы



Данные проблемы сподвигли нас к созданию автоматизированной площадки, где будут встречаться рекламодатели и авторы email баз для размещения рекламы. Так и появилась биржа email рассылок BazaarEmail.



Теперь каждый может разместить рекламу в проверенных белых базах и сделать это абсолютно безрисково, т.к. биржа BazaarEmail выступает гарантом сделки.



В случае, если автор email базы не произведет рассылку рекламного материала рекламодателя, то он не получит свое вознаграждение. То же самое случится если кликабельность email базы лежит ниже оговоренного контрактом порога.



Таким образом, рекламодатели могут быстро, просто и безопасно разместить рекламу в рассылке, а авторы с качественными базами получить стабильный достойный заработок.
Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/306244/

Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

[recovery mode] 13 рабочих процессов для автоматизации email-маркетинга

Пятница, 08 Июля 2016 г. 10:37 (ссылка)

image



Управляете ли вы своими почтовыми контактами, или они просто покоятся в вашей базе данных? Если вы не применяете автоматизированные рабочие процессы для работы с электронными рассылками, то, вероятно, правильный ответ – второй, а значит, вы упускаете массу возможностей по «взращиванию» и вовлечению уже существующих контактов в воронку продаж.



Кампании по взращиванию лидов (lead nurturing campaigns) – это не единственный способ автоматизации email-маркетинга, который позволит вам эффективно управлять базой данных ваших контактов. Автоматизация email-маркетинга поможет вам не только увеличить конверсию лидов, но и удержать уже существующих клиентов, повысить показатели принятия товара, поднять сумму продаж (upsell) и стимулировать евангелизм.



Команда сервиса для автоматизации маркетинга HubSpot в своем блоге написала статью об управлении всеми типами email-контактов из базы данных — мы подготовили краткую выжимку основных мыслей этого материала.



1) Тематические рабочие процессы



Главные триггеры: просмотры страниц или скачивание контента


Настройте рабочий процесс по каждой теме, для которой вы создаете контент. Предположим, что вы разводите единорогов, тогда вашими главными темами будут корм для единорогов, упряжь и катание на единорогах. В таком случае вы могли бы делать клиентам полезные и актуальные предложения (электронные книги, вебинары, снаряжение) и вести тематический блог, создавать рабочие процессы по каждой теме и запускать триггеры, когда один из ваших контактов будет просматривать страницу или скачивать контент.



Таким образом, если бы клиент скачал вашу электронную книгу под названием «10 советов по правильному питанию единорога», то запустился бы рабочий процесс «питание единорога», отсылающий ему другую полезную информацию по этой теме, например, советы по уходу за единорогом.



2) Рабочие процессы для приветствия подписчика блога



Главный триггер: подписка на ваш блог


Поприветствуйте новых подписчиков своего блога милым и теплым письмом. В нем вы можете поблагодарить посетителей за подписку, напомнить, чем ваш блог будет для них полезен, сделать краткий обзор настроек подписки (и позволить внести изменения на свое усмотрение), а также представить лучшие статьи блога или сделать другие предложения.



3) Рабочий процесс для приветствия/обучения нового клиента



Главный триггер: стадия «жизненного цикла»


Раз уж речь зашла о теплых приветствиях, создайте серию дружественных писем для контакта, который переходит в статус клиента. В таком случае можно запустить триггер при изменении стадии жизненного цикла контакта на «клиент/покупатель».



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



4) Рабочий процесс для стимулирования евангелизма



Главные триггеры: посещения, клики и заполнение форм


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



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



5) Рабочий процесс для «взращивания» лидов



Главный триггер: множественные конверсионные события в широкой части воронки


Если контакт многократно принимал ваши маркетинговые предложения (скачивал электронные книги или вебинары), находясь в верхней части воронки, это может означать, что он готов к чему-то большему. Установите рабочие процессы, которые помогут этим контактам спуститься ниже по воронке продаж.



Если контакт уже является вашим лидом, попробуйте выслать ему материал для контактов из средней части воронки. Вероятно, это превратит его в «маркетингового лида» (MQL, marketing qualified lead) или потенциального покупателя. В этот рабочий процесс вы можете включить наиболее популярный контент или страницы веб-сайта, которые способствовали конверсии лидов в покупателей (истории успеха клиентов, тематические исследования, бесплатные демонстрационные версии и т.п ). А определить популярный контент вам поможет анализ так называемого атрибутивного отчета.



6) Рабочий процесс для уведомления менеджеров по продажам



Главные триггеры: просмотры страниц в нижней части воронки, конверсионные события


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



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



7) Рабочий процесс для повторного вовлечения контактов



Главный триггер: бездействие контактов


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



8) Событийный рабочий процесс



Главный триггер: регистрация или участие в событии


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



Создайте рабочий процесс, который отправляет зарегистрированным пользователям необходимую информацию перед событием, например, о размещении в отеле, о запланированных мероприятиях или данные для регистрации в онлайн-событиях. По окончании события настройте рабочий процесс, продолжающий «взращивать» участников через рассылку дополнительной информации и приглашений на предстоящие события.



9) Рабочий процесс для напоминания о заброшенных корзинах



Главный триггер: заброшенная корзина


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



10) Рабочий процесс для стимулирования допродаж



Главный триггер: прошлые покупки


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



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



11) Рабочий процесс для удовлетворения клиентов



Главный триггер: высокие или низкие показатели индекса потребительской лояльности (NPS)


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



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



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



12) Рабочий процесс для вовлечения клиентов



Главные триггеры: показатели пользовательского успеха и использование продукта


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



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



13) Рабочий процесс для напоминания о предстоящей покупке



Главный триггер: циклично совершаемые покупки


Есть ли в вашей базе данных контакты, которые совершают покупки циклично? Настройте рабочий процесс, который будет запускаться после совершения очередной покупки.



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



Другие материалы в блоге «Печкина»:




Original source: habrahabr.ru (comments, light).

https://habrahabr.ru/post/305274/

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

[Перевод] Как типографика может спасти вам жизнь

Четверг, 30 Июня 2016 г. 13:34 (ссылка)





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



Спустя несколько десятилетий «воплей», Национальная метеорологическая служба США недавно сообщила о том, что больше не будет публиковать свои прогнозы и метеопредупреждения только прописными буквами. С 11 мая все ее сообщения публикуются смешанным регистром.



Нельзя сказать, что привычка метеослужбы писать о своих прогнозах заглавными буквами была полностью ее решением. Старое оборудование, использовавшееся в момент возникновения службы в конце 1800-х годов, могло выдавать только прописные буквы. К сожалению, люди привыкли к тому, что набор заглавных букв следует воспринимать как крик. Прошло много времени, прежде чем метеослужба и ее клиенты обновили оборудование и программное обеспечение, и теперь они, наконец, готовы вступить в XX век.







Запись Национальной метеослужбы в Твиттере: «Начиная с 11 мая, Национальная метеорологическая служба @NOAA [NOAA – Национальное управление океанических и атмосферных исследований США – прим. перев.] перестанет на вас кричать»



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



Метеослужба, использующая одни лишь прописные буквы – это практически версия «Мальчика, который кричал: «Волки!», только из мира типографики. Если набирать все тексты в верхнем регистре – начиная от предупреждения об опасном урагане до сообщения о небольшом ливне – то все будет выглядеть одинаково важным. Люди понимают, что в большинстве случаев это не так, поэтому могут стать равнодушными к любым предупреждениям. Когда ничто не выделяется, гораздо проще упустить из виду реальную угрозу.



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



«Мы поняли, что по-прежнему можем использовать сообщения из прописных букв в случае, если нужно выделить то или иное событие, например: «ВНИМАНИЕ! УГРОЗА ТОРНАДО. ВСЕМ СПРЯТАТЬСЯ В УКРЫТИИ!» – рассказывает Арт Томас (Art Thomas), метеоролог национальной службы, отвечающий за реализацию проекта. – Мы надеемся, что использование прописных букв будет привлекать внимание людей в особенно важные моменты и побудит их позаботиться о своей безопасности».







Примеры использования метеослужбой верхнего и смешанного регистров в местных прогнозах погоды. Источник: NOAA



Своевременное нажатие на клавишу Caps Lock – не просто полезная стратегия для привлечения внимания к нужным событиям, но еще и метод, позволяющий облегчить восприятие текста. Учитывая, что при чтении мы обращаем внимание на форму слова, крупные блоки текста, состоящие только из прописных букв, читаются медленнее. В экстренном случае лишнее время на расшифровку срочного сообщения может нам дорого обойтись.







Текст, набранный прописными буквами, читать сложнее, чем текст, набранный смешанным регистром



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



Ниже представлена версия предупреждения от Министерства здравоохранения США, которая упоминается в знаменитых «Визуальных объяснениях» Эдварда Тафти. Это предупреждение изображено на одном из рекламных щитов: сообщение было специально выделено прописными буквами, подчеркнуто снизу, а его границы выделены черным цветом.







Предупреждение о вреде курения, которое читается с трудом. Источник: Visual Explanations



С 1984 года каждая пачка сигарет должна была содержать одно из четырех специальных предупреждений о вреде курения, включая надпись прописными буквами «минздрав предупреждает». В 2009 году президент США Барак Обама подписал новый закон, требующий от производителей более крупных надписей с четкой графикой. Однако табачные компании затеяли судебный спор, и с тех пор вопрос с введением новых надписей остается открытым.



Представители компаний утверждают, что стараются «выделять» важные сообщения, используя верхний регистр. Именно поэтому так много юридических документов и контрактов включают разделы, в которых кажется, будто на читателя кричат. Можете винить в этом американский закон – в частности, Единообразный торговый кодекс – который требует, чтобы определенные разделы контрактов «отчетливо выделялись».



Обычно эти указания применяются к тем частям документов, которые звучат следующим образом: «Компания Х не гарантирует, что сдержит свои обещания, и весь риск возлагается на вас». Логично, что такие разделы нельзя упускать из виду. Есть одно но: если «отчетливо выделить» текст, то его становится сложнее читать. Причиной тому является исторически сложившаяся путаница. Юридически закон определяет «отчетливо выделяющимся» следующие понятия:




  • «(А) заголовок из прописных букв, равный или больший по размеру, чем окружающий его текст, или выделяющийся стилем, шрифтом или цветом от окружающего его текста того же или меньшего размера, и

  • (Б) надпись более крупного размера, чем окружающий ее текст, или выделяющаяся стилем, шрифтом или цветом от окружающего ее текста того же размера, или отделенная от окружающего текста того же размера символами или знаками, привлекающими внимание к написанному».



Так почему мы пользуемся верхним регистром, а не полужирным шрифтом, курсивом или даже инструментами для выделения текста? Просто потому, что раньше юристы пользовались печатными машинками, а единственным способом что-либо выделить в то время было использование прописных букв. Несмотря на то, что сегодня современные устройства для набора текста могут «отчетливо выделить» сообщение другими способами, сложившуюся традицию сложно нарушить. Можете спросить об этом в метеослужбе.







Знакомая ситуация? Вините во всем печатные машинки и упрямых юристов. Источник: iTunes Terms and Conditions



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



С 1950-х годов в США все надписи на дорожных знаках печатались шрифтом Highway Gothic – это был самый распространенный шрифт вплоть до начала 2000-х. Но с ним возникали некоторые проблемы. Замечали водители или нет, но надписи, сделанные этим шрифтом, было тяжело читать в дождливую погоду, на расстоянии и в темноте. Когда свет попадал на дорожный знак, слова смешивались в одну светящуюся, размытую кашу, которую называют «ореолом» [англ. halation]. У обычного человека такая надпись вызовет легкое раздражение, но если вы – пожилой человек с плохим зрением, двигающийся на скорости 70 миль в час, это может привести к печальным последствиям.



Дорожные инженеры долго не могли найти выход из этой ситуации. Они думали о том, чтобы сделать буквы на 20% крупнее, но для этого пришлось бы изготовить и более крупные знаки, что обойдется в несколько миллиардов долларов. Поэтому они решили обратиться к дизайнерам – специалистам по экографике и типографике. Эти дизайнеры разработали Clearview – новую гарнитуру шрифтов, которые занимают то же пространство, что и Highway Gothic, но читаются проще.







Highway Gothic (слева) в сравнении с новой альтернативной гарнитурой Clearview. Источник: Termimal Design, Inc.



Одним из важнейших изменений в новой гарнитуре было расширение пространства внутри букв – так называемого контрпространства, например, пустот в буквах O или P. Помимо этого, дизайнеры отрегулировали высоту верхних выносных элементов, как в буквах b, d, f, h, а также пространство между буквами. В итоге все эти изменения, вместе взятые, судя по всему, принесли свои плоды. После многочисленных испытаний в плохую погоду и других метеоусловиях, Clearview стал гарнитурой, которая улучшила ясность надписей при чтении, а также сократила длительность реакции и дистанцию, на которой можно распознать надпись. Вскоре на многих магистралях страны появились надписи, выполненные шрифтом Clearview.







Первые испытания Clearview в естественных условиях. Источник: Terminal Design, Inc.



Но ненадолго. В этом году Федеральное управление автомобильных дорог США объявило о том, что не будет требовать, чтобы надписи на всех знаках были выполнены шрифтом Clearview. Оно объяснило это «часто возникающими путаницей и противоречиями в дизайне дорожных знаков, процессах их производства и применении». Управление также приводит ряд доказательств в пользу того, что Clearview не так уж и сильно облегчает чтение знаков ночью. Таким образом, Управление фактически ставит крест на инновациях в типографике, утверждая, что «не собирается принимать участие в рассмотрении, разработке и поддержке альтернативных стилей написания в дальнейшем».



Однако попытки создать гарнитуру, которая может спасти человеческую жизнь, продолжают предприниматься в дорожной среде – на этот раз внутри автомобиля. В 2012 году ученые из MIT начали сотрудничать с типографской компанией Monotype, чтобы решить проблему рассеянности водителей. Они подумали, что, если им удастся разработать удобный для чтения дизайн дисплеев внутри транспортного средства, водители будут проводить меньше времени в попытках распознать слова на экране и больше времени будут следить за дорогой. Для того, чтобы облегчить получение информации с экранов, две организации попытались изменить шрифты.



Они остановились на «гуманистическом» стиле, в котором расстояние между символами было больше, а глифы были более различимы. Согласно проведенному исследованию, гуманистические стили читабельнее, чем квадратные и геометрические шрифты, широко используемые в производстве автомобилей. На иллюстрации из совместной статьи MIT и Monotype показаны различия в контрпространствах и других тонкостях, влияющих на удобство чтения:







Квадратный шрифт (Eurostile) вверху в сравнении с гуманистическим шрифтом (Frutiger) внизу. Источник: Monotype Imaging



Новые гуманистические шрифты, как оказалось, неплохо сработали. Общее время перевода взгляда, то есть то, сколько времени водитель не смотрел на дорогу, сократилось на полсекунды у водителей мужского пола, принимавших участие в эксперименте (женщины показали такие же результаты). Разница во времени составила около 12%. Она может показаться незначительной, однако полсекунды означает 50 футов для среднестатистического авто на магистрали. Длина в два автомобиля могла бы стоить человеку жизни.









Даже NASA прекрасно понимает важность типографики: у них для этого есть целый отчет – «О типографике документации в кабине экипажа». В этом отчете ученый из NASA Асаф Дегани (Asaf Degani) отмечает: «Хотя документация в кабине экипажа является важной (а иногда и необходимой) формой отображения информации в современных кабинах экипажа, эффективный дизайн подобных документов до сих пор остается предметом исследований».



Эффективный дизайн в этом случае и в самом деле может оказаться необходимостью. В отчете приводится описание аварии, произошедшей 26 мая 1987 года, когда самолет 962 рейса компании Air New Orleans отправился во Флориду. Еще до того, как самолет достиг высоты в несколько сотен футов, пилот был вынужден выполнить аварийную посадку. В ходе посадки самолет выехал на ближайшую автостраду и разрушил несколько транспортных средств.



Выяснилось, что экипаж забыл повернуть рычаг управления двигателем. Национальный совет по безопасности в транспорте назвал эту ситуацию «отсутствием дисциплины при проверке бортовой документации». В чем же причина? Ответ: плохой дизайн. Вот как отозвался о произошедшем Совет по безопасности:



«Шрифт в документации компании Air New Orleans на 57% мельче, чем нужно, если сравнивать с эргономическими требованиями. Более мелкий шрифт снижает удобство чтения даже при оптимальных условиях. Свидетельств того, что низкий уровень удобства чтения сыграл определенную роль в происшествии, не обнаружено. Тем не менее, Совет по безопасности полагает, что при определенных условиях эксплуатации этот недостаток мог помешать документу выполнить его основную задачу. Поэтому Совет по безопасности считает, что Федеральное управление гражданской авиации США должно принять меры, позволяющие определить, соответствует ли документация летательных аппаратов принятым эргономическим требованиям.







Документацию Air New Orleans было тяжело читать, так как размер шрифта в ней был на 57% меньше рекомендуемого. Источник: NASA



Несмотря на то, что у NASA наверняка имеется также ряд других нерешенных вопросов безопасности, Дегани подчеркивает роль типографики в обеспечении безопасности пилотов и пассажиров: «Эффективность и точность чтения списков, карт, схем аэропортов, планов полета, ведомостей заправки, путевых листов и т.д., частично зависят от типографического и графического факторов. Более того, в случае аварии или чрезвычайной ситуации эффективность экипажа в процессах оценки, чтения, восприятия и выполнения инструкций имеет существенное значение для безопасности в полете».



В конце отчета он приводит рекомендации, начиная с длины строки и заканчивая выбором цвета шрифта и наличием засечек (кстати, он против использования верхнего регистра, читайте рекомендацию №4). Ниже представлен полный список этих рекомендаций:

Рекомендации NASA к оформлению бортовой документации


1. Шрифты без засечек обычно легче воспринимаются, чем шрифты с засечками.

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

3. Старайтесь не печатать особо важную документацию на матричном принтере.

4. Длинные фрагменты текста желательно записывать нижним регистром.

5. Если требуется использовать верхний регистр, то первая буква слова должна быть крупнее, чтобы это слово было легче прочитать.

6. При выборе высоты шрифта необходимо учитывать отношение роста строчных букв к росту прописных.

7. В качестве общей рекомендации при оформлении важной документации рост строчных букв должен быть не менее 0,10 дюйма.

8. Рекомендованное соотношение высоты знаков шрифта к их ширине – 5:3.

9. Межстрочный интервал должен составлять не менее 25-33% от общего размера шрифта.

10. Горизонтальный интервал между символами должен составлять 25% от общей площади и быть не меньше ширины одного штриха.

11. Старайтесь не записывать длинный текст курсивом.

12. По возможности используйте 1-2 гарнитуры для выделения текста.

13. В большинстве документов используйте черные символы на белом фоне.

14. Старайтесь не использовать белые символы на черном фоне при описании стандартных процедур во время полета. В случае, если это необходимо:


  1. Используйте минимум текста;

  2. Используйте относительно крупный кегль;

  3. Используйте шрифты без засечек, чтобы снизить потери в удобстве чтения.



15. В документации рекомендуется использовать черный шрифт на белом или желтом фоне.

16. Старайтесь не использовать черный шрифт на темно-красном, зеленом и синем фоне.

17. Для защиты документов используйте пластик с антибликовым покрытием.

18. Проследите, чтобы качество бумаги и печати были выше стандарта. Плохое качество печати повлияет на читабельность текста.

19. Дизайнер должен принять во внимание возрастные особенности пилотов, которые будут читать документацию, и выбрать более консервативный подход при оценке статистической информации.


Конечно, существует бесчисленное множество примеров плохой типографики. К счастью, лишь немногие приводят к авариям и путанице в экстренных ситуациях. Но в таких случаях даже незначительные изменения в форме письма или стиле шрифта становятся важными деталями. Так что помните об этом в следующий раз, когда будете нажимать на клавишу Caps Lock.
Original source: habrahabr.ru.

https://habrahabr.ru/post/304470/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
worlnaffre

Официальный email майка шиноды

Пятница, 26 Июня 2015 г. 19:59 (ссылка)

Официальный email майка шиноды.


Читать далее
Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

[Перевод] Типографика в дизайне электронных писем

Пятница, 24 Июня 2016 г. 15:17 (ссылка)

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



Сегодня мы представляем вашему вниманию адаптированный перевод исследования Анны Иман (Anna Yeaman), соосновательницы и директора американского агентства, которое было изначально опубликовано на страницах авторитетного ресурса SmashingMagazine.



image



В прошлом году я прочитала пост Яна Константина (Jan Constantin) «Тенденции и современные методы типографского дизайна» и тут же решила провести похожую работу, но применительно к почтовой рассылке. В то время я изучала адаптивную веб-типографику. Я выделила группу сайтов, которые мне понравились, и попыталась разобраться, в чем секрет их типографики, чтобы потом применить новые знания к разработке дизайна email-рассылки.



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



Методология



Учитывая тот факт, что около 50% всех электронных писем открывается с мобильных устройств, все письма, выбранные для исследования, были адаптивными, состояли из одной колонки основного текста и заголовка. Я собрала статистику по трем типам устройств в зависимости от ширины экрана: большим (ПК), средним (450 пикселей) и маленьким (320 пикселей).



image



Google-таблица с полным обзором по каждому письму



Я знала, что выборка из 50 писем вряд ли окажется статистически значимой. Я лишь хотела выявить ряд общих тенденций. Средним значением в статье я обозначаю математическое ожидание. Самым популярным значением – то, которое встречается чаще всего. Также в нескольких случаях я использую понятие медианного значения. Все письма, исследованные в работе, рассылались в период с ноября 2014 года по январь 2015 года. В работе я пользовалась такими инструментами, как WhatFont, Charcounter и WebPagetest.



image



Как письмо отображается на трех типах устройств в приложении WhatFont



Что мне было интересно


Я отвечала почти на те же вопросы, что и Константин, за рядом исключений. В общей сложности было сделано около 90 выводов, и в этом посте рассмотрены лишь основные:




  • Насколько популярны гарнитуры с засечками и без засечек в заголовках и в теле письма?

  • Какие гарнитуры используются чаще всего?

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

  • Каково среднее число символов в строке для каждого типа экрана?

  • Какова самая популярная ширина строки в письме на ПК?

  • Каково среднее отношение высоты строки в теле письма к размеру шрифта?

  • Каково среднее отношение между высотой и длиной строки в теле письма?

  • Используется ли в заголовке и в теле письма один и тот же цвет?

  • Какие цвета чаще всего используют для фона?

  • Как выравнивается текст в заголовке и в теле письма в зависимости от типа экрана?

  • Какой размер шрифта чаще используется в заголовках?

  • Прикрепляют ли ссылки к заголовкам?

  • Каковы размер и цвет текста подзаголовка письма и отображается ли этот текст на мобильных устройствах?

  • Как долго в среднем загружается письмо?

  • Как много весят веб-шрифты по сравнению с картинками?



Шрифты с засечками и без засечек




  • 74% шрифтов, которые использовались в заголовках, были без засечек;

  • 64% шрифтов, которые использовались в теле письма, были без засечек;

  • Самые популярные шрифты без засечек в заголовках – Helvetica (16%) и Arial (14%);

  • Самые популярные шрифты с засечками в заголовках – Georgia (14%) и Merriweather (4%);

  • Самые популярные шрифты без засечек в теле письма – Helvetica или Neue Helvetica (20%), Arial (10%);

  • Самые популярные шрифты с засечками в теле письма – Georgia (24%), Merriweather и Times (по 4% каждый);

  • Шрифты с засечками на 10% чаще использовались в теле письма, чем в заголовках;

  • В теле письма встречались всего 5 различных шрифтов с засечками и 15 различных шрифтов без засечек;

  • В заголовках встречались 24 разных типа шрифтов, из которых 16 встречались по одному разу;

  • В теле письма встречались 20 разных типов шрифтов, из которых 11 встречались по одному разу;

  • Times New Roman оказался непопулярен: его не использовали ни в одном из заголовков.



Helvetica стала самым популярным шрифтом в заголовках и использовалась в 16% случаев, как, например, в рассылках Offscreen и TGD. Georgia чаще всего использовалась в теле письма (24%), как, например, в рассылках Mr Porter и New York Times. Набирают популярность две гарнитуры из набора Google Fonts – Merriweather и Open Sans, которые можно увидеть в рассылке iOS Dev Weekly и InVision.



image



Самые популярные гарнитуры в заголовках и в теле письма



Константин отмечает, что шрифты с засечками стали использоваться намного чаще в основных текстах веб-сайтов (61,5%). Наше исследование показало, что для писем этот показатель составляет 36%. Возможно, в своей работе он больше изучал новостные сайты, в которых чаще встречаются шрифты с засечками. Кроме того, в рассылке редко встречается много текста, так как основной контент обычно располагается на посадочной странице. Интересным примером является сайт Крейга Мода (Craig Mod), который использует шрифт с засечками Lora из Google Fonts как в заголовках, так и в теле письма. Чаще всего шрифты с засечками и без засечек используются вместе: примером может служить классическая комбинация Helvetica-Georgia в рассылке MailChimp.



image



В 36% случаев в теле письма используются шрифты с засечками, в 64% – шрифты без засечек



Для выбора гарнитуры рекомендую прочитать пособие «Комбинируем гарнитуры» и статью «Классные комбинации шрифтов». Помимо этого, Пол Эйри (Paul Airy) пишет о том, как комбинировать шрифты в email-рассылке. И если вы думали, что в письмах не встречаются веб-шрифты, то вы ошибаетесь.



Тело письма



На сайте Butterick’s Practical Topography пишут: «В любом проекте первым делом надо красиво оформить основной текст и только потом беспокоиться об остальном». Во многих статьях по типографике также говорят, что начинать нужно всегда с оформления основного текста. Самое главное – соблюдать пропорции между размером шрифта, форматом или длиной строки и высотой строки, учитывая при этом еще и ширину экрана устройства.



Размер шрифта



  • Самый популярный (44%) размер шрифта на ПК – 16 пикселей;

  • Медианный размер шрифта на ПК – также 16 пикселей (среднее значение – 15,7 пикселей);

  • В теле письма, открывающегося с ПК, размер шрифта менялся от 13 до 20 пикселей;

  • Самый популярный (38%) размер шрифта на мобильных устройствах – 16 пикселей;

  • Медианный размер шрифта на мобильных устройствах – также 16 пикселей (среднее значение – 15,58 пикселей);

  • В теле письма, открывающегося с мобильного устройства, размер шрифта менялся от 13 до 20 пикселей;

  • В 72% случаев при переходе с ПК на мобильное устройство размер шрифта не менялся;

  • В оставшихся 28% случаев при переходе с ПК на мобильное устройство текст чаще уменьшался (64%), чем увеличивался (36%).



Ключевым фактором в выборе размера шрифта является расстояние [от читателя] до экрана устройства. Экран ПК располагается на расстоянии вытянутой руки, поэтому 20-пиксельный текст письма от Robocat, набранный шрифтом Helvetica (на фото справа), читать проще, чем рассылку Patagonia с 14-пиксельным Muli (на фото слева). iA пишет, что в своем приложении Writer при чтении на iPad компания использует более крупный шрифт, чем на iPhone, потому что iPad мы держим чуть дальше от себя.



image



На расстоянии текст размером 20 пикселей (справа) воспринимается легче, чем текст размером в 14 пикселей (слева)



Формат строки



Еще один фактор, о котором нельзя забывать при учете пропорций шрифта – это формат строки, то есть ширина тела письма. Формат строки измеряется либо в пикселях, либо в количестве символов в строке – разработчики электронных писем обычно не работают с кеглем. Роберт Брингхерст (Robert Bringhurst) советует использовать в строке текста письма с одной колонкой, адаптированного под ПК, от 45 до 75 символов, идеальный вариант – 66 символов (с учетом пробелов).




  • 600 пикселей – самая популярная ширина тела письма для ПК (диапазон – от 480 до 760 пикселей, среднее значение – 623 пикселя);

  • 540 пикселей – средняя ширина колонки на ПК;

  • В строке текста на ПК в среднем располагается 78,5 символа;

  • В строке текста шириной 450 пикселей в среднем располагается 53,86 символа;

  • В строке текста шириной 320 пикселей в среднем располагается 39,02 символа;

  • Формат строки на мобильных устройствах варьируется от 22 до 57 символов;

  • В 76% случаев этот диапазон сужается до 36-46 символов.



Я провела небольшой эксперимент со шрифтом Georgia размером 16 пикселей при среднем формате строки в 540 пикселей. При таких параметрах число символов в строке будет чуть больше 70, и это не так плохо, если учесть, что 75 – максимум. Но в идеале лучше сократить число символов до 66, при этом ширина строки оказывается в районе 480 пикселей.



image



Роберт Брингхерст советует располагать в одной строке от 45 до 75 символов, идеальный вариант – 66 символов. Источник: Practical Typography



По подсчетам Константина, на строке веб-страницы в среднем располагается 83,9 символа. В нашем исследовании в строке тела письма содержится в среднем 78,5 символа. При просмотре писем на мобильном устройстве среднее число символов сокращается до 39. Typecast рекомендует придерживаться диапазона 35-40 символов при просмотре писем на обычном смартфоне. По результатам нашего исследования, в этот диапазон попало 48% писем.



Самым популярным (53%) форматом строки в шаблонах писем, адаптированных для ПК, был вариант шириной в 600 пикселей. В целом ширина экрана изменялась от 480 до 760 пикселей. Если вы хотите сделать колонку более широкой, просто увеличивайте размер шрифта до тех пор, пока не достигнете оптимального числа символов. Трент Уолтон (Trent Walton) предлагает оригинальное решение: нужно поместить символ «*» на две отметки – в 45 и 75 символов. Таким образом, если в какой-то момент обе звездочки оказываются в одной строке, это значит, что шрифт нужно увеличить.



Высота строки



Ниже представлены основные выводы, касающиеся высоты строки.




  • При размере шрифта в 16 пикселей самой популярной высотой строки была высота в 24 пикселя;

  • Среднее отношение высоты строки к «высоте» (общему объему) текста составило 1,51 (у Константина – 1,46);

  • При 450-пиксельной ширине строки отношение высоты строки к высоте текста снижается до 1,49;

  • При 320-пиксельной ширине строки отношение высоты строки и к высоте текста снижается до 1,45;

  • 22% компаний, попавших в исследование, уменьшают высоту строки для писем, адаптированных под мобильные устройства;

  • 52% устанавливают высоту строки в пикселях;

  • 24% устанавливают высоту строки в процентах;

  • Отношение длины строки к ее высоте в среднем составляло 23,1 (у Константина – 24,9);

  • Отношение величины отступа между абзацами к высоте строки в среднем составляло 1,38 (у Константина – 1,39).



Стандартное правило: высота строки должна быть в 1,5 раза больше размера шрифта. То есть если размер шрифта – 16 пикселей, значит, высота строки составит 24 пикселя. Проведенное исследование подтверждает это правило: отношение высоты строки к размеру шрифта составило 1,51. Чем больше длина строки, тем большей можно сделать ее высоту.



Тим Браун (Tim Brown) называет такое изменение высоты «плавным» или «текучим». Джейсон Санта Мария (Jason Santa Maria ) поясняет: «Когда ваш взгляд доходит до конца строки, вам нужно увидеть промежуток между строками и понять, где находится следующая строка, чтобы не потеряться… Если строки становятся короче, значит, их можно разместить немного плотнее». Мы также отметили снижение этого отношения при переходе на мобильное устройство – оно упало с 1,51 до 1,45.



image



Высота строки в рассылке NYT Cooking снижается с 30 пикселей на ПК до 25 пикселей на смартфоне (отношение высоты строки к размеру шрифта снижается с 1,6 до 1,5)



52% дизайнеров email-рассылок устанавливает высоту строк в пикселях. Некоторые компании, например, Semplice, меняют высоту строки для разных элементов письма. 24% выставляют высоту в процентах. К примеру, Lagom устанавливает высоту 150%. Оливер Райхенштайн (Oliver Reichenstein) считает, что 140% – «неплохой ориентир», хотя многое зависит от выбранной гарнитуры. Пол Эйри советует выставлять высоту в процентах, потому что в пикселях сложнее подобрать нужное соотношение. Тем не менее, разработчики, скорее всего, привыкли к пикселям, так как они поддерживаются многими почтовыми клиентами.



Цвет




  • #000000 (черный) был самым популярным цветом текста (20%), следом за ним идет #333333 (сумеречный серый) (16%);

  • В письмах использовалось 28 различных оттенков серого, большинство из которых – темно-серые;

  • 56% авторов рассылок использовали одинаковый цвет текста как в заголовке, так и в теле письма;

  • 26% в теле письма использовали более светлый оттенок серого, чем в заголовке, 4% – более темный, а 14% брали разные цвета;

  • 72% в качестве фона использовали #FFFFFF (белый);

  • 48% не вставляли ссылки в тело письма, 20% выделяли ссылки другим цветом, 18% выделяли цветом и подчеркивали, 10% только подчеркивали, и 4% использовали другие варианты;

  • #000000 был самым популярным цветом для основного заголовка (24%), следом за ним – #333333 (16%);

  • 40% подзаголовков отличались цветом от основного заголовка: например, выделялись более светлым оттенком серого.



image



Несколько цветовых комбинаций для заголовка (вверху) и тела письма (внизу)



Оливер Райхенштайн пишет: «На высококонтрастном экране предпочтительнее выбирать либо темно-серый цвет для основного текста, либо светло-серый – для фона вместо оттенков черного и белого».



image



#FFFFFF стал самым популярным (72%) цветом для фона письма



При использовании более насыщенных шрифтов Джейсон Санта Мария советует либо увеличить высоту строки, либо выбрать более светлый тон, чтобы не нагружать остальной контент. Разработчики иногда регулируют цвет текста на разных устройствах в зависимости от того, как отображаются на них шрифты разных размеров. В Photoshop невозможно четко определить, подходит шрифт для рассылки или нет: приходится изучать его поведение в браузере с помощью самодельных прототипов, Typecast или Typetester.



Выравнивание




  • 54% основных заголовков на ПК выровнены по центру, 46% – по левому краю;

  • 54% основных заголовков на мобильных устройствах выровнены по левому краю, 46% – по центру;

  • 74% создателей рассылок выравнивают основной текст на ПК по левому краю, остальные 26% – по центру;

  • 76% выравнивают основной текст на мобильном устройстве по левому краю, остальные 24% – по центру.



image



Если основной текст выровнен по центру, то читать бывает сложнее, так как каждый раз приходится искать начало следующей строки



Пользователи, на которых мы тестировали рассылки, постоянно говорили, что текст, выровненный по центру, читать сложнее. «Возможно, блоки, в которых много текста, читать чуть сложнее. Думаю, это потому, что текст выровнен по центру», – написал один участник эксперимента в UserTesting. То же можно сказать и о более узких экранах мобильных устройств. Подписи, короткие предложения и заголовки, выровненные по центру, воспринимаются нормально, но когда дело доходит до абзацев, текст приходится выравнивать по левому краю. Как упоминается в «Оде центрированному тексту», целые абзацы никогда нельзя выравнивать по центру.



Средний размер шрифта в заголовках




  • 30 пикселей – самый популярный (18%) размер в заголовках на ПК (30 пикселей – также и медианный размер, а средний размер – 31,6 пикселя);

  • Размеры шрифта в заголовках на ПК делились на две группы: от 24 до 26 пикселей и от 28 до 36 пикселей;

  • Шрифт в заголовках в среднем был ровно в два раза крупнее шрифта в теле письма (31,6 и 15,7 пикселя соответственно);

  • Шрифт в заголовках на ПК в среднем был в 1,2 раза больше высоты строки (это соотношение варьировалось от 0,65 до 1,8);

  • Ссылки не крепились к 62% основных заголовков на ПК;

  • 68% создателей рассылок не меняли размер шрифта в заголовке при переходе с ПК на 450-пиксельный формат ширины письма; 87,5% из тех, кто менял размер шрифта, уменьшали его;

  • 64% выбирали одинаковые размеры шрифта для заголовка на ПК и на мобильных устройствах (один масштаб);

  • На мобильных устройствах для основного заголовка чаще всего выбирали размер в 30 и 32 пикселя (оба по 12%);

  • Средний размер шрифта в основном заголовке на мобильном устройстве (320 пикселей) составил 28,48 пикселя (медианный размер шрифта был 26,5 пикселя)

  • Отношение размера шрифта в заголовке к высоте строки в среднем составляло 1,17 для мобильных устройств;

  • Только 14% использовали в заголовке одни прописные буквы (как правило, это были магазины одежды);

  • 72% использовали подзаголовки;

  • Средний размер шрифта подзаголовков – 27,9 пикселя (для десктопа).



Многие разработчики писем не пользуются тегами h2, h3 и т.д., поэтому я фиксировала первый и второй по величине шрифты в заголовках с помощью приложения WhatFont. Самый популярный размер шрифта в основных заголовках на ПК – 30 пикселей, тогда как у Константина этот показатель составляет 38 пикселей по Сети в целом. Возможно, более мелкий шрифт выбирается для удобства чтения как на ПК, так и на мобильных устройствах.



64% использовали одинаковый масштаб в заголовках на всех типах устройств. Если говорить об оставшихся 36%, то 87,5% из них уменьшали масштаб на мобильных устройствах. К примеру, в рассылке от Mr Porter размер шрифта на мобильном устройстве уменьшен с 30 до 25 пикселей – небольшое изменение, которое делает стиль более элегантным, в отличие от громоздких заголовков на ПК.



image



Размер шрифта заголовка в рассылке Mr Porter снижается с 30 пикселей на ПК до 25 пикселей на мобильном устройстве



О точных размерах заголовков нет единого мнения, хотя в десктопной версии шрифт заголовка был в среднем в два раза больше шрифта в теле письма. Для сравнения, на Typecast пишут, что их значения h1 в три раза больше шрифта основного текста, хотя в интернете можно найти и более крупные заголовки. Если хотите поэкспериментировать с разными соотношениями, воспользуйтесь сервисом Modular Scale. Кроме того, есть стандартная типографская шкала:



image



Шкала из «Основ стиля в типографике» Роберта Брингхерста. Изображение: Retinart



В качестве альтернативы использования размера шрифта для визуального выделения, Марко Дугоньич (Marko Dugonji'c ) предлагает менять стиль текста: например, курсив, все прописные или капитель [англ. small caps]. Посмотрите его демо-вариант (раздел «Выделение со сменой стиля»). Этот подход будет особенно полезен на мобильных устройствах, где меньше пространства для крупных заголовков. Еще один вариант – переключиться на узкий шрифт. Заголовки являются творческой площадкой для дизайнеров. Здесь у них появляется больше вариантов для размеров шрифтов и выравнивания, а также больше возможностей использовать веб-шрифты, в отличие от текста в теле письма.



Текст под заголовком



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




  • 66% создателей рассылок используют текст под заголовком на ПК;

  • 36% включают в него только инструкции, 33% – инструкции и отрывок письма, 30% – только отрывок;

  • Самый популярный размер текста под заголовком на ПК – 11 пикселей (33%), далее 12 пикселей (18%) и затем 10 пикселей (12%) (среднее значение – 12,3 пикселя);

  • Размеры шрифта текста под заголовком варьируются от 9 до 18 пикселей;

  • Отношение размера текста под заголовком к размеру основного текста в среднем составляло 0,78;

  • Отношение размера текста под заголовком к высоте строки на ПК в среднем составляло 1,11;

  • 76% использовали в тексте под заголовком гарнитуры без засечек;

  • Самым популярным шрифтом без засечек был Arial, с засечками – Georgia;

  • В текстах под заголовком использовались 22 разных цвета, самый популярный – #000000, затем #999999;

  • 82% поддерживали текст под заголовком на мобильных устройствах, 18% его скрывали;

  • Самый популярный размер текста под заголовком на мобильных устройствах – 11 пикселей (40%), далее 16 пикселей (22%) и затем 14 пикселей (18%) (средний размер шрифта – 12,9 пикселя);

  • Размеры шрифтов текста под заголовком на мобильных устройствах варьировались от 8 до 16 пикселей;

  • 71% сохраняли размер при переходе на мобильные устройства, 22% увеличивали шрифт, 7% уменьшали;

  • Отношение размера текста под заголовком к размеру основного текста на мобильном устройстве в среднем составляло 0,85.



image



Текст под заголовком отображается вместе с именем отправителя и темой письма



Производительность




  • Время, за которое отображался первый элемент письма, в среднем составляло 0,94 секунды;

  • Время полной загрузки письма в среднем составляло 2,64 секунды;

  • Общее число HTTP-запросов в среднем составляло 24;

  • Число запросов на изображения в среднем составляло 13,7, то есть 57% от общего числа запросов;

  • Полностью загруженное письмо в среднем весило 711 КБ;

  • Изображения в письме весили в среднем 568 КБ;

  • На изображения приходилось 79,8% объема всего письма;

  • Размер изображений изменялся от 9 КБ до 4,4 МБ, из них 50% весили 200 КБ и более;

  • Веб-шрифты в среднем занимали 69,7 КБ (9,5% объема всего письма);

  • 30% использовали веб-шрифты (самым популярным был Open Sans, затем Merriweather).



Первоначально я включила в свое исследование производительность, так как часто слышала о том, как веб-шрифты ее снижают. Если взглянуть на список 20 лучших шрифтов Google Fonts, можно увидеть, что их средний объем составляет 28 КБ (формат WOFF) на один шрифт. Если учесть, что большинство участников исследования использовало по три шрифта, то сумма сходится (средний объем загруженного шрифта составлял 69,7 КБ). Хотя веб-шрифты иногда могут стать причиной для беспокойства, они занимают всего 9,8% общего объема письма. Сравните их с изображениями, которые занимают 79,8% от всего письма.



Гай Поджарный (Guy Podjarny) также отмечает, что изображения несут основную нагрузку в письме. Полезный инструмент, о котором вы могли не знать – Litmus. Он показывает число картинок, размер и время загрузки во время предварительного просмотра.



image



<Изображения в среднем составляют 79,8% от общего объема письма (средний объем загруженного изображения составляет 568 КБ)



image



Согласно этой ленте, письмо H&M загружается за 4,095 секунды, т.е. в этот момент что-то только начинает появляться на экране



Заключение



Изначально я хотела узнать, как сайты вроде iA, Fray, Medium и Pelican Books создают такие «эталонные» примеры подбора типографики, и попытаться использовать их идеи как основу для разработки гайдлайнов по дизайну email-рассылок. К примеру, может ли существовать четкая связь между размером шрифта и величиной отступа на мобильных устройствах?



В процессе исследования и после того, как я по-другому взглянула на их сайты, я поняла, что ни один из приведенных наборов соотношений не будет универсальным. Как поясняет Тим Браун, хорошую типографику нельзя просто скопировать, потому что она зависит от используемой гарнитуры.



image



Несмотря на то, что размер шрифта для веб-страницы следует выбирать лишь из определенного диапазона, разработчики и здесь находят пространство для творчества



Тем не менее, проведенное исследование дает некоторую основу для разработки дизайна электронных писем: например, если за размер основного текста берется 16 пикселей при высоте строки в 24 пикселя, вам остается лишь выбрать подходящую гарнитуру и отрегулировать длину строки. Особенно полезными оказались найденные пропорции, советы по выбору соотношений между размерами шрифтов для различных типов экранов и некоторые основные положения вроде «плавного» изменения высоты. Также стоит заглянуть в Google-таблицу с результатами исследования, потому что они ценны сами по себе и содержат работы экспертов в области типографики, у которых есть чему научиться.



Основные выводы



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




  • 74% используют шрифты без засечек в основных заголовках, 64% используют шрифты без засечек в теле письма;

  • Средний размер шрифта в теле письма при просмотре на ПК – 15,7 пикселя, при просмотре с мобильного устройства – 15,58 пикселя;

  • Средняя ширина письма для ПК составляет 623 пикселя;

  • Среднее число символов в строке письма, открытого на ПК, – 78,5, при ширине письма в 450 пикселей – 53,86;

  • Длина строки в письме, открытом на мобильном устройстве, варьируется от 22 до 57 символов;

  • Отношение высоты строки к размеру шрифта на ПК в среднем составляло 1,51 и снижалось до 1,45 на мобильном устройстве (320 пикселей);

  • Отношение длины строки к ее высоте в среднем составляло 23,1;

  • 76% текста на мобильных устройствах выровнено по левому краю;

  • Размеры шрифтов в заголовках десктопных версий делились на две группы: от 24 до 26 пикселей и от 28 до 36 пикселей;

  • Размер шрифта в основном заголовке на мобильном устройстве (320 пикселей) в среднем составлял 28,48 пикселя;

  • Размер шрифта текста под заголовком на ПК в среднем составлял 12,3 пикселя, на мобильном устройстве – 12,9 пикселя;

  • Размер шрифта в заголовках был вдвое больше размера шрифта в теле письма (31,6 и 15,7 пикселя соответственно);

  • Отношение размера шрифта текста под заголовком к размеру шрифта основного текста составляло 0,78 на ПК, на мобильных устройствах – 0,85;

  • Среднее время, за которое загружается первый элемент письма, составило 0,94 секунды;

  • Общее число HTTP-запросов в среднем составило 24.


Original source: habrahabr.ru.

https://habrahabr.ru/post/304038/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
rss_rss_hh_new

[Перевод] От инструмента общения ученых до мирового стандарта: Краткая история электронной почты

Понедельник, 20 Июня 2016 г. 14:38 (ссылка)





Электронная почта – это революция в мире коммуникации и, в то же время, тяжкое бремя современных работников. Фото: агенство Getty Images



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



5 марта 2016 года ушел из жизни Рэй Томлинсон, человек, который предложил использовать символ «@» (at-sign) в электронных адресах, но его изобретение, позволяющее электронным сообщениям заполонить интернет и наши почтовые ящики, будет жить. В этом материале мы расскажем о том, с чего начинал Томлинсон, и об эволюции электронной почты за последние полвека.



Первое электронное сообщение – 1965







В 1960-х, когда был отправлен первый email, компьютер невозможно было представить без рулона бумажной перфоленты. Фотограф: Г. Армстронг Робертс (H. Armstrong Roberts)/ ClassicStock / Corbis



Первый аналог современного электронного письма был отправлен в 1965 году учёными Массачусетского технологического института в рамках проекта реализации системы с разделением времени. Такая система позволяла нескольким пользователям, работающим на удаленных терминалах, получить доступ к файлам и сообщениям на центральном диске.



Томлинсон и символ «@» – 1971







Человек, который буквально вдохнул новую жизнь в старый символ «@». Фотография: Рекламный проспект



По одной из версий, американский программист Томлинсон разработал метод отправки электронных сообщений между компьютерами по сети Arpanet (предшественнице интернета) для Управления перспективных исследований и разработок Министерства обороны США (DARPA). Тогда же он предложил использовать символ «@», который позволял отправлять сообщения конкретным пользователям на конкретные машины.



Первые стандарты электронной почты – 1973







Прежде чем посылать роботов на поле боя, DARPA берет в оборот интернет и электронную почту. Фотография: HO/AFP/Getty Images



Первый стандарт электронных писем был предложен в 1973 году в DARPA, а к 1977 году в сети Arpanet уже были стандарты, которые определяли поля от «кого» и «кому», а также появилась возможность автоматически отвечать на полученное электронное письмо или пересылать его на любой адрес.



Королева посылает свой первый email – 1976 год







Если бы королева знала, что, благодаря электронной почте ее любимые почтовые марки потеряют популярность, стала бы она отправлять то письмо? Фотография: Мартин Кин (Martin Keene)/PA



Королева Елизавета II посылает электронное письмо по сети Arpanet, опережая других глав государств.



Эрик Шмидт разрабатывает сеть BerkNet — 1978







Прежде чем начать работу в Google, Шмидт разработал одну из первых интранет-систем для обмена сообщениями через последовательное соединение. Фотография Скотт Олсон (Scott Olson)/Getty Images



Эрик Шмидт (Eric Schmidt), который впоследствии возглавил совет директоров Google и курировал внедрение Gmail, создал Berkley Network в рамках своей магистерской работы в 1978 году. Этот сервис позволял посылать сообщения последовательно.



Разработана программа EMAIL – 1979



В возрасте 14 лет Шива Айядурай (Shiva Ayyadurai) пишет программу под названием «EMAIL» для Университета медицины и стоматологии Нью-Джерси, которая позволяет пересылать сообщения в пределах университета. В 1982 году Айядурай регистрирует авторское право на термин «email», однако происхождение этого слова остается под вопросом.



Появление Microsoft Mail – 1988







Успокойтесь, я уверен, эта шумиха с электронной почтой скоро уляжется. Фотография: Лу Дематеис (Lou Dematteis)/Reuters



Первая версия Microsoft Mail была запущена в 1988 году. Программа поддерживалась операционной системой Mac OS и позволяла пользователям сети AppleTalk посылать друг другу сообщения. В 1991 году была запущена вторая версия для других платформ, в том числе DOS и Windows. Она и послужила основой для последующих почтовых систем компании Microsoft – Outlook и Exchange.



CompuServe запускает первый почтовый интернет-сервис – 1989







CompuServe стала одним из первых интернет-провайдеров, предложивших своим клиентам услугу обмена электронными письмами. Фотография: Нил Лаурон (Neal Lauron)/Reuters



CompuServe стала первым онлайн-сервисом, предлагающим подключение к интернету через коммутируемые телефонные соединения, а ее запатентованный почтовый сервис позволял интернет-пользователям отправлять друг другу электронные письма. В 1997 году CompuServe была выкуплена компанией AOL.



Запуск Lotus Notes – 1989







Благодаря Lotus Notes миллионы работников получили возможность отправлять электронные письма, хотя в 1989 электронная почта выглядела по-другому. Фотография: Роджер Тус (Roger Tooth) для Guardian



Впервые продукт был выпущен в 1989 году американской компанией Lotus Development, которая в 1995 году была поглощена корпорацией IBM.



Зарождение спама – 1990







А что не так со спамом? Фотография: Alamy



История спама началась в 1978 году, когда по сети Arpanet впервые было разослано 400 спам-сообщений, однако лишь в 90-е годы, когда интернет стал доступным для миллионов пользователей по всей планете, спам охватил электронные доски объявлений, а позже и все почтовые ящики.



В апреле 1994 года был зарегистрирован первый случай рассылки спама в бизнес-целях, когда два адвоката из г. Финикс, Лоренс Картер (Laurence Carter) и Марта Сигал (Martha Siegel) решили таким способом привлечь новых клиентов. Позже супруги написали об этом книгу.



Вложения – 1992







Вложения появились в 1992 году, став еще одним переносчиком компьютерных вирусов, в числе которых Sobig F. Фотография: Роджер Тус для the Guardian



Возможность прикреплять файлы к письмам появилась после выпуска протокола MIME (англ. «Multipurpose Internet Mail Extensions» – многоцелевые расширения интернет-почты). В то время объем почтовых ящиков был ограничен, поэтому пользователям приходилось удалять письма с «тяжелыми» вложениями, чтобы расчистить пространство для получения новых сообщений.



Outlook и Aol – 1993







Легендарный CD-диск AOL, который был практически в каждом американском доме. Фотография: Дэвид Силлитоу (David Sillitoe) для the Guardian



Первая версия Microsoft Outlook была выпущена в 1993 году как часть Exchange Server 5.5. В это же время американские интернет-провайдеры AOL и Delphi объединяют свои почтовые системы, прокладывая тем самым путь к современным перегруженным почтовым системам.



Запуск Hotmail – 1996







Hotmail, принадлежащий компании Microsoft, был одним из первых популярных сервисов электронной почты, доступных через интернет. Фотография: Шон Смит (Sean Smith) for the Guardian



В 1996 году был запущен один из самых популярных почтовых сервисов под названием «HoTMaiL», разработанный Сабиром Бхатия (Sabeer Bhatia) и Джеком Смитом (Jack Smith). Он отличался тем, что не был привязан к определенному интернет-провайдеру и принимал новый формат электронных писем на HTML – отсюда и стилевое оформление бренда.



Hotmail был выкуплен компанией Microsoft в 1997 году, вскоре после этого переименован в «MSN Hotmail», затем в «Windows Live Hotmail», а в 2013 году заменен сервисом Outlook.com.



Запуск Yahoo Mail – 1997







Сервис Yahoo Mail был не раз модернизирован за свою 9-летнюю историю. Фотография: Yahoo



В 1997 году, спустя год после запуска Hotmail, Yahoo выкупает почтовый сервис RocketMail у компании Four11, и на его основе запускает сервис Yahoo Mail.



«Вам письмо» и не только вам – 1998







Кадр из романтической комедии «Вам письмо» с Томом Хэнксом и Мег Райан в главных ролях. Фотография: Warner Bros



Для большинства пользователей получение нового электронного письма было прочно связано с известным звуковым уведомлением AOL, которое легло в основу романтической комедии 1988 года «Вам письмо» с Томом Хэнксом и Мег Райан в главных ролях.



К концу 90-х спам становится серьезной проблемой – все больше и больше маркетологов начинают пользоваться этим практически бесплатным средством распространения информации и засорять почтовые ящики. В 1998 году термин «спам» был включен в Оксфордский словарь.



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



В 2004 году в США были приняты аналогичные законы, однако в борьбе со спамом они оказались неэффективны.



Запуск Gmail – 2004







Почтовый сервис Gmail изначально носил название Googlemail. Фотография: Дин Мюррей/Rex Features



Популярный почтовый сервис Gmail, разработанный Полом Бакхайтом (Paul Buchheit) в 2001 году, изначально предназначался только для внутреннего пользования сотрудников Google. Разработка проекта держалась в тайне вплоть до начала закрытого бета-тестирования в 2004 году. Лишь в 2007 сервис стал доступным для всех желающих, а в 2009 – вышел из статуса бета-версии.



Читайте также: Как развивался почтовый сервис Gmail


Начало борьбы со спамом – 2005







С начала 2000-х почтовые протоколы начинают борьбу со спамом. Фотография: Иэн Уолди/Getty Images



Первый стандарт электронной почты, призванный снизить поток спама с помощью технологии идентификации отправителей, был опубликован спустя пять лет после начала разработки. Протокол Sender Policy Framework был впоследствии использован во многих программах для блокировки спама. Кроме того, был выпущен стандарт DomainKeys Identified Mail (DKIM), который объединил в себе несколько существующих методов антифишинга и антиспама.



Пользователи начинают просматривать почту с мобильных – 2007







Cтив Джобс и предположить не мог, что иконка для iPhone с изображением письма станет символом сотен непрочитанных сообщений. Фотография: Пол Сакума (Paul Sakuma)/AP



Компания Apple выпустила свой первый iPhone в 2007 году, предоставив широкой публике возможность просматривать почту с мобильного. До этого момента поддержка электронной почты пользовательскими смартфонами была, как правило, ограничена. При этом обладатели бизнес-смартфонов BlackBerry от компании RIM получили возможность работать в электронной почте еще в 2003 году.



Море почты – 2015







Под грузом электронных писем. Фотография: LifeStyleKB / Alamy/Alamy



Несмотря на то, что на ранних этапах своего существования электронная почта использовалась только для внутренних коммуникаций, сегодня она стала неотъемлемой частью нашей повседневной жизни. Согласно данным, предоставленным исследовательской организацией Radicati Group, в 2015 году в мире насчитывалось около 4,4 миллиарда электронных адресов, с которых ежедневно отправлялось приблизительно 205 миллиардов писем.



Предполагается, что к концу 2019 года это число увеличится до 246 миллиардов.



Другие материалы по теме email в блоге «Печкина»:




Original source: habrahabr.ru.

https://habrahabr.ru/post/303672/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best

Метки:   Комментарии (0)КомментироватьВ цитатник или сообщество
Rost

Всё про отправку сообщений на почту, что вы не знали или ...

Четверг, 02 Июня 2016 г. 10:21 (ссылка)

Всё про отправку сообщений на почту, что вы не знали или себе нафантазировали

Читать далее

Сохранить к себе в дневник
Метки:   Комментарии (22)КомментироватьВ цитатник или сообщество

Следующие 30  »

<email - Самое интересное в блогах

Страницы: [1] 2 3 ..
.. 10

LiveInternet.Ru Ссылки: на главную|почта|знакомства|одноклассники|фото|открытки|тесты|чат
О проекте: помощь|контакты|разместить рекламу|версия для pda