Google опубликовал отчёт о борьбе с веб-спамом за 2016 год. В нём компания поделилась актуальными тенденциями и достигнутыми результатами в этой области.

Согласно данным отчёта, в 2016 году наблюдалось больше взломанных сайтов, чем когда-либо. По сравнению с 2015 годом, их количество увеличилось на 32%.

Важной вехой в борьбе с веб-спамом стал перевод обновлений алгоритма Penguin в режим реального времени. Работа с тем спамом, с которым не удалось справиться алгоритмически, велась в ручном режиме. В прошедшем году Google разослал вебмастерам 9 млн сообщений о проблемах, связанных со спамом. Компания также начала оповещать о взломе сайта в Google Analytics.

В отношении 10 тысяч сайтов были приняты меры за спам в микроразметке.

За год Google получил от пользователей более 180 тысяч сообщений о спаме. После проверки нарушения были выявлены на 52% из этих сайтов.

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

Чтобы защитить пользователей, Google расширил возможности технологии Safe Browsing, используемой в Chrome, Firefox и Safari для защиты от фишинга и вредоносной активности. Теперь она блокирует сайты, неоднократно уличенные в нарушении правил, и содержащие элементы социальной инженерии.

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

В 2016 году Google провёл более 170 видеовстреч и прямых трансляций для более, чем 150 тысяч владельцев сайтов, вебмастеров и интернет-маркетологов.

Компания также продолжает предоставлять поддержку владельцам сайтов по всему миру посредством Webmaster Help Forums.

Взято с: Google: количество взломанных сайтов в 2016 году выросло на 32%

Нет никого лучше Дэвида Огилви. Он написал книгу, которая послужила началом целой профессии. И она так же актуальна сегодня, как и 30 лет назад.

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



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

Секрет №1. Исследование

Огилви однажды сказал:

«Рекламщики, которые игнорируют исследования так же опасны, как и генералы, которые игнорируют расшифровку сигналов врагов».

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

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



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



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

Только ответив на эти вопросы (Каковы цели ваших потенциальных клиентов? С какими трудностями и проблемами они сталкиваются? Как вы можете им помочь?), можно приступать к созданию рекламы.

Несколько лет назад Джоанна из Copyhackers сотрудничала с центром реабилитации. Перед тем как приступать к работе, она зашла на Amazon, выбрала 6 бестселлеров по теме и начала изучать отзывы. При этом она выписывала фразы и терминологию, которые использовали люди, страдающие зависимостью.

Она использовала полученную информацию при написании заголовка и ценностного предложения для этой посадочной страницы:



Результат?

- На 400% больше кликов на CTA;
- На 20% больше лидов.

И это не магия или талант, а простое исследование клиентов.

Секрет №2. Заголовки с моментальным эффектом

«В среднем люди в пять раз чаще читают заголовки, чем текст. Когда вы написали заголовок, вы потратили 80 центов из доллара».

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



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

Секрет №3. Сначала изображения

Как выбрать изображение, которое привлечет внимание пользователей за доли секунды и при этом не вызовет ненужных ассоциаций? Вот что думает об этом Огилви:

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

Итак, сначала изображение – люди обращают на него внимание в первую очередь. Затем заголовок, добавляющий контекст к содержание изображению. Посмотрим, как этот принцип работает в Facebook рекламе:



Изображение притягивает взгляд, заголовок добавляет контекста. Это работает!

Вот ещё один пример:



Цветовой контраст – отличная идея. Хотя тексту не хватает четкости.

Секрет №4. Тестирование

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

Но сказать проще, чем сделать. Ведь проверенного алгоритма для всех без исключения компаний просто не существует. Единственный способ понять клиента – проводить тестирования. И не только кнопки CTA, но и всей кампании, аудитории и креативных идей.

Процесс далеко не новый. Вот что говорил о нем Огилви:

«Самое важное слово в словаре рекламщика – ТЕСТИРОВАНИЕ. Тестируйте свои обещания. Тестируйте свои медиа. Тестируйте свои заголовки и иллюстрации. Тестируйте размер рекламы. Тестируйте частоту показов. Тестируйте уровень расходов. Тестируйте ролики. Никогда не переставайте тестировать, и ваша реклама никогда не перестанет совершенствоваться».

Но с чего начать?

Аудитория достаточно широкая (и таргетированная)? Переходите к продаже. Люди не покупают? Возможно, их нужно лучше подготовить. Укрепить доверие. Подогреть интерес. Узнать, что они уже видели и изучали. Ничего? Значит увеличьте аудиторию.

Тестирование – единственный способ узнать, что работает, а что нет, почему, и как это исправить.

Секрет №5. Предварительно оценивайте верстку

Помните, чем меньше слов, тем лучше. Почему? Вот что думает об этом Огилви:

«Большинство заголовков слишком большие для журналов и газет. Никогда не одобряйте верстку, не примерив ее на то издание, в котором будете публиковаться».

Вы же знаете, что происходит сегодня в интернете, если не протестировать верстку? Это:



А еще это:



Немного лучше, но все-равно плохо.

Вот пример получше:



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

Секрет №6. Понимание того, что вы продаете

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

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

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



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

Никто не хочет скачивать "белую" книгу – это слишком сложно.



А “Гид по ценам?”. Звучит заманчиво.



Это небольшое изменение позволило увеличить показатели на 620,9%.

Секрет №7. Позиционирование

«Самое важное решение – как позиционировать ваш продукт».

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

Конечно, позиционировать свой бренд куда проще на новом рынке. Но как быть, если вы работаете в сфере с высокой конкуренцией? Главное отличаться от всех остальных. Именно так Yellowtail, например, превращает незаинтересованных потребителей в настоящих любителей вина.

Реклама помогает при продвижении бренда, но она не будет эффективна без удачного позиционирования.

Секрет №8. Индивидуальность

Некоторые бренды выигрывают за счёт противостояния с известными компаниями. Так Stone Beer завоевали любовь хипстеров своей открытой критикой пива Bud и Miller и их ценителей. И это работает.

Что ещё работает? Взгляните на него:



Что он делает? Но вы, наверняка, улыбнулась, когда увидели этот пост. Он привлек ваше внимание.

Что же это за Х фактор, который делает даже самый обычный продукт особенным? Индивидуальность.

«Нет существенной разницы между разными брендами виски, сигарет или пива. Они все почти одинаковые. Как и смеси для приготовления тортов, моющие средства и маргарин… Производитель, который посвящает рекламу созданию чёткой индивидуальности для своего бренда, получит самую большую долю рынка с наивысшей прибылью».

Секрет №9. Постоянство и единообразие

Большинство отличных кампаний объединяет качество их исполнения. Но на это нужна дисциплина.

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

Nike до сих пор “Just Do It“. Почему? Потому что креативность – это миф.

«Шекспир писал свои сонеты, придерживаясь четких правил: 14 строчек пятистопным ямбом, три четверостишия и одно двустишие. Разве можно назвать его сонеты скучными? Мацарт тоже писал сонаты по строгим правилам. А их можно назвать неинтересными?».

Неплохая метафора от отца рекламы.

Секрет №10. Люди

Еще десть лет назад на SEO и ведение блога уходил всего полчаса работы в день. Но сегодня… В среднем на написание одной статьи тратится на 26% больше времени, чем даже год назад (3 часа 16 минут по сравнению с 2 часами 35 минутами). Почему?



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

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

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

Заключение

Уже (о ужас) 2017 год. Скоро 2020. И что потом? Новые каналы, новые подходы, новые стратегии. К этому нельзя подготовиться.

Но вы можете изучать основы, осваивать приемы, которые эффективно работали последние 30 лет (и до этого тоже).

Поведение потребителей меняется. Но не кардинально. Мы хотим все то же самое, просто быстрее и лучше. Следуйте мудрым советам Огилви. И все получится!

Взято с: 10 секретов рекламы Огилви, которые будут работать всегда

Instagram 17 апреля анонсировал новую функцию: теперь сохраненные фото пользователи могут оформлять в отдельные коллекции. Об этом сообщается в официальном блоге сервиса.

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



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

«Когда вы планируете свою следующую поездку или собираете иллюстрации своего любимого художника, или же просто любите смешные видео с животными – коллекции позволяют все важные моменты хранить в одном месте», — Instagram.

Функция создания коллекций будет доступна вместе с ближайшим обновление для Instagram.

Американские СМИ уже отметили, что функция была «позаимствована» у сервиса Pinterest, вся идеология которого как раз и построена вокруг создания коллекций. Единственная лишь разница в том, что пока коллекции пользователей в Instagram – частные, тогда как у Pinterest – публичные. Впрочем, судя по тому, как Instagram скопировал все у Snapchat, скоро нас ждет еще одно обновление.

Взято с: Instagram представил функцию создания коллекций из сохраненных фото, как у Pinterest

Вы знали, что чем ниже вероятность конверсии, тем дешевле вам обходятся клики в сетях? Яндекс.

Директ автоматически снижает ставки рекламодателей в зависимости от прогнозируемых конверсий. И это даже не нужно отдельно настраивать.

Делаем ставку на сетевой трафик

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

В сетях есть автоматический контроль качества кликов и конверсий

Яндекс.Директ начал внедрять его больше года назад и с тех пор совершенствует. По сути всё очень просто — на площадках с низкоконверсионным трафиком клики стоят дешевле. Специальные алгоритмы защиты от перетрат позволяют Директу сохранять для каждого рекламодателя адекватную среднюю цену конверсии.

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

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

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

У 40% самых высококонверсионных кликов коэффициенты корректировки варьируются от 0,8 до 1. Для 15% кликов с самой низкой вероятностью конверсии исходная ставка рекламодателя автоматически уменьшается минимум вдвое, а в отдельных случаях — в десять и более раз (то есть срабатывают коэффициенты меньше 0,5).

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

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

Как работает предсказание конверсий?

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

Если коротко, работа шла вот так:

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

