Архив за месяц: Апрель 2017

Шрифты для сайта: как выбрать идеальное сочетание? 7 бесплатных инструментов

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

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

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

7 бесплатных инструментов

1) Google Fonts

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

Из списка доступных шрифтов выберите нужный вам, наведите на область предпросмотра шрифта и нажмите на  See Specimen.

Google-fonts

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

Внизу страницы находится раздел «Популярные сочетания со шрифтом Х»

Google Fonts 2

2) Type.io

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

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

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

typio

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

3) Web font Blender

Web font Blender — минималистичный инструмент быстрого, интуитивного подбора шрифтов. Устроенный как большинство редакторских программ, этот сервис позволяет смешивать и комбинировать разные веб-шрифты, изменять шрифт основного текста, заголовков и настраивать стилизацию шрифта по вашему вкусу.
web-font-blender

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

4) Fonts in use

Это независимый архив, посвященный демонстрации креативной типографики от дизайнеров со всего мира. Сайт, печатная продукция, дизайн упаковки или что-то еще – для всего команда кураторов Fonts in use способна подобрать интересные шрифтовые гарнитуры.

Screen Shot 2017-04-12 at 3.26.51 PM
Для вдохновения достаточно просмотреть их многочисленные архивы, или взглянуть на примеры популярных в вашей отрасли шрифтов, выбрав пункт «Отрасли» в выпадающем меню. Если у вас уже есть нужный шрифт, но вы не знаете с чем его сочетать, можно отфильтровать результаты по виду шрифта.
Screen Shot 2017-04-12 at 3.26.12 PM

5) Canva Font Combinations

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

Как только вы получили идеальную пару, можете настроить область предварительного просмотра, чтобы увидеть, как ваш контент смотрится в новом облачении.
Screen Shot 2017-04-12 at 3.44.20 PM copy

6) Font Combinator

Font Combinator – инструмент типографии созданный голландской дизайн-студией Typotheque. Если вы ищете инструмент предварительного просмотра сочетания шрифтов со множеством вариантов настроек и кастомизации, больше не ищите.
Screen Shot 2017-04-12 at 3.55.45 PM
В верхнем выпадающем меню можно выбрать уже готовые варианты сочетания шрифтов от Typotheque, или, используя настройки, сконструировать их комбинацию самостоятельно. Можно настроить размер шрифта, используя бегунки над каждым фрагментом текста. Если не нравится текущее сочетание, можно простым перетаскиванием вставить новый шрифт из правого списка.

7) Font Pair

Хейден Миллз, студент дизайнерского факультета университета Индианы, разработал этот инструмент для быстрого и безболезненного подбора проверенных сочетаний шрифтов, используя Google Fonts.

Каждое сочетание шрифтов, представленное на Font Pair, курируется самим Миллзом. Хотите проверить как будет выглядеть ваш собственный текст? Кликните на любой представленной паре шрифтов и введите свой контент.
Screen Shot 2017-04-12 at 4.39.41 PM

Психология цвета, формы, шрифтов в разработке дизайна логотипов

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

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

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

!color-logo

 

Что такое показатель отказов и как его снизить

По поводу процента отказов возникает много вопросов. Что это такое и как влияет на продажи? И если влияет, как снизить этот показатель?

!rateБольшинство маркетологов задают эти вопросы. Сегодня прольём свет на то, что включает это понятие, а что нет, и что поможет снизить этот показатель.

Что такое показатель отказов?

Показатель отказов на сайте (bounce rate)— это не то же самое что показатель отказов при e-mail рассылке.

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

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

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

Как снизить показатель отказов?

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

Перед тем, как решить, какое действие совершить, необходимо предпринять некоторые важные шаги.

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

Несколько важных шагов:

1) Сайт должен быть адаптирован под мобильные устройства

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

!mobile

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

Этот вид улучшений касается не только видео. Примените целостный подход к оценке опыта мобильных пользователей.

2) Проанализируйте показатель отказов в зависимости от источника траффика

Иногда на показатель отказов влияет источник трафика на определенную страницу. Ниже приведен график показателя отказов. Источник трафика — социальные сети.

bounce rate

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

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

3) Избегайте сбоев, которые могут навредить пользовательскому опыту

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

!pop-up

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

4) Определите, по каким ключевым словам ранжируются ваши страницы и релевантен ли им контент сооответствующих страниц

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

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

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

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

 

 

 

 

Хотите улучшить позиции в поисковиках? Избегайте этих 10 SEO-ошибок [Инфографика]

!!mistake

Позиции в поисковиках — важный компонент любой маркетинговой стратегии.
Потому что сайты, входящие в топ-3 поисковой выдачи, получают 61% всех кликов, а 75% пользователей никогда не переходят дальше первой страницы результатов поиска.

Хотите увеличить органический трафик своего сайта с поисковых систем? Начните с того, чтобы проверить, не делаете ли вы наиболее частые SEO-ошибки: перенасыщение ключевыми словами, битые ссылки, дублированный контент, неуникальные теги <title> могут значительно снизить ваши шансы на хорошие позиции в поисковых системах.

10 частых SEO-ошибок и как их исправить:

!!seo-mistakes-to-avoid-infographic

42 факта в цифрах о визуальном контенте

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

Мы разделили эту статистику на категории: Общие факты, Видео, Новшества в визуальном маркетинге, Инфографика, Социальные сети.

Общие факты о визуальном контенте

1) 37% маркетологов назвали визуальный контент самым главным инструментом контент-маркетинга для бизнеса, уступающий только блогу (38%).

2) 74% smm-маркетологов используют визуальные инструменты в smm-продвижении, опережая блоги (68%) и видеоканалы(60%).

