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