2. Затем мы изучили поведение пользователей. Для конверсионных целей все сессии посетителей разделили на «успешные» и «провальные» — то есть в деталях рассмотрели особенности посещений, которые заканчивались конверсией.
3. Теперь Директ знает характерные признаки успешных визитов на сайт. Мы получили систему, которая довольно бодро угадывает, чем закончится клик, глядя на сессию. Формула предсказания конверсий может учитывать в комплексе самые разные факторы: свойства площадки, метод таргетирования, тип устройства, профиль пользователя, тематику площадки и объявления и так далее. Всё это полностью анонимно. 

4. Профит!

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

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

Кто контролирует контроль качества?

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

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

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

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

Надо ли отключать площадки?

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

Допустим, некий рекламодатель закупает роутеры по 1000 рублей за штуку, продаёт их по 1500 рублей, а средняя конверсия из кликов в продажи в РСЯ у него равна 4%. Рекламодатель посчитал максимально допустимую стоимость перехода по рекламе — ценность клика: 4% х (1500 — 1000) = 20 рублей. Для простоты представим, что именно эту сумму он и сделал своей ставкой.

На некоторых площадках, где есть аудитория для рекламы роутеров, трафик менее «горячий». По прогнозам Директа, здесь будет конверсия около 1%, в четыре раза ниже. Зная это, система может автоматически изменить ставки в соответствии с прогнозом: то есть для таких показов ставка за клик будет не 20, а всего 5 рублей. Рекламодатель сэкономит на стоимости кликов и при этом не упустит шанс продать ещё один роутер.

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

Вместо заключения

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

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

Затронем тему безопасности и поговорить об SSL. Всем известно, что сертификаты обеспечивают надежное соединение, а мы разберёмся в том, как именно это происходит, и взглянем на используемые протоколы.

SSL (secure sockets layer — уровень защищённых cокетов) представляет собой криптографический протокол для безопасной связи. С версии 3.0 SSL заменили на TLS (transport layer security — безопасность транспортного уровня), но название предыдущей версии прижилось, поэтому сегодня под SSL чаще всего подразумевают TLS.

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

Рукопожатие

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

Кроме того, проверяется дата действия сертификата и наличие корневого сертификата, выданного надежным центром сертификации. Если браузер доверяет сертификату, то он генерирует предварительный секрет (pre-master secret) сессии на основе открытого ключа, используя максимально высокий уровень шифрования, который поддерживают обе стороны.



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

Алгоритмы шифрования

Для симметричного шифрования использовались разные алгоритмы. Первым был блочный шифр DES, разработанный компанией IBM. В США его утвердили в качестве стандарта в 70-х годах. В основе алгоритма лежит сеть Фейстеля с 16-ю циклами. Длина ключа составляет 56 бит, а блока данных — 64.

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

Еще был блочный шифр RC2 с переменной длиной ключа, который работал быстрее DES, а его 128-битный ключ был сопоставим с 3DES по надежности. Потоковый шифр RC4 был намного быстрее блочных и строился на основе генератора псевдослучайных битов. Но сегодня все эти алгоритмы считаются небезопасными или устаревшими.

Самым современным признан стандарт AES, который официально заменил DES в 2002 году. Он основан на блочном алгоритме Rijndael и скорость его работы в 6 раз выше по сравнению с 3DES. Размер блока здесь равен 128 битам, а размер ключа — 128/192/256 битам, а количество раундов шифрования зависит от размера ключа и может составлять 10/12/14 соответственно.

Что касается асимметричного шифрования, то оно чаще всего строится на базе таких алгоритмов, как RSA, DSA или ECC. RSA (назван в честь авторов Rivest, Shamir и Adleman) используется и для шифрования, и для цифровой подписи. Алгоритм основан на сложности факторизации больших чисел и поддерживает все типы SSL-сертификатов.

DSA (Digital Signature Algorithm) используется только для создания цифровой подписи и основан на вычислительной сложности взятия логарифмов в конечных полях. По безопасности и производительности полностью сопоставим с RSA.