3) Услышав какую-либо информацию, три дня спустя люди едва вспомнят 10% услышанного. Если текст сопровождаеся изображением, три дня спустя люди вспомнят 65% информации.

4) B2C маркетологи осознают важность визуального контента больше, чем B2B маркетологи.

5) 51% B2B маркетологов ставили в приоритет создание визуального контента в 2016 году.
!b2c-content-priorities

Факты о видео-маркетинге

6) В 2017 году на видео контент приходилось 74% всего интернет-траффика.

7) Cisco прогнозирует, что глобальный интернет-трафик с видео составит к 2019 году 80% всего интернет-трафика.

8) 76,5% маркетологов и собственников малых бизнесов, которые использовали видео маркетинг, подтвердили что он оказал прямое влияние на их бизнес.

9) 34% B2C маркетологов заявили, что предварительно подготовленное видео будет иметь критичную важность для успеха контент-маркетинга в 2017 году.

10) В 4 раза потребителей предпочли бы посмотреть видео о продукте, чем прочитать о нём.

11) Более 60% маркетологов и владельцев малых бизнесов заявили, что планируют увеличивать вложения в видео-маркетинг в 2017 году.

12) 62% B2B маркетологов оценили видео как эффективную тактику контент-маркетинга в 2016 году.

13) Использование слов «видео» в теме электронного письма увеличивает процент открытия писем на 19% и количество кликов на 65%.

14) В опросе, проведенном HubSpot, в 2016 году 43% потребителей хотели видеть больше видео-контента.

!hubspotresearchvideo

Новые тенденции в визуальном маркетинге

15) В 2016 году 14 % маркетологов использовали прямые видео-трансляции.

16) Пользователи Facebook потратили в 3 раза больше времени на просмотр виде записей в этой соц. сети, чем традиционное видео.

17) 51% всех видео роликов просматривается с мобильных устройств — на 15% больше в 2015 году и на 203 % больше, чем в 2014.
MD

18) Видео короче 5 минут составляют 55% всего объёма видео контента, просматриваемого с мобильных устройств.

19) На 29% больше людей смотрели 360-градусное видео, чем то же смое видео в традиционном формате.

20) 85% взрослых потребляют контент на нескольких устройствах одновременно.

Факты об инфографике

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

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

!infographics-liked-and-shared-more-(1)

23) Инфографика являлась фаворитом контент-маркетинга в секторе B2B: процент её использования вырос с 50% в 2015 году до 58% в 2016 году.

24) Люди следующие инструкциям с иллюстрациями, на 323% чаще достигают успеха, чем те, кто пользуется инструкциями без иллюстраций.

!illustrations-help-with-instructions

Факты о социальных сетях

25) Твиты с изображениями получают на 150% больше ретвитов, чем без изображений.

!tweetswithimages

26) При анализе более 1 миллиона статей, BuzzSumo обнаружил, что статьи с изображениями на каждые 75-100 слов получают в два раза больше репостов, чем без изображений.

27) Посты в Facebook с изображениями имеют показатель вовлеченности в 2,3 раза выше, чем посты без изображений.

!facebook-with-vs-without-image

28) Каждый день на Перископе просматривается объём видео, во временном эквиваленте равный 110 годам.

!periscope

29) В июне 2016 года в Инстаграме было зарегистрировано более 500 миллионов пользователей.

30) 55% маркетологов выбрали facebook как самую важную для них социальную сеть.

31) 85% Facebook-видео просматриваются без звука.

32) Facebook-пользователи каждый день просматривают 8 миллиардов видео каждый день.

33) Snapchat-пользователи каждый день просматривают 10 миллиардов видео.

34) Snapchat-пользователи каждую секунду делятся 9000 фото.

35) Органическая вовлеченность в Facebook увеличилась более чем в два раза в 2015 году, в Инстаграме – на половину.

36) Самая высокая органическая вовлеченность в Facebook — по постам с видео (13,9%) и изображениями (13,7%)

37) В июне 2016 в Снапчате было 150 миллионов ежедневных активных пользователей по сравнению с 110 миллионами в декабре 2016 года.

38) 44% онлайн-пользователей женщин используют Pinterest, по сравнению с 16% онлайн-пользователей мужчин.

39) На Shopify (платформа для управления продажами через мессенджеры и соц.сети) пользователи, зарегистрированные через Pinterest, тратят в среднем 80$, пользователи из Facebook — 40$.

40) В прайм-тайм часы Youtube собирает аудиторию совершеннолетних зрителей, по численности превосходящую аудиторию любого канала кабельного TV.

Youtube

41) Более 80% всех постов на Pinterest это репосты. Для сравнения — только 1,5% всех твитов это ретвиты.

42) Половина Youtube-подписчиков в возрасте от 18 до 34 лет признались, что чем бы они ни занимались, они бросят это занятие ради просмотра нового ролика на своём любимом канале.

Digital-тренды 2017: что на самом деле думают потребители [Инфографика]

Агентство Code Computerlove (UK) опросило более 1000 респондентов (граждан Великобритании) чтобы выяснить, что они на самом деле думают о новых цифровых технологиях и пророчествах об их развитии — о голосовых сервисах, виртуальной реальности, чатботах. Полученные данные сравнили с тем, что вызывало шумиху в онлайн-изданиях.

Ключевые открытия:

  • Мобильные платежи — самая востребованная технология в 2017;
  • 9 из 10 респондентов заявили, что им не интересна дополненная реальность и не буде интересна в ближайшем будущем;
  • 1 из 5 опрошенных людей в этом году стремятся проводить меньше времени перед экраном.

Что еще нужно знать компаниям? В инфографике:

5marketing!