Страница 7 из 8
• Чтобы цвет сайта одинаково воспринимался всеми посетителями, нужно использовать специальные цвета для web, а перед окончательным запуском дизайн стоит протестировать на разных компьютерах и в разных помещениях.
WEB-ЦВЕТА ДЛЯ САЙТА
Вашему вниманию предлагается палитра цветов, рекомендуемых для сайтов.
При создании изображения для публикации в сети главной проблемой является правильная передача цветов на разных типах компьютеров, мониторов и браузеров. Когда браузер не в состоянии правильным образом передать тот или иной цвет, он подбирает похожий или смешивает несколько соседних цветов палитры.
Иногда первоначальный цвет может быть заменен на что-то совершенно неподходящее.
Цвета из данной палитры везде будут отображаться правильным образом и без искажений. Любой из 216 цветов «безопасной» палитры может быть использован для графики, текста и фонов.
КАК ПОЛЬЗОВАТЬСЯ ПАЛИТРОЙ
Палитра состоит из 36 сочетаний 6 оттенков красного, зеленого и синего.
Над каждым цветом указаны два значения – RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML).
Таблица «безопасных» цветов
Цветовые предпочтения мужчин и женщин: любимые и нелюбимые цвета. «Дешевые» цвета.
ЗАДАНИЕ
1. Проверьте цветовую гамму вашего сайта.
2. Ответьте на вопрос: соответствуют ли цвета вашему бизнесу?
3. Если нет, выберите для вашего сайта 2-3 основных цвета.
Адаптивный сайт: стоит ли он того?
В настоящее время люди получают доступ к Интернету через большой спектр устройств с разными экранами. Это создает некоторые проблемы для сайтов, которые предназначены только для просмотра с компьютера. То есть сайт адаптирован только под одно расширение экрана и не может трансформироваться при меньшем расширении. В итоге компании теряют с каждым годом все больше своих посетителей – и новых, и старых.
Как же их сохранить?
РЕШЕНИЕ
Прямой способ достижения этой мечты – адаптивный сайт. Сайт должен подстраиваться под различные расширения экрана. Хорошо отображаться и работать на различных устройствах. Не только на компьютере, но и на Android-телефоне, IPad и т. д.
Что такое адаптивный сайт?
Адаптивный сайт – это когда каждая страница сайта изменяется в зависимости от размера экрана.
Сайт, учитывая размер экрана, может какие-то элементы дизайна переставить, скрыть; увеличить или уменьшить шрифт, изображения и т. д.
Например, на компьютере сайт может использовать 2-3 колонки, в то время как для телефона, планшета из-за ограничения малого экрана преобразуется в сайт с одной колонкой. Если какая-то часть контента не является существенной, то переносить его в мобильную версию нет смысла, дабы не захламлять столь малый экран.
Таким образом, адаптивный дизайн сделает содержимое сайта доступным для любого устройства. Сайт будет хорошо выглядеть и работать как на телефоне, планшете, так и на обычном компьютере.
Нужно учитывать важный момент: если на компьютере посетитель взаимодействует с сайтом с помощью мыши, то в тел ефонах, планшетах используется сенсорный экран, взаимодействие с помощью пальцев. Это заставляет ставить ссылки, кнопки и другие элементы на определенном расстоянии друг от друга, чтобы пользователь не нажимал их случайно. В итоге структура сайта, меню, навигация и другие элементы должны быть полностью переосмыслены.
Есть ли смысл переходить на адаптивный сайт или все оставить так, как есть?
• Мобильный трафик с каждым годом растет, становясь приоритетнее для быстрого поиска информации. Количество посетителей, просматривающих сайт через мобильные устройства, неуклонно увеличивается.
• Поисковые системы Яндекс и Google изменили алгоритм ранжирования в пользу адаптивных сайтов. Именно такие сайты быстрее продвигаются в top по запросам.
Да, переход на адаптивный дизайн стоит того. Этот путь экономически эффективен. Игнорирование этого может стоить бизнесу слишком дорого.
Адаптивный сайт – это будущее, а ставки на будущее – вряд ли плохая идея. Согласны?
ЗАДАНИЕ
1. Если у вас до сих пор нет адаптивного сайта, то пора его сделать.
Правильная «карусель» на главной странице
«Карусели» (от англ. carousel, также «слайдер», «слайд-шоу») на сайтах очень популярны, особенно на главной странице. Но неправильно оформленная «Карусель» может только все испортить, а не помочь. Например, быстрое мелькание баннеров раздражает и вызывает желание быстрее покинуть сайт. Как же сделать так, чтобы вызывать интерес, а не гнев посетителей?
РЕШЕНИЕ
Рассмотрим основные моменты при проектировании слайдеров.
Все баннеры должны быть составлены по принципу ОДП:
«О», или оффер. Конкретное предложение для вашего клиента. Какую выгоду, пользу несет ваш продукт.
«Д», или дедлайн. Ограничение вашей акции (по времени, по количеству или по цене).
«П», или призыв к действию (купить, подробнее и т. д.).
Хороший баннер содержит столько информации, сколько достаточно для клика.
Рассмотрим поподробнее 3 варианта дедлайна:
1. ОГРАНИЧЕНИЕ ПО ВРЕМЕНИ
Часто используемый вариант – ограничение спецпредложения. Суть в том, что вы предлагаете «вкусное» условие, которое действует до такого-то числа. А еще лучше, если акция действует 24 часа или 3-4 дня. Чем меньше времени у посетителей на раздумья, тем выше отклик на ваше предложение.
2. ИЗМЕНЕНИЕ ЦЕНЫ
Продемонстрируйте, сколько времени осталось, чтобы купить товар или услугу по выгодной цене. Дайте посетителю понять, что через N дней цена на товар изменится, и укажите, сколько он вынужден будет переплатить, если не купит товар сейчас.
3. ОГРАНИЧЕНИЕ ПО КОЛИЧЕСТВУ
Нужно показать клиенту, что товар заканчивается. Например: «Осталось всего 17 экземпляров». Для большего эффекта укажите, что 5 из 17 уже забронированы. Все это вынуждает покупателя поторопиться с решением.
Ниже приведены примеры правильно созданных продающих баннеров. Все баннеры созданы в нашей компании. При желании можете обратиться к нам за услугой.
2-3 БАННЕРА В СЛАЙДЕРЕ