ECC (Elliptic Curve Cryptography) определяет пару ключей с помощью точек на кривой и используется только для цифровой подписи. Основным преимуществом алгоритма является более высокий уровень надежности при меньшей длине ключа (256-битный ECC-ключ сопоставим по надежности с 3072-битным RSA-ключом.

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

Хеш и MAC

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

Хеш-алгоритм также использует величину, необходимую для проверки целостности передаваемых данных — MAC (message authentication code). MAC использует функцию отображения, чтобы представлять данные сообщения как фиксированное значение длины, а затем хеширует сообщение.

В протоколе TLS применяется HMAC (hashed message authentication code), который использует хеш-алгоритм сразу с общим секретным ключом. Здесь ключ прикрепляется к данным, и для подтверждения их подлинности обе стороны должны использовать одинаковые секретные ключи, что обеспечивает большую безопасность.

Все алгоритмы шифрования сегодня поддерживают алгоритм хеширования SHA2, чаще всего именно SHA-256. SHA-512 имеет похожую структуру, но в нем длина слова равна 64 бита (вместо 32), количество раундов в цикле равно 80 (вместо 64), а сообщение разбивается на блоки по 1024 бита (вместо 512 бит). Раньше для тех же целей применялся алгоритм SHA1 и MD5, но сегодня они считаются уязвимыми.

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

Сертификаты бывают разные

Теперь, когда мы разобрались, что представляет собой протокол SSL/TLS и как происходит соединений на его основе, можно поговорить и о видах сертификатов.

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

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

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

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

Кроме того, сертификаты могут различаться в зависимости от количества доменов, на которые они были выданы. Однодоменные сертификаты (Single Certificate) привязываются к одному домену, который указывается при покупке. Мультидоменные сертификаты (типа Subject Alternative Name, Unified Communications Certificate, Multi Domain Certificate) будут действовать уже для большего числа доменных имен и серверов, которые также определяются при заказе. Однако за включение дополнительных доменов, свыше определенной нормы, потребуется платить отдельно.

Еще существуют поддоменные сертификаты (типа WildCard), которые охватывают все поддомены указанного при регистрации доменного имени. Иногда могут потребоваться сертификаты, которые будут одновременно включать не только несколько доменов, но и поддомены. В таких случаях можно приобрести сертификаты типа Comodo PositiveSSL Multi-Domain Wildcard и Comodo Multi-Domain Wildcard SSL или (лайфхак) обычный мультидоменный сертификат, где в списке доменов указать также и нужные поддоменные имена.

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

Взято с: «Как это работает»: знакомство с SSL/TLS

Казалось бы, совсем недавно в 2012 году мы праздновали, что веб-сервер nginx обогнал Microsoft IIS и вышел на второе место в интернете среди активных сайтов (у nginx было 12,18%, у Microsoft — 12,14%). За прошедшие пять лет nginx сильно укрепил позиции. По статистике Netcraft за март 2017 года в той же категории его доля составляет 19,67%, а Microsoft IIS опустился до 8,95%. Лидер прежний — Apache с 45,82%.



Кроме Netcraft, есть и другая статистика по веб-серверам. Например, W3Tech.com вчера выдал очень красивые «круглые» цифры. По их оценке, nginx сейчас установлен на каждом третьем веб-сервере в мире.

Семь лет назад доля nginx составляла всего 3,9%, а сейчас уже 33,3%.



За тот же срок 2010-2017 гг доля Apache упала с 71,5% чуть ниже 50%, а доля Microsoft IIS упала с 20,6% до 11,3%.

По статистике переходов, чаще всего на nginx переходят с Apache. Обратный процесс тоже наблюдается.



Мировым лидером по внедрению nginx является Россия с показателем 76,8%. Это и понятно, ведь автор nginx — российский программист-самоучка и бывший сисадмин Игорь Сысоев. Он написал программу в 2004 году. Кроме России, абсолютное лидерство nginx имеет в Беларуси, Казахстане и Украине, в отдельных странах Азии, Африки и Южной Америки.

Почти во всём остальном мире лидирует Apache, за исключением Китая, Турции, Египта и нескольких арабских стран, где первое место сохраняет Microsoft IIS.

Почему доля nginx растёт, а Apache падает? Возможно, это связано с более простой установкой и настройкой, поддержкой более современных протоколов. Среди новых сайтов доля nginx 36,4%, а Apache — 47,7%.

76,8% сайтов с поддержкой HTTP/2 работают на nginx, и только 2,3% на Apache (модуль HTTP/2 для Apache до сих пор имеет статус «экспериментального»). Похожая ситуация среди сайтов с поддержкой IPv6: 63,6% из них работает на nginx, втрое меньше — на Apache. Nginx является выбором № 1 среди сайтов, написанных на Ruby, Python и Scala, а также у тех, кто использует современные JavaScript-библиотеки вроде AngularJS, Vue,js и React. Создаётся впечатление, что всё самое современное работает на nginx.

Среди операционных систем чёткого тренда нет, но серверы на Red Hat/CentOS в подавляющем большинстве используют Apache, а системы на Gentoo предпочитают nginx.

Взято с: W3Tech: доля nginx в мире выросла до трети, Apache упал ниже половины

Колокейшн (colocation) определяется в Википедии как услуга, состоящая в том, что провайдер размещает оборудование клиента на своей территории (обычно в дата-центре), подключает его к электричеству, обеспечивает обслуживание и доступ к каналам связи с высокой пропускной способностью. Иногда указанное оборудование не принадлежит клиенту, а арендуется им у того же провайдера, в этом случае услуга называется «аренда выделенного сервера».

Размещение ИТ-оборудования в коммерческом ЦОД — типичный вариант для предприятий, стремящихся избежать сложного процесса создания и поддержки собственного центра обработки данных. Ожидается, что к 2020 году мировой рынок колокейшн достигнет 54 миллиардов долларов против 26 миллиардов долларов в 2015 году (по данным аналитической компании Markets and Markets).

По данным IDC, к 2018 году 65% ИТ-активов компаний будут находиться за пределами их собственных площадок в центрах хостинга и облачных центрах данных, а 33% ИТ-персонала будут сотрудниками сторонних поставщиков услуг.

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

Когда выбирать?

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



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



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

И все же: почему колокейшн?

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



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

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



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

- Стоимость серверной. Затраты на создание собственного серверного помещения или дата-центра с правильно организованным резервированием систем и охлаждением могут быть очень велики. В ЦОД провайдера работает «эффект масштаба».
- Проблема роста. Услуги колокейшн позволяют наращивать ИТ-инфраструктуру, не теряя контроль над ней.
- Безопасность. В дата-центрах оборудование надежно защищено, обеспечивается информационная безопасность, резервирование данных.
- Высокая доступность. В ЦОД обеспечивается бесперебойное функционирование оборудования в соответствии с требованиями Tier, резервируются каналы связи.

Как отмечают в Forsythe Solutions Group, модель колокейшн предлагает следующие преимущества:

- Нередко лучше увеличить операционные расходы (OPEX) и платить за колокейшн, чем нести нескончаемые капитальные затраты (CAPEX) на создание, владение и эксплуатацию собственного центра обработки данных.

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

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

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

Полезные советы

Вот какие рекомендации дает компания CyrusOne, владелец нескольких ЦОД, входящий в список Fortune 1000:

1. Определите свои потребности и оцените, можете ли справиться со всем самостоятельно.

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

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

2. Исследуйте доступные возможности и изучите подходящие вам варианты.

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

3. Выбирайте поставщика, который может дать именно то, что вам нужно.

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

4. Следите за всеми своими ресурсами и активами.

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

5. Обратная связь.

После выбора поставщика услуг колокейшн, миграции оборудование на его площадку и реализации плана мониторинга оборудования стоит пообщаться со своими сотрудниками и получить «обратную связь». Насколько прост и удобен доступ к данным? Удовлетворяет ли их скорость работы сети и надежность? Есть ли какие-либо проблемы с извлечением информации? Всегда полезно поговорить с ИТ-персоналом и узнать их точку зрения.
В конечном счете, все больше предприятий будут выбирать колокейшн, а не вкладывать средства в дорогостоящие собственные центры обработки данных своих. С увеличением числа приложений, разнообразия рабочих нагрузок и расширением ИТ-инфраструктуры, колокейшн будет становиться все более логичным и привычным вариантом. Согласно опросу 451 Research, только четверть компаний планируют в течение года начать строительство нового ЦОД. Более 40% предпочтут колокейшн, облако и другие услуги сторонних компаний. Это означает, что выбор в пользу колокейшн — разумный вариант, особенно при грамотном подходе.

Как выбрать?

Вернемся к вопросу выбора провайдера: это едва ли не самый важный момент. «Правильный» поставщик услуг колокейшн берет на себя сопровождение и управление дата-центром, в то время как неверный выбор может означать излишний стресс и скрытые затраты. Как правильно выбрать провайдера услуг колокейшн? Проанализируем типичные советы, которые дают по этому поводу зарубежные эксперты. Вот некоторые рекомендации ColoSpace – крупного владельца сети ЦОД в США.

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

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

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

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

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

Хотя услуга колокейшн и дает значительные преимущества, у нее есть и недостатки. В частности, придется делиться частью сетевой инфраструктуры LAN и WAN с другими арендаторами. Это может привести к проблеме «шумного соседа» — такого же клиента, который пользуется сетью и вычислительными ресурсами. Поведение некоторых из них может проявляться в вашей системе как DDoS (атака типа «отказ в обслуживании»).
При поиске поставщика услуг колокейшн отдавайте предпочтение тем, у кого есть развитые средства управления. Это позволит, например, переключить рабочую нагрузку в альтернативную сеть, если вдруг «шумный сосед» нарушит ваш трафик. Используйте инструменты для мониторинга активности в реальном времени в сетях LAN и WAN центров обработки данных. Эффективный мониторинг поможет, с одной стороны, выявить «шумных соседей», с другой — самому не стать виновником подобных явлений.

Что еще нужно принимать во внимание при выборе поставщика услуг?

Прежде чем подписывать контракт с поставщиком, стоит ответить не несколько вопросов, которые помогут вам определить свои требования:

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

- Каковы требования к вашему бизнесу и ИТ? Например, определите необходимость репликации и/или архивирования данных. Нужны ли для этого дополнительные площадки?

- Каковы ваши планы роста? Поставщик услуг колокейшн должен помочь вам «масштабироваться» по площадям ЦОД и потребляемой мощности, чтобы вы могли развиваться в будущем.

Каким требованиям должна отвечать площадка провайдера?

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

1. Мощность электропитания для поддержки как текущих, так и будущих технологий.

Мощности дата-центров неуклонно растут, и многим клиентам требуется до 10 кВт на стойку и более. Тем не менее, далеко не все поставщики услуг колокейшн предлагают мощности для поддержки будущих технологий. Большинство ЦОД было построено до резкого роста энергопотребления и «потянут» только до 4 кВт на стойку. Чтобы поддерживать среду с высокой плотностью размещения оборудования, поставщики будут вынуждены распределять нагрузку по большей площади или внедрять дополнительные системы охлаждения. Оба этих подхода помогают решить проблему мощности, но увеличивают стоимость контракта.

2. Гибкое соглашение об уровне обслуживания (SLA).

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

3. Резервирование каналов связи.

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

4. Среды высокой плотности.

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

5. Правильное место.

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

6. Высокий уровень физической безопасности.

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

7. Согласование с планами аварийного восстановления и обеспечения непрерывности бизнеса.

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

8. Соответствие требованиям.

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

9. Управляемые услуги.

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

10. Будущий рост.

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

DR или DRaaS?

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

Наряду с колокейшн владельцы коммерческих ЦОД часто предоставляют услуги хостинга, предлагая ресурсы для размещения информации на сервере, постоянно находящемся в сети (обычно интернет). Хостинг может подразумевать, например, размещение веб-сайта. Как правило, в обслуживание уже входит предоставление ресурсов для электронной почты, баз данных, DNS, файлового хранилища на специально выделенном файл-сервере и т.п., а также поддержка функционирования соответствующих сервисов.

Большинство поставщиков услуг хостинга предлагают в том или ином виде аварийное восстановление (DR), но ИТ-подразделениям компаний-заказчиков все равно потребуется внедрять соответствующие сервисы согласно своим требованиям. Некоторые поставщики услуг хостинга помогают клиентам в разработке плана DR. Всегда стоит уточнять, является ли аварийное восстановление отдельным сервисом.

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

Часто бывает сложно протестировать план аварийного восстановления. Организации могут нести дополнительные затраты для проведения тестирования на DR без прерывания работы ИТ-систем. DRaaS, с другой стороны, обычно работает в облаке, поэтому организации могут проводить тестирование DR, не затрагивая рабочие процессы.

Переезд серверов

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

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



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

Эксперты ColoSpace дают следующие рекомендации по успешному перемещению серверов на площадку провайдера — с минимальным временем простоя.



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



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

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

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

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

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

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

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



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

Взято с: Колокейшн: как, зачем и почему

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

По последним данным Incapsula, DDoS обходится бизнесу в 40000 долларов в час.



Следующие инструменты помогут вам рассчитать потери, вызванные DDoS:

- Cost of a DDoS attack от Akamai
- DDoS downtime cost calculator от Incapsula
- Calculate your DDoS attack cost от Neustar

DDoS-атаки непредсказуемы, а в последнее время еще и ужасно опасные. Мощность может быть в пределах от 300 до 500 Gbps.

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

- фрагментация UDP-пакетов;
- DNS, NTP, UDP, SYN, SSPD, ACK-флуд;
- CharGEN-атака;
- аномалии TCP.

Так что нужно защищаться не только от DDoS-атак на седьмом уровне, а обеспечивать защиту на всех уровнях.

Согласно последнему отчету о безопасности AKAMAI, большинство DDoS-атак производятся из Китая.



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

Incapsula

Incapsula предлагает комплексную защиту и ограждает от любых видов DDoS-атак на 3, 4 и 7 уровнях, таких как:

- TCP SYN+ACK, FIN, RESET, ACK, ACK+PSH, фрагментация;
- UDP;
- Slowloris;
- спуфинг;
- ICMP;
- IGCP;
- HTTP-флуд, запуск большого числа одновременных соединений, DNS-флуд;
- брутфорс;
- NXDomain;
- Ping of death;
- и другие…

Защита может осуществляться в постоянном режиме или включаться вручную для поиска и устранения угроз. Сеть Incapsula состоит из 32 дата-центров с общей пропускной способностью более 3 Tbps.

Доступна пробная версия Incapsula пакетов Business и Enterprise, в которые входит защита от DDoS-атак, а также глобальные CDN, SSL, WAF и не только.



Советую попробовать Incapsula для защиты вашего бизнеса на всех уровнях (веб-сайт, инфраструктура и DNS).

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



AKAMAI

AKAMAI занимает ведущее положение на рынке в отношении услуг безопасности и CDN. Совсем недавно AKAMAI поставила рекорд, отразив атаку мощностью 620 Gbps.



KONA DDoS Defender от AKAMAI ограждает от DoS/DDoS-атак на периферию сети.

KONA создана на основе интеллектуальной платформы AKAMAI для защиты веб-сайтов, а реагирует на атаки глобальный центр безопасности, работающий круглосуточно.

Это облачное решение предохраняет от всех известных видов атак, в том числе с шифрованием трафика. AKAMAI широко представлен по всему миру: всего у AKAMAI более 1300 площадок в более чем 100 странах.

AKAMAI защищает инфраструктуру всего дата-центра при помощи Prolexic Routed или Prolexic Connect.

Cloudflare

Cloudflare предоставляет базовую защиту от DDoS-атак в пакетах FREE и PRO. Однако для расширенной защиты от DDoS-атак (на уровнях 3, 4 и 7) нужно покупать пакет Business или Enterprise.

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

Cloudflare доверяют такие известные компании как Nasdaq, DigitalOcean, Cisco, Salesforce, Udacity и др.

Сеть CloudFlare доступна в 102 дата-центрах общей пропускной способностью более 10 Tbps, то есть она справится с любыми видами DDoS-атак, в том числе:

- на уровнях 3, 4 и 7;
- DNS amplification;
- DNS reflection;
- SMURF;
- ACK.

Если вы подвергаетесь DDoS-атаке, то можно обратиться в круглосуточную горячую линию Cloudflare.

SUCURI

SUCURI — специализированное облачное решение для защиты самых разных сайтов, в том числе WordPress, Joomla, Drupal, Magento, Microsoft.Net и др.



Защита от DDoS-атак включена в пакет антивируса и файрвола. В случае если вам нужна комплексная защита сайта, то в таком случае вам подойдет Website Antivirus, который оберегает от угроз в сети, в том числе от DDoS-атак, а также включает следующие услуги:

- выявление и удаление вредоносного кода;
- контроль безопасности;
- оптимизация скорости;
- защита от брутфорса;
- защита от уязвимости нулевого дня;
- защита от нежелательных ботов.

SUCURI выявляет и блокирует атаки 3,4 и 7 уровня. Стоимость обслуживания начинается от 19,88 долларов в месяц.

Alibaba

Anti-DDoS Pro от Alibaba поможет в защите от DDoS-атак. Anti-DDoS Pro отражает мощные атаки до 2 Tbps и поддерживает протоколы TCP/UDP/HTTP/HTTPS.

Anti-DDoS можно использовать не только в случае размещения на Alibaba, но и для AWS, Azure, Google Cloud и пр.

MYRA

Myra DDoS protection — полностью автоматизированное решение для веб-сайтов, DNS-серверов, веб-приложений и инфраструктуры. Оно полностью совместимо со всеми видами CMS и системами электронной торговли.

MYRA размещается в Германии, так что данные обрабатываются в соответствии с федеральным законом Германии о защите данных.

AWS Shield Advanced

Инструмент для предупреждения DDoS-атак Shield от AWS доступен на всех приложениях AWS бесплатно.

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



У Shield Advanced есть целый ряд преимуществ по сравнению со стандартной версией Shield, таких как:

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

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

- ARBOR Networks;
- Neustar;
- Rackspace;
- AKAMAI;
- F5 Silverline;
- Radware.

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

Взято с: 7 лучших сервисов защиты от DDoS-атак для повышения безопасности

Все мы знаем, что в мире технологий баз данных существует два основных направления: SQL и NoSQL, реляционные и нереляционные базы данных. Различия между ними заключаются в том, как они спроектированы, какие типы данных поддерживают, как хранят информацию.

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

Нереляционные БД устроены иначе. Например, документо-ориентированные базы хранят информацию в виде иерархических структур данных. Речь может идти об объектах с произвольным набором атрибутов. То, что в реляционной БД будет разбито на несколько взаимосвязанных таблиц, в нереляционной может храниться в виде целостной сущности.

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

Какую технологию выбрать? Ответ на этот вопрос зависит от особенностей проекта, о котором идёт речь.

О выборе SQL-баз данных

Не существует баз данных, которые подойдут абсолютно всем. Именно поэтому многие компании используют и реляционные, и нереляционные БД для решения различных задач. Хотя NoSQL-базы стали популярными благодаря быстродействию и хорошей масштабируемости, в некоторых ситуациях предпочтительными могут оказаться структурированные SQL-хранилища. Вот две причины, которые могут послужить поводом для выбора SQL-базы:

1. Необходимость соответствия базы данных требованиям ACID (Atomicity, Consistency, Isolation, Durability — атомарность, непротиворечивость, изолированность, долговечность). Это позволяет уменьшить вероятность неожиданного поведения системы и обеспечить целостность базы данных. Достигается подобное путём жёсткого определения того, как именно транзакции взаимодействуют с базой данных. Это отличается от подхода, используемого в NoSQL-базах, которые ставят во главу угла гибкость и скорость, а не 100% целостность данных.

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

О выборе NoSQL-баз данных

Если есть подозрения, что база данных может стать узким местом некоего проекта, основанного на работе с большими объёмами информации, стоит посмотреть в сторону NoSQL-баз, которые позволяют то, чего не умеют реляционные БД.

Вот возможности, которые стали причиной популярности таких NoSQL баз данных, как MongoDB, CouchDB, Cassandra, HBase:

1. Хранение больших объёмов неструктурированной информации. База данных NoSQL не накладывает ограничений на типы хранимых данных. Более того, при необходимости в процессе работы можно добавлять новые типы данных.

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

3. Быстрая разработка. Если вы разрабатываете систему, используя agile-методы, применение реляционной БД способно замедлить работу. NoSQL базы данных не нуждаются в том же объёме подготовительных действий, которые обычно нужны для реляционных баз.

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

SQL и NoSQL



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

var cars = [
{ Model: "BMW", Color: "Red", Manufactured: 2016 },
{ Model: "Mercedes", Type: "Coupe", Color: "Black", Manufactured: "1-1-2017" }
];

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

SELECT Orders.OrderID, Customers.Name, Orders.Date
FROM Orders
INNER JOIN Customers
ON Orders.CustID = Customers.CustID

Как более продвинутый пример, для демонстрации того, когда SQL предпочтительнее NoSQL, рассмотрим особенности применения в NoSQL-базах алгоритмов уплотнения. Проблема заключается в том, что в некоторых NoSQL-базах (например, в CouchDB и HBase) постоянно приходится формировать так называемые sstables — строковые таблицы в формате ключ-значение, отсортированные по ключу. В такие таблицы, которые сохраняются на диск, данные попадают из таблиц, хранящихся в памяти, при их переполнении и в других ситуациях. При интенсивной работе с базой создание таблиц, со временем, приводит к тому, что подсистема ввода-вывода устройства хранения данных становится узким местом для операций чтения данных. Как результат, чтение в NoSQL-базе происходит медленнее, чем запись, что сводит на нет одно из главных преимуществ нереляционных баз данных. Именно для того, чтобы уменьшить этот эффект, системы NoSQL используют, в фоновом режиме, алгоритмы уплотнения данных, пытаясь объединить множество таблиц в одну. Но и сама по себе эта операция весьма ресурсоёмка, система работает под повышенной нагрузкой.

Масштабируемость

Одно из основных различий рассматриваемых технологий заключается в том, что NoSQL-базы лучше поддаются масштабированию. Например, в MongoDB имеется встроенная поддержка репликации и шардинга (горизонтального разделения данных) для обеспечения масштабируемости. Хотя масштабирование поддерживается и в SQL-базах, это требует гораздо больших затрат человеческих и аппаратных ресурсов.

1. Тип хранилища данных: Хранилище типа ключ-значение.
Сценарий использования: Подходит для простых приложений, с одним типом объектов, в ситуациях, когда поиск объектов выполняют лишь по одному атрибуту.
Пример: Интерактивное обновление домашней страницы пользователя в Facebook.
Рекомендации: Рекомендовано знакомство с технологией memcached. Если приходится искать объекты по нескольким атрибутам, рассмотрите вариант перехода к хранилищу, ориентированному на документы.

2. Тип хранилища данных: Хранилище, ориентированное на документы.
Сценарий использования: Подходит для хранения объектов различных типов.
Пример: Транспортное приложение, оперирующее данными о водителях и автомобилях, работая с которым надо искать объекты по разным полям, например — имя или дата рождения водителя, номер прав, транспортное средство, которым он владеет.
Рекомендации: Подходит для приложений, в ходе работы с которыми допускается реализация принципа «согласованность в конечном счёте» с ограниченными атомарностью и изоляцией. Рекомендуется применять механизм кворумного чтения для обеспечения своевременной атомарной непротиворечивости.

3. Тип хранилища данных: Система хранения данных с расширяемыми записями.
Сценарий использования: Более высокая пропускная способность и лучшие возможности параллельной обработки данных ценой слегка более высокой сложности, нежели у хранилищ, ориентированных на документы.
Пример: Приложения, похожие на eBay. Вертикальное и горизонтальное разделение данных для хранения информации клиентов.
Рекомендации: Для упрощения разделения данных используются HBase или Hypertable.

4. Тип хранилища данных: Масштабируемая RDBMS.
Сценарий использования: Использование семантики ACID освобождает программистов от необходимости работать на достаточно низком уровне, а именно, отвечать за блокировки и непротиворечивость данных, обрабатывать устаревшие данные, коллизии.
Пример: Приложения, которым не требуются обновления или слияния данных, охватывающие множество узлов.
Рекомендации: Стоит обратить внимание на такие системы, как MySQL Cluster, VoltDB, Clustrix, ориентированные на улучшенное масштабирование.

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

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

Индексация

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

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

CRM-системы

CRM-приложения — это один из лучших примеров систем, для которых характерны огромные объёмы ежедневно обрабатываемых данных и очень большое количество транзакций. Все разработчики таких приложений используют и SQL, и NoSQL базы данных. И, хотя большая часть данных транзакций всё ещё хранится в SQL-базах, применение находят общедоступные системы класса DBaaS (data-base-as-a-service, база данных как сервис), наподобие AWS DynamoDB и Azure DocumentDB, в результате, серьёзная нагрузка по обработке данных может быть перенесена в облачные NoSQL-базы.

В то время, как использование подобных служб освобождает разработчика от решения задач по обслуживанию хранилищ, это, кроме того, область, где NoSQL базы применяются для того, для чего они, в основном, и были созданы, например, для глубинного анализа данных. Объёмы информации, хранимой в огромных CRM-системах финансовых и телекоммуникационных компаний, было бы практически невозможно проанализировать, используя инструменты вроде SAS или R. Это потребовало бы огромных аппаратных ресурсов.

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

Итоги

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

Вот признаки проектов, для которых идеально подойдут SQL-базы:

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

А вот свойства проектов, для которых подойдёт что-то из сферы NoSQL:

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

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

Взято с: SQL или NoSQL — вот в чём вопрос

В данной статье приводится руководство по дизайну векторных иконок, которое включает в себя шесть этапов. Мы рассмотрим эти этапы после того, как разберем основные принципы успешного дизайна иконок. Эти принципы хорошо известны и подробно рассмотрены в таких работах, как Руководство по дизайну иконок Джона Хикса, а также в руководстве от Google Материальный дизайн в разработке системных иконок. Шесть этапов, которые мы будем рассматривать в данной статье, должны восприниматься, как рекомендации, а не как догмы. Способность чувствовать, где нужно следовать правилам, а когда их лучше нарушить – это важное качество, которое должен развить в себе каждый хороший дизайнер, и мы наглядно это продемонстрируем.

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



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

Три составляющие эффективного дизайна иконок

Все качественно сделанные иконки объединяет единство трех составляющих эффективного дизайна: форма, эстетическая целостность и узнаваемость. Когда вы приступаете к дизайну нового набора иконок, необходимо рассматривать все три составляющие, идя от общего (форма) к частному (узнаваемость). Даже если вы разрабатываете всего одну иконку, эти три непременных атрибута по-прежнему применимы.

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

Форма

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



Эстетическая целостность

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



Эти три иконки можно назвать эстетически целостными, потому что в них использованы одни и те же элементы и приемы.

Узнаваемость

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



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

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

Шесть этапов

Всегда начинайте с сетки

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



Итак, у нас есть 32-пиксельная сетка с границами шириной в 2 пикселя, которые мы оставим незаполненными. Это пространство мы называем свободной зоной, и она служит для придания иконке некоторого пространства. Не следует располагать элементы в пределах этой зоны, если только это не является абсолютно неизбежным.

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

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



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



На следующих картинках внутри сетки 32х32 пикселя вы заметите прямоугольники размером 20х28 пикселей, которые сориентированы горизонтально или вертикально – в зависимости от дизайна иконки.



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



Помните, что вы не обязаны точно соблюдать описываемое расположение иконки относительно сетки и вспомогательных линий. Сетка – это только вспомогательный инструмент; если перед вами стоит выбор, сделать что-то по-настоящему оригинальное, или остаться в рамках правил, правилами можно пренебречь. Однако это должен быть обдуманный шаг. Как сказал Хеммо де Йонг, известный под псевдонимом Dutch Icon:

«Индивидуальность иконки перевешивает необходимость соблюдать единообразие набора иконок».

Начните с простых геометрических форм

Начните дизайн своей иконки с грубого наброска основных форм, используя круги, треугольники и прямоугольники. Даже если вы планируете создать иконку с плавными естественными формами, начните с инструмента «Фигура» в Adobe Illustrator. Когда дело доходит до дизайна иконок, особенно это касается рисования на экране иконок небольшого размера, рисование вручную неизбежно влечет появление небольших диспропорций по краям, и от этого внешний вид иконки сильно проигрывает. Если начать с простых геометрических форм, это поможет получить четкие одинаковые кромки (особенно в местах закругления), а также упростит выбор размера различных элементов и их ориентирование относительно сетки и основных форм.



Все починено цифрам: кромки, линии, углы и кривые

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

Углы

В большинстве случаев можно посоветовать использовать углы 45°, либо кратные этому значению. Сглаживание неровностей при данном значении угла производится равномерно (активные пиксели хорошо прилегают друг к другу), и результат получается четким и лаконичным. Кроме этого, 45 градусов – это идеальная диагональ, приятная глазу. Последовательное использование такой привычной конфигурации позволяет получить целостную картину, как каждой отдельной иконки, так и всего набора. Если выбранный вами дизайн требует нарушения данного правила, лучше делить на два (22,5°; 11,25° и т.д.), либо использовать углы кратные 15°. Каждая ситуация индивидуальна и требует такого же индивидуального подхода. Преимущество использования углов кратных 45° состоит в том, что при таких значениях получается наилучшее сглаживание неровностей при переходах.



Кривые

Одни из самых бросающихся в глаза элементов, которые могут значительно снизить качество иконки, наглядно показывающие разницу между профессионалом и любителем – это кривые. Тогда как человеческий глаз отчетливо улавливает малейшее несоответствие формы, наша координация не позволяет нам достигать такой же точности при рисовании от руки. Поэтому при создании кривых рекомендуется пользоваться линейкой и инструментами формы в программе, вместо того, чтобы полагаться на свою руку. Когда от черчения от руки не уйти, пользуйтесь клавишей модификатора ограничений (например, Shift в Adobe Illustrator), либо, еще лучше – используйте VectorScribe и InkScribe от Astute Graphics – данные инструменты позволяют получить наилучший результат при создании кривых.



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



Углы

Самым распространенным размером для скругления углов является 2 пикселя. Для иконки размером 32х32 пикселя такое значение радиуса дает хорошо видимое скругление, и при этом не слишком «смягчает» углы (что приводит к «размытому» виду). Размер радиуса закругления зависит от характера, который вы хотите предать своему дизайну. Решение о том, использовать ли закругленные углы, основывается на анализе эстетической привлекательности всего набора.



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



Уже просматривается основная идея нового дизайна: скругленные углы и плавные кривые.

Оптимизация пикселей

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

Как уже упоминалось, идеальным является угол 45° (безусловно, после прямых линий), потому что пиксели располагаются относительно друг друга строго по диагонали. То же самое можно сказать об углах и кривых: чем математически более точно они выполнены, тем лучший результат вы получите при сглаживании. Здесь стоит отметить, что оптимизация пикселей не дает ощутимого результата для больших размеров и для дисплеев высокого разрешения, таких как Retina.

Толщина линий

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



Последовательно используйте разные элементы и не смещайте акценты в пределах одной серии иконок

Об этом аспекте дизайна иконок Хеммо де Йонг (Dutch Icon) произнес целую речь на конференции Icon Salon 2015. Хеммо со своим партнером уже два года занимаются разработкой значков для датского правительства, и их фирменным стилем стало использование метки в виде прореза. Прорез присутствует не на всех иконках, но на большинстве из них. Подобный акцент, примененный ко всей серии, связывает иконки вместе и способствует их узнаваемости среди тысяч других.



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



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



Умеренное использование деталей и декоративных

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



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

Сделайте иконку уникальной

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



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

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



Заключение

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

Взято с: Поэтапное руководство по созданию иконок

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

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

«Небезопасные» шрифты и как ими пользоваться

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

- Arial
- Courier
- Georgia
- Helvetica
- Lucida Sans
- Tahoma
- Times New Roman
- Trebuchet MS
- Verdana

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

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

Во-вторых, выйти за границы «веб-безопасности» можно, набирая текст нестандартными шрифтами. Одним из популярных способов является использование веб-шрифтов, которые скачиваются при открытии сообщения, например, с сервиса Google web fonts. Формирование «шрифтовых CSS стеков» позволяет устройству переключиться на более распространенный альтернативный шрифт.

А теперь давайте вернемся к проектированию электронных писем и типографике. Правильно подобрать шрифт для кампании email-маркетинга вам помогут 3 совета.

Совет №1: Выберите правильный шрифт для основного текста письма

В прошлом году на сайте компании Bloomberg была опубликована статья под названием «Шрифт ваших писем портит вам жизнь», автор которой пришел к выводу, что такие шрифты, как Arial и Helvetica не слишком подходят для чтения писем на ходу [мы уже переводили этот материал в нашем блоге – его можно прочитать здесь – прим. перев.]. Почему? Потому что формы некоторых букв – таких, как p, b, q, d – слишком схожи между собой, и читателю трудно их различить. «Вам следует использовать шрифт, в котором буквы не сливаются друг с другом», – дал совет профессор шрифтового дизайна Джерри Леонидас (Gerry Leonidas). Засечки, характерные для шрифтов семейства serif, придают каждой букве уникальность. Напоминаем, как выглядят буквы с засечками и без них:



Какие шрифты рекомендуется использовать при верстке электронных писем в качестве альтернативы для Arial и Helvetica? Georgia или Verdana. «Что касается электронных писем, мы обычно просматриваем пару абзацев», – говорится в статье. – Широкое расстояние между буквами значительно ускоряет чтение… А серифы помогают различить буквы между собой».

В своем почтовом ящике мы нашли несколько хороших примеров использования шрифтов с засечками. Глобальная образовательная компания General Assembly, как правило, использует шрифт Georgia для основного текста письма:



Британская компания Dunhill, специализирующаяся на производстве мужских товаров класса люкс, также отдает предпочтение Georgia:



И кулинарный сайт The Kitchn делает выбор в пользу шрифта Georgia:



Но мы также обнаружили множество писем, в которых были использованы шрифты семейства sans serifs. Чаще всего шрифты без засечек выбирают для небольших блоков текста (1 или 2 строки) или крупных заголовков, как в этом письме от сайта Canopy:



Американский бренд спортивной одежды премиум-класса Lululemon также отдает предпочтение шрифту без засечек:



Выводы

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

Совет №2: Выделите заголовок с помощью комбинирования шрифтов или изменения стиля шрифта

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

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

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

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

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

Разница шрифтов заголовка и основного текста письма создает приятный визуальный контраст. «Самым популярным принципом комбинирования шрифтов является сочетание рубленого шрифта для заголовка и шрифта с засечками для основного текста, – сообщается в Smashing Magazine. – Пользуясь этой классической комбинацией, почти невозможно ошибиться». Секрет заключается в том, чтобы не сочетать шрифты, которые отличаются множеством уникальных характеристик. Это может привести к нежелательному конфликту в типографике. Как правило, «веб-безопасные» шрифты не слишком витиеватые, поэтому вы можете с лёгкостью комбинировать практически любой шрифт семейства serif с рубленным шрифтом.
К «веб-безопасным» шрифтам с засечками относятся:

Courier
Georgia
Times New Roman

К «веб-безопасным» шрифтам без засечек относятся:

Arial
Helvetica
Lucida Sans
Tahoma
Trebuchet
Verdana

Даже при комбинировании разных шрифтов, размер шрифта заголовка все равно должен превышать размер шрифта основного текста минимум в два раза (он может также отличаться по цвету или насыщенности). Вышеупомянутый email от General Assembly – отличный пример сочетания шрифта Arial в заголовке и Georgia в основном тексте письма.

в) Наберите заголовок нестандартным шрифтом и вставьте его в письмо в виде картинки.

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



Выводы

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

Правило №3: Правильно оформляйте ссылки

Одно из преимуществ добавления изображений в email состоит в том, что все они могут быть привязаны к посадочным страницам. Таким образом, переходя по ссылкам в письме, читатели могут получить дополнительную информацию или совершить покупку. Компании, которые предпочитают использовать в письмах шрифты вместо изображений, могут улучшить навигацию, применив технологию «умного связывания» (smart linking). Не обязательно подчеркивать ссылки или делать их голубыми! Вы можете «перекрасить» гиперссылки в цвет вашего бренда, а можете не подчеркивать их или вообще никак не выделять.

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



Вывод

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

В заключение: Лучшие практические приёмы

1. Для основного текста письма выбирайте «веб-безопасный» шрифт. Если в письме много текста, попробуйте использовать шрифт с засечками.
2. Для заголовка используйте шрифт без засечек. Размер шрифта заголовка должен превышать размер шрифта основного текста.
3. Увеличьте эффективность ссылок, привязывая к письму как можно больше информации, не нарушая при этом дизайн.

Взято с: 3 совета по правильному использованию шрифтов в электронных письмах

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

Ю. Гордон. Книга про буквы от Аа до Яя



Вот уже более трёхсот лет профессионалы ищут варианты гармоничного начертания букв русского алфавита (кириллицы). В их числе — и Юрий Гордон. Книга Гордона — это обширное исследование нашей азбуки. Автор, профессиональный шрифтовик, дизайнер и иллюстратор, задаётся вопросом, что же такое кириллица и почему она выглядит именно так.

Книга Гордона — менее всего книга «по истории». Историческим примерам посвящена едва ли не пятая часть работы. Скорее это — живое и наглядное пособие для вдумчивых шрифтовиков, оформителей и дизайнеров: о технике исполнения букв, о производстве шрифтов. Каждому знаку кириллического алфавита посвящён свой раздел. Также стоит отметить богатые иллюстрации книги.

Задача любого шрифтовика — выработать идеальный по красоте и по читаемости шрифт. И именно её помогает решить Юрий Гордон.

Р. Брингхёрст. Основы стиля в типографике



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

Автор доступно и профессионально, последовательно и логично ведёт читателя по извилистым тропам шрифтового искусства: литера — слово — строка — абзац — полоса. Автор рассуждает о ритме и пропорции, гармонии и контрапункте, о формах и способах структурирования, о неалфавитных знаках и о многом другом.

Книга великолепно издана, она сама — наглядное воплощение принципов, о которых рассуждает Брингхёрст. И при этом в ней нет ничего лишнего: только нужная информация, поданная максимально художественно. Это не справочник, это именно — Текст, Книга с большой буквы.

Я. Чихольд. Облик книги



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

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

«Облик книги», как и большинство работ Чихольда, будет интересна не только профессионалам, но и широкому кругу читателей — всем людям, любящим книгу.

Я. Чихольд. Новая типографика. Руководство для современного дизайнера



Книга впервые издана в Германии в 1928 году. В максимально новаторском для своего времени исследовании автор анализирует теорию социального критицизма и истории искусств, а также рассуждает, например, о возрастающей важности фотографии в графическом дизайне. Теоретический блок помогает понять основы типографики и связать её с другими видами искусства (архитектурой и пр.). А вот в практическом блоке автор с поистине немецкой скрупулёзностью предлагает правила оформления печатных материалов и практические указания по вёрстке деловых документов.

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

Д. Феличи. Типографика: шрифт, вёрстка, дизайн



Книга Джеймса Феличи целиком и полностью посвящена типографике: искусству оформления печатной продукции с помощью набора и вёрстки. Это база, основа, библия — назовите как хотите. Без книги Феличи в типографике делать попросту нечего.

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

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

Э. Шпикерман. О шрифте



Представлять профессиональному сообществу Эрика Шпикермана — неблагодарное дело: слишком известен. Его универсальная книга, изданная на русском языке в 2005 году, называется скромно и просто — «О шрифте» — и до сих пор остаётся неувядающей классикой. Автор рассуждает о новых шрифтовых технологиях, о современных шрифтах (обращая внимание на веб-типографику и компьютерные шрифты).

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

В. Г. Кричевский. Типографика в терминах и образах. Том 1 и том 2



В 2000 году эта работа искусствоведа и дизайнера Владимира Кричевского победила на конкурсе «Лучшие издания XIII ММКЯ» в номинации «Книга года». «Типографика в терминах и образах» — без преувеличения, одна из важнейших книг для шрифтовиков и дизайнеров. Это странное и прекрасное издание перевернёт ваши представления о пособии по типографике.

Двухтомный труд по искусству оформления текстов средствами набора выглядит очень оригинально. Первый том — справочное пособие из 158 статей, расположенных в алфавитном порядке. По очереди вы узнаете всё об абзаце, афише, бланке, буклете… Причём «всё» значит действительно всё! Спокойно и неэмоционально, логично и продуманно, обращая равное внимание на основы и детали, Кричевский рассказывает обо всех русских типографических терминах. Удивившись, что в книге по дизайну нет «картинок» (совсем нет!), вы отправитесь ко второму тому. А там… нет текста! Только картинки, которые иллюстрируют понятия из первого тома. Подробная и разветвлённая система отсылок поможет вам представить типографику во всём многообразии её проявлений.

А. Королькова. Живая типографика



Книга Александры Корольковой увидела свет в 2007 году и с тех пор пережила уже пять изданий. Популярная, востребованная, важная и интересная книга — «студенческая». И по тону изложения, и по замыслу автора, и по способу написания (как результат преподавательской работы школы графического дизайна). Живой, динамичный язык упрощает понимание типографических понятий (но вовсе не сами понятия!). Работа не претендует на звание «лучшей», «библии», «исследовательского труда» — вовсе нет. Это живой и яркий учебник, возможно, первая ступень для знакомства с типографикой. Несомненный плюс: книга полностью построена на русском материале, обращается к кириллическому шрифту. Примеры из переводных книг именитых типографов, к сожалению, зачастую неприменимы для «русской почвы».

Для студентов и начинающих дизайнеров «Живая типографика» — отличный выбор: она не отпугнёт от серьёзного предмета, введёт в круг основных понятий и терминов. И сделает это действительно живо и увлекательно.

Л. Проненко. Каллиграфия для всех



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

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

Э. Рудер. Типографика. Руководство по оформлению



«Типографика» швейцарца Эмиля Рудера — это классика, база, «маст рид». Книга, без знания которой существовать в современном типографском сообществе просто недопустимо. Работа издана более полувека назад, но по-прежнему не теряет актуальности. Секрет, видимо, в том, как гармонично Рудеру удалось связать теорию с практикой. Автор, рассуждая о двуединой природе типографики (техническая и эстетическая стороны), говорит: нет такого шрифтовика, который не был бы дизайнером. Уникальность книге придают эксперименты и примеры шрифтов самого автора: это — искусство дизайна, а не ремесло, это — высший образец, к которому нужно стремиться. Наглядные примеры высочайшего качества позволяют понять «сухую теорию».

Бренд «швейцарская типографика» — заслуга исключительно Рудера. В сфере типографики он действительно — «наше всё».

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

Взято с: Книги о типографике: все, что вам нужно знать об искусстве шрифтов

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

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

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

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

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



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

- Антиква — шрифты с засечками.
- Гротеск, соответственно, — шрифт без засечек.

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



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

Кегль — высота буквы, включающая в себя нижние и верхние выносные элементы. Измеряется в типографских пунктах (обозначается как pt). Например, текст набранный 14 кеглем, будет равен 14 pt по высоте.



Интерлиньяж — межстрочный интервал. Расстояние между базовыми линиями соседних строк.



Кернинг — расстояние между буквами. Основная суть кернинга — подбор различных интервалов между различными парами конкретных букв для увеличения удобочитаемости.

Есть замечательная игра-тренажер — Kern Type. Просто расставьте все буквы по местам. На самом деле это не так-то просто. Процесс достаточно сложен и требует отличного глазомера. Особенно этот опыт будет полезен при создании логотипов.

Что мы делаем не так?



Используем большое количество шрифтов

Желательно использовать не более 3-х начертаний. Это могут быть шрифты как одной гарнитуры, так и разных. Например, гарнитура Roboto содержит довольно большое количество различных начертаний. Из них легко можно выбрать три, которые, как мы считаем, подойдут для нашего сайта. Допустим, это будут Light, Regular и Bold. Для заголовков можно использовать шрифт Bold или Light, для кнопок Bold, для основного текста Regular. Таким образом, используя одну гарнитуру, мы обеспечили наш сайт правильной типографикой. Естественно, все зависит от тематики сайта и идеи, которую вы планируете заложить в дизайн. Мой пример относится к универсальным и не претендует на что-то уникальное или неординарное.

Не знаем какого размера должен быть шрифт

Размер текста в вебе не должен быть меньше 12 пикселей. Лучший выбор — в пределах 14–18 px для основного текста. Не слишком большой и в то же время удобочитаемый. Причем, если уж мы выбрали размер 16 px, он должен оставаться 16 px на всех страницах сайта и не скакать плюс-минус 1 px от блока к блоку. Относится это и к интерлиньяжу, он везде должен быть одинаков.

Размер шрифтов надо указывать целыми числами, не используя десятичныхдробей, например 16,28 px. И, конечно же, в фотошопе необходимо перевести pt в px. Для этого выбираете в меню: Редактирование — Установки — Основные. Далее — Единицы измерения и линейки. Меняете в выпадающих меню «Текст», «Линейки» пункты на пиксели. Жмете «OK».

Длина строки — разве это важно?

Длина строки не должна превышать 600 px. Это оптимальный размер для комфортного перемещения взгляда с одной строчки на другую. Очень широкую контентную часть тяжело читать — часто просто теряешь ту строчку, на которую собирался перейти после прочтения длинной предыдущей строки. Если все-таки необходимо растянуть текстовый блок на 1000 px и более по ширине, можно попробовать разбить текст на две или более колонок. Другой вариант — сделать межстрочное расстояние чуть больше обычного, чтобы визуально сильнее отделить строки друг от друга. Не забывайте разделять текст абзацами, это также поможет сделать его легко читаемым.

Интерлиньяж соответствует размеру шрифта

Расстояние между строками практически всегда должно быть больше размера шрифта. За исключением заголовков. Чтобы достигнуть баланса между текстом и «воздухом», сделайте межстрочное расстояние примерно в полтора раза больше высоты строчных букв. Или устанавливаем интерлиньяж, равный 150% размера шрифта. Например размер текста 14 px, тогда интрерлиньяж — 21 px. 14 / 2 = 7 + 14 = 21.

Выбираем любой понравившийся шрифт

Думаю, уже всем известно, что шрифты для дизайна веб-сайтов лучше всего использовать с fonts.google.com и webfont.ru, если, конечно, заказчик не предоставил вам свой шрифт.

O Lorem, lorem...

Совершенно естественно, что при разработке сайта почти никогда не используется тот контент, который там будет — зачастую, это контента ещё просто не существует. Поэтому дизайнеры (да и верстальщики тоже) используют «рыбу» — произвольный текст, который вписывается в контентные блоки. Это довольно удобно, особенно для дизайнеров, ведь теперь пресловутый «Lorem Ipsum...» можно вставить прямо из фотошопа (Меню: Текст — Вставить Lorem Ipsum). Но для русскоязычных сайтов делать это не рекомендуется — латиница не дает представления о том, как будет выглядеть текст, набранный кириллическим шрифтом. Поэтому генератор текстов вам в помощь.

Ссылки

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

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

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

Есть текстовые блоки, которые очень часто выравниваются неправильно — это выравнивание по ширине, выравнивание посередине и выравнивание по правому краю. Во всех этих случаях читать текст неудобно, и визуально он выглядит непривлекательно. Выравнивание ВСЕГДА должно быть по левому краю. Даже если очень хочется сделать его по правому краю (просто потому что вам кажется — композиционно должно быть именно так) — это неправильно Исключением может быть одно или два коротких предложения, которые, скорее всего, являются подзаголовками для основного текста.

Контраст

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

Стили

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



Хорошая типографика – это качество,
которое человек, заходя на ваш сайт,
не замечает, но чувствует.

Взято с: Типографика в вебе

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

Наклейка «Експедицiя»: усиливаем элементы



Сразу выделим проблемы, которые появятся при использовании наклейки с таким дизайном:

1. Элементы мелкие и тонкие, название меньше подстрочника
2. Наклейка почти вся белая. С расстояния метр она превратится в пятно с серыми каракулями

Быстро исправим основные проблемы: увеличим название, добавим цвет. Карабин, который мешал прочитать название, сделаем центральным элементом. Сзади подложим яркий контур гор и сделаем широкие поля, чтобы защитить наклейку от сдирания:Такая наклейка будет узнаваться лучше оригинала из-за яркого сочетания цветов и крупного текста. Проведем так называемый «squint test»:



Заодно прикинем, как наклейка будет выглядеть в жизни, когда выцветет и обдерется:



Подведем итог

Плюсы:
+ Наклейка стала выразительнее за счет акцентов и ярких цветов
+ Название стало читаться лучше и узнаваемость наклейки повысилась

Минусы:
— Пропала «наивность». Видно, что делали не дети, стало стереотипно

Pally Store: добавляем рукотворности



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

1. Слишком компьютерная надпись: руками не напишешь две одинаковые «Л»

Простой совет всем, кто хочет сделать надпись рукописным шрифтом: не поленитесь и на самом деле напишите от руки. Это будет живее, чем любой компьютерный шрифт. Напишем «Pally Store» маркером и карандашом на бумаге:



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



Подведем итог рестайлинга

Плюсы:
+ Знак стал более рукотворный, это придает ощущения уюта

Минусы:
— Рукописную надпись на дереве сложно прочитать. Если будет мелкий формат, понадобится упрощенная версия

Визитка специалиста по Excel: визуализируем идею



А что, если сделать визитку в виде самой таблицы? Прикинем:





Итог: получится классно :)

СибТрансНавигация: играем шрифтами



Этот пример иллюстрирует правило: эффекты со шрифтами не дружат (за редким исключением). Выделим основные проблемы:

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

Просто заменим пережатый Импакт на два бесплатных шрифта без эффектов:



Сравним читаемость:



Подведем итог:

+ Избавившись от эффектов, лого шагнул из девяностых в двухтысячные
+ Не зажатые буквы стали лучше читаться

— Логотип стал длиннее
— Если важна узнаваемость, нужно придумать СибТрансНавигации эмблему

Paragon: улучшаем композицию



Сергей прав — лого нуждается в доработке:

1. В текстовой части перемешаны строчные и прописные. Посмотрите внимательно: написано не PARAGON а ParaGOn.
2. Знак разваливается. Идея понятна — буквы P и G а между ними S. Но композиция не динамичная и не статичная — просто линии свалены в кучу.
3. Взаимные размеры подписи, знака и текстовой части нуждаются в доработке — нет четкого акцента и взаимной связи. Все примерно одинаковое по «массе».

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



Композиция собрана, теперь можно пофантазировать, каким бы мог быть знак. Возьмем самый графичный элемент исходного логотипа, «G» и прикинем прямо в фотошопе:



Смотрится классно, напоминает %. А можно вытянуть из первый буквы ножку для «P». Это нарушит симметрию, но сделает исходный смысл «PG» явным:



Итог:

+ Лого стал более четким и целостным за счет композиции, цветов и знака

— Пропали исходные «греческие» мотивы, знак больше не ребус из P G и S

Some people: выбираем лучший вариант



Выбираем самый перспективный вариант и делаем его более графичным:



Мы знаем, что это знак магазина, поэтому можно сделать важный шаг: придумать, как лого будет «жить». Исходя из названия «Some people», можно использовать в качестве элементов фирменного стиля разные фото людей. Возьмем бесплатные с unsplash.com:



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



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

Подведем общий итог

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

Взято с: 6 свежих примеров разбора и улучшения дизайна простыми способами

Как освежить логотип с минимальными потерями? Об этом вы узнаете из нашей подборки. Все способы научно доказаны и подкреплены реальными примерами!

1. Избавьтесь от эффектов

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



2. Упростите иллюстрацию

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



3. Добавьте интересную деталь

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



4. Переосмыслите символ

Если символ вашей компании какой-то объект, который к тому же присутствует и в названии, то не значит, что он должен быть максимально детализирован. Будьте лаконичны, люди все равно поймут, что изображено.



5. Успокойте свой логотип

Глядя на некоторые логотипы, так и хочется сказать: «Воу, воу! Полегче!» Зачем эти скачущие буквы и размашистые росчерки? Логотип ebay был знаменит цветами букв, а про verizon все помнят, что это черная надпись и красная галочка. Все это осталось при них и после редизайна.



6. Поработайте над шрифтом

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



7. Выбросьте лишнее

Если узнаваемость лого можно сохранить без участия некоторых его элементов, значит, эти элементы лишние: Starbucks не нужна надпись — достаточно русалки; все уже давно поняли, что Intel inside, а не outside. Лучше сосредоточиться на главном.



8. Расставьте акценты

Расстановка акцентов поможет сосредоточить внимание на главном и сделает из сплошной массы уверенный знак.



Взято с: 8 способов освежить логотип

В сегодняшней креативной и технической среде термины UI (user interface/пользовательский интерфейс) и UX (user experience/опыт взаимодействия) используются больше, чем когда-либо. В целом, они относятся к деталям и идеям, которые были актуальны в течение многих лет, еще до появления этих аббревиатур.

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

UI != UX

Наиболее распространенное заблуждение, с которым вы скорее всего столкнетесь на рабочем месте, встрече с заказчиком либо в списке вакансий и требований, это непреднамеренная комбинация или взаимозаменяемость данных терминов. Во многих случаях, ошибкой является ожидание, что дизайнер интерфейса по умолчанию понимает либо фокусируется на UX, лишь только потому, что его работа напрямую связана с пользователями. Факт в том, что пользовательский интерфейс (UI) не является опытом взаимодействия (UX). Возможно, путаница возникает из-за буквы «U» в обеих аббревиатурах. Более вероятно, это происходит из-за совпадения набора навыков, требующихся для обеих дисциплин. Они безусловно связаны между собой, и, на самом деле, многие дизайнеры хорошо осведомлены и компетентны в обоих.

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



Это приводит нас к UX. Но будьте внимательны! UX — это гораздо больше, чем просто конечный результат пользовательского взаимодействия. Напротив, его лучше рассматривать как «ядро» бренда. Бренд, по сути, является совокупностью опыта, которым человек владеет по отношению к компании либо организации. Опыт взаимодействия (UX) — это цель. Не только для интерфейса, но и для продукта, организации. Когда вы достигнете высокого уровня в UX, каждый желаемый или положительный эффект, который только можно вообразить, будет происходить именно оттуда. UX ориентирован на успех в целом. В действительности, не продукт является совокупностью составляющих UX, а опыт.

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

UI - это инструмент

Пользовательский интерфейс — один из самых мощных инструментов, имеющихся в нашем распоряжении для UX. Почему? Да просто интерфейс — это самый осязательный и видимый метод, посредством которого пользователи взаимодействуют с нами. UI это линия фронта. Скорее всего, это более или менее приемлемое объяснение, почему эти два термина так часто путают либо используют вместе.



Неправильное использование это риск

Общение порой вводит нас в заблуждение. Разработка точных и специализированных терминологических средств упрощает общение. Как думаете, что произойдет, если мы будем неправильно использовать термины, говорить одно, а подразумевать другое? Не конец света, конечно, но все же последствия будут… Потратится куча времени, денег, а результат вряд ли порадует. В конечном счете, все это может привести к банкротству, или выходу компании с рынка. Вывод — некорректное использование терминов несет катастрофические последствия.



Поиск подходящего дизайнера

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

Ответственность за проблему

UI или UX, это всегда дизайн. Дизайн — это решение проблемы. Когда роли четко определены и понятны всем и каждому, гораздо проще атаковать проблему, предложить решение и воплотить его. В случае с UI и UX, проблема как правило возникает, когда ответственность за оба аспекта ложится на плечи одного человека, который просто не сможет контролировать и то и другое.

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

Было бы довольно странно взвалить ответственность за все это на UI разработчика. Тоже самое касается и UX. Чтобы разработчик по праву взял на себя ответственность за проблему UX, он должен иметь возможность рекомендовать и вносить изменения, реализовывать решения проблемы и контролировать процесс. Понимание процесса зависит от возможностей и сосредоточенности дизайнера. Дело не в том, что одному дизайнеру не по силам справится с обеими областями. Речь идет об инструментах и способности решать задачи. Фактически, строитель не имея никаких материалов и инструментов — не сможет строить, как и человек без определенных навыков и знаний.



Вывод

Первым шагом к штурму любой задачи является её определение. Понимание различий между UI и UX — это ваш интеллектуальный актив с положительными последствиями.

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

Взято с: В чем отличие UI от UX? Подробный разбор часто используемых терминов

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

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

1. Не удаляйте пользовательский запрос после нажатия на кнопку «Найти»

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

2. Предоставляйте точные и релевантные результаты

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

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

3. Автозаполнение должно работать

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



4. Исправляйте опечатки

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





У Asos хорошо получается выдавать альтернативные результаты в случае опечатки и при этом не обижать пользователя. Если кто-то вводит запрос Overcoatt, они добавляют дипломатичную приписку: «Мы также включили результаты для Overcoat».

5. Показывайте, сколько страниц найдено

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



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

6. Сохраняйте историю поисковых запросов

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

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

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



История поиска полезна пользователю тем, что позволяет сэкономить время и силы при повторном поиске по тому или иному запросу.

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

7. Правильно выбирайте тип разметки

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

Для деталей — список, для изображений — сетка

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



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



Советы:

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

8. Показывайте прогресс

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

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

9. Подключите возможность сортировать и фильтровать результаты

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



Фильтры могут помочь проредить и упорядочить результаты, если в противном случае потребуется много проматывать или переходить со страницы на страницу.

Советы:

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



10. Не выдавайте «Ничего не найдено»

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



На сайте HP страница «Ничего не найдено» — по сути, тупик для пользователя. Этим она существенно отличается, например, от соответствующей страницы на сайте Amazon, где предлагаются альтернативные варианты запроса в контексте категории.

Заключение

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

Взято с: Лучшие практики для поисковой выдачи

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

Сегодня речь пойдет о том, какие триггерные рассылки отправлять для вовлечения аудитории на начальных стадиях воронки продаж, и как вернуть интерес подписчиков, если он утрачен. А также о том, какие тактики помогут потенциального клиента сделать покупателем.

Этап знакомства

На этапе подписки приветственное или welcome письмо может определить дальнейшее развитие отношений.

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

1. Спасибо за подписку

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



2. Краткое руководство пользования продуктом

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

Вот несколько советов по составлению письма-руководства:

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

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



Обратите внимание, что внизу письма также имеется раздел «Обучающие видео».

3. Письмо с предложением присоединиться в соцсетях

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

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

Компания Mudpie предлагает первыми узнавать о новинках и скидках из Instagram, Pinterest, Facebook и Twitter.



4. Письмо со скидкой

Приветственное письмо со скидкой на первый заказ повышает шансы склонить новичка к покупке. Можно также предложить бесплатную доставку первого заказа или подарок.

Пример от PetsPyjamas.



5. Просьба заполнить информацией кабинет настроек

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

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



Этап вовлечения

1. Подарок в день рождения

Компания True Citrus, прекрасные рассылки которой мы не устаем ставить в пример, на этапе, когда вы еще ничего не приобрели, отправляет письмо с такой темой: «С днем рождения! Давайте праздновать!».



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

Эта рассылка не только растопит лед с подписчиком, но и поможет собрать больше информации для сегментации.

В письме один большой призыв к действию «Отметить дату в календаре», который ведет в кабинет персонализации рассылок.



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

- Имя, фамилия;
- Почтовый индекс;
- Пол;
- Возраст;
- Откуда узнали о продукции True Citrus?
- В каком продуктовом магазине чаще всего закупаетесь?
- День рождения;
- Что желаете получать в email рассылках?

Предлагается отметить следующие пункты:

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



2. Письмо с просмотренными товарами

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

По данным компании Experian, если отправлять такое письмо повторно, процент транзакций по нему возрастает в два раза.

Вот как это делает компания Bestwatch.ru.



Этап реанимации

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

Причин перехода в «спящий режим» множество: от нерелевантности контента до потери интереса к вашему бренду. Разобраться тут поможет реактивационная кампания.

Реактивационная кампания выполняет сразу несколько задач:

— возобновить интерес к бренду;
— узнать причины потери интереса;
— выбрать релевантный контент;
— отписаться.

Какие тактики применить в реактивационном письме?

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



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

3. Предложите выбрать интересующий контент;

4. Скидка
Попробуйте слова-крючки: «скидка», «бесплатно», «купон».

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

Компания Notonthehighstreet в своем реактивационном письме предлагает скидку 10% на заказ, выбрать релевантный контент или отписаться.



Взято с: Триггерные рассылки для вовлечения: как зажечь искру

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

Эффективность email-маркетинга можно оценить с помощью базовых метрик. Вы их прекрасно знаете:

- Количество подписчиков;
- Показатель доставленных писем;
- Показатель открытых писем;
- CTR ссылок в письмах или доля переходов из письма на сайт;
- Коэффициент конверсии;
- Показатель отписок;
- Показатель отметок «спам».
- Мы часто слышим, что обычно смотрят на количество открытий и кликов в письмах. И это проблема!

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

Давайте разберём на примере

Как эти показатели могут ввести вас в заблуждение.

Представьте, что вы интернет-магазин и делаете рассылку по своим клиентам. Вы отправляете два вида письма одинаковой аудитории. Средний чек у вас 3200 руб. Какое письмо вы бы посчитали более эффективным и использовали бы далее?



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



Что скажете теперь? Похоже, что второе письмо всё-таки важнее для вашей компании. Посмотрите, оно приносит в 3 раза больше денег, чем первое!

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

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

Подумайте, как часто вы обманываетесь, глядя на классические метрики рассылок? Некоторые компании ошибаются постоянно — тратят свои деньги и время, но не получают прибыли.

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

- позвонить,
- подписаться на рассылку,
- оставить заявку,
- купить и т.д.

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

Взято с: Продающий email-маркетинг: главная метрика, о которой вы благополучно забыли

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

Так чем отличается подобный контент от «качественного»?

Как говорят о нём маркетологи и редакторы, этот контент «мёртвый». Знаете, как мёртвый язык — мало кому понятен, ещё меньше интересен. Хотя мёртвые языки исследуют учёные-лингвисты (и в этом есть смысл!), а вот «мёртвый контент» не любит читать никто.

Для начала давайте разберёмся, что такое контент?

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

А теперь — для кого он?

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

- Кто ищет информацию о вас в интернете и с какой целью?
- Какую информацию?
- Что для этого человека важно?
- Почему он вообще вдруг вспомнил о вас?

Опишите 3-5 пользователей, которых вы ожидаете на сайте, для большей наглядности подберите им фото, придумайте имена и короткие истории о тернистом пути сквозь выдачи поисковиков к вашему сайту.
Например, вы — это завод, производящий изделия из мрамора. У вас можно купить колонны, заборы, плитку, вазы, подоконники, столешницы, заказать скульптурную композицию и прочее красивое и каменное — в единственном экземпляре или оптом. Скорее всего, один из ваших клиентов — это некий Григорий Петрович, который достроил загородный дом и планирует его «облагородить». Если быть точнее, это планирует его жена. Она уже представляет, какими колоннами украсила бы гостиную. Ещё она (назовём её Еленой) любит читать книги издательства МИФ и посещать театр. У неё всегда идеальный маникюр, запасные туфли в багажнике и аккаунт в инстаграме с 5-10 тысячами подписчиков.

Можно смело продолжить это описание дальше.



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

Не расстраивайте своих клиентов

Фотография улыбающегося идеального мужчины в каске на технологичном заводском фоне и текст:

Компания РосПрофДобМрамор занимается производством изделий из натурального мрамора с 1991 года. За это время компания достигла больших успехов, а её сотрудники приобрели огромный ценный опыт в обработке мрамора. Качество производимой продукции — наша приоритетная задача. Мы изготавливаем высокопрочные конструкции на заказ — оптом и в розницу. В 2001 году компания получила диплом «Лучший мрамородобытчик» [скан диплома].

Вы уже примерно представляете, что написано дальше?

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



Здесь мы уже ушли в «джунгли» пользовательских сценариев, но всё же. Елена закрывает вкладку расстроенной, так и не найдя необходимой ей информации (а она в правой колонке, но скрывается под неочевидным «Конструкции для декора помещений» и фотографией атланта).

О чём эта история?

Контент на сайте должен удовлетворять запросам целевой аудитории

А не исключительно желаниям руководства или где-то принятым стандартам. Поэтому прежде чем заказывать (или писать тексты)

- Сегментируйте целевую аудиторию;
- Разберитесь с ожиданиями каждой группы;
- Разработайте портреты пользователей.

Когда проделана эта работа, опираясь на структуру будущего сайта, можно составить примерный список статей и фотографий/картинок.

У каждого бренда есть голос

Практически в каждом брифе веб-студии вы увидите вопросы или их вариации: «Опишите вашу компанию пятью прилагательными», «Как ваша компания позиционируется на рынке». За ними скрывается вовсе не вопрос ради вопроса, а желание разглядеть цельный образ компании. Мало знать, что вы работаете с 1991 года, гораздо важнее ваше крайне серьёзное отношение к своему и то, что ваш директор лично проверяет изготовленные подоконники, а дом менеджера по качеству окружён забором, сделанным у вас же (и проверенным директором).



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

Почему веб-студии просят предоставить контент до старта стадии дизайна?

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

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

- Сегментируйте целевую аудиторию;
- Разберитесь с ожиданиями каждой группы;
- Разработайте портреты пользователей;
- Опираясь на структуру будущего сайта, составьте список статей и фотографий/картинок;
- Разберитесь с позиционированием (найдите голос вашего бренда);
- Подготовьте контент до старта стадии дизайна;
- Отдайте материалы веб-студии.

Взято с: Качественный контент для сайта: какой он?