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

Первый на очереди — сервис бронирования номеров в отелях всего мира Booking.com. Если вы увлекаетесь путешествиями, то наверняка с ним знакомы. На сайт компании ежедневно заходят 11 000 000 уникальных посетителей. Из них 700 000 человек совершают целевое действие.

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

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

Главная страница

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

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

«Что это за предложения для участников? Надо зарегистрироваться и посмотреть!» Примерно так мыслит новичок, а сервис легко и непринужденно собирает клиентскую базу.

«Плюшки» за регистрацию:

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

Востребованность услуг видна по ленте «Только что забронировано ». Она обновляется каждые 3 секунды:

Удобная навигация при поиске

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

Работа с возражениями

Ненавязчиво и убедительно, прямо под поисковой формой. Большинство пользователей задает 2 вопроса:

  • Как отменить бронь?
  • Как быстро подтверждается бронирование (не перехватит ли кто-нибудь мой номер)?

В любом бизнесе у целевой аудитории есть 2-3 «горячих» вопроса-сомнения. Ответить на них четко и ясно — означает повысить отклик.

Выгоды и преимущества

Традиционный список буллетов с преимуществами также убедительно говорит о главных фишках Booking.com:

Резюме: выгодно, удобно, надежно. Именно по этим 3 факторам мы принимаем решение в пользу того или иного ресурса.

Социальные доказательства

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

Во-первых, высокий рейтинг гостиницы (4 из 5 звезд). И не по решению администрации, а на основании отзывов. Далее вы видите еще один «крючок»: оценка «Потрясающе» по 66 отзывам. Кстати, внутри карточки отеля они представлены более развернуто. Наконец, информация о том, что остался последний номер и кто-то одновременно с вами его просматривает, невольно вызывает «хватательный» рефлекс.

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

Что можно и нужно использовать из опыта Booking.com:

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

Высоких вам продаж!

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

Программа навигации: что это, функционал и возможности современных систем

Что такое программа навигации? Это программное обеспечение (ПО) GPS-навигатора. Обычно на навигаторе стоит операционная система закрытого типа (у пользователя нет возможности вносить изменения в программу). При запуске навигатора навигационная программа загружается автоматически. Многие известные фирмы предусмотрели установку двух программ одновременно на одно устройство.

Существуют в продаже навигаторы без приложения для навигации.

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

Популярное ПО для навигаторов

Легальные навигаторы изначально снабжены программным приложением для операционной системы и картами РФ и некоторых стран СНГ. Популярными приложениями считаются «Навител» и «Сити Гид». Приемники Shturmann и другие навигаторы могут работать с программой iGo или «Прогород». Ознакомьтесь с рейтингом навигационных программ:

Навител – предоставляет наибольшее число населенных пунктов и дорог РФ.

CityGuide – детально отображает дороги крупных городов России, приложение способно следить за перемещением пользователя программы.

– отлично подходит для мегаполисов. В программу заложена возможность проложить маршрут через дворы. Имеется хорошая визуализация сложных развязок!

Shturmann лучший навигатор для города Москвы, но для территории России – это слабоватый выбор. Его преимущество – это наличие дополнительных услуг.

Google Карты и Яндекс карты – это прекрасные бесплатные приложения, но для их бесперебойной работы нужен постоянный интернет.

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

На российском рынке лидирует среди продаж навигаторов фирма Shturmann. Производитель создал свою программу Shturmann: материалы о загрузке дорог (более 2 млн. км дорог РФ, свыше 350 тыс. км дорог Украины, Белоруссии, Молдовы, Азербайджана, 45 государств Европы), карты, более 600 городов РФ. Над программным обеспечением работала группа профессионалов: студия Артемия Лебедева, компания «Яндекс.Пробки», фирма Navteq.

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

Программа работает с системой Windows CE и Android 2.1 и выше. В функционал программы входит:

«Яндекс.Пробки» показывает пробки на участках дорог.

«Цены на бензин» предоставляет возможность узнать цену топлива на ближайших АЗС.

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

«POI-навигация» содержит информацию о 3 млн. нанесенных на карту объектах РФ (заправки, банки, отели и т.д.).

«РосЯма» дает справку о колдобинах на трассе.

«Камеры на дорогах» заблаговременно проинформирует о приближении к радару.

«Карта парковок» подскажет ближайшую стоянку.

«Гид по Москве» подскажет расположение московских достопримечательностей.

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

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

Вмонтированный поиск Google позволяет находить адреса, АЗС, магазины и т.д. Навигация поддерживается сервисами Google Maps и Street View. Предполагается в будущем обновить интерфейс (более крупные иконки, голосовое управление меню, поддержка мультитач-интерфейса) для использования в автомобиле.

Nokia Maps

Nokia Maps – бесплатная навигационная программа. До недавнего времени устанавливалась на финские навигаторы. Сегодня успешно работает на базе iOS или Android, способна получить доступ к картам сервиса Nokia.

Программа привлекает тем, что Nokia Maps голосом сопровождает вас по улицам и переулкам, пока вы не доедете к указанному месту. Существующее меню Map Control позволяет выбрать один из имеющихся видов отображения карты: map view, satellite view, public transport view или live traffic view.

Недостатком считается временное отсутствие голосовых подсказок для управления автомобилем (работа по усовершенствованию ведется).

С 2003 года в продаже появилась навигационная программа СитиГид, и успешно завоевывает симпатии покупателей. Карты СитиГид вмещают всю РФ.

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

Программа позволяет избежать пробок, рационально проложив маршрут движения (учитываются разные нюансы: выходные и будние дни, время суток, свободные полосы движения). Преимуществом программы City Guide является опция «Диспетчер». Это может заинтересовать службы такси или любителей групповых выездов. Функционал программы содержит:

Пробки – полная информация о пробках.

Онлайн изменения карт – подгрузка происходит автоматически.

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

Запись треков – можно записать и потом воспроизвести пройденный отрезок дороги.

Камеры на дороге – приложение сигнализирует о приближении к камерам и радарам.

3D развязки – трехмерное изображение помогает легко разобраться со сложными развязками на дороге.

Поддержка карт OpenStreetMap – дает возможность использовать пользовательские карты.

Сегодня программа СитиГид поставляется на некоторых приборах марки Texet, Explay, Oysters: TeXet TN-600BT СитиГид, TeXet TM-650 СитиГид, Oysters Bronze 2600 TV СитиГид, Explay PN-985 СитиГид.

Навител Навигатор

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

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

- более 3,5 млн. км дорог РФ;

Более 4,5 тыс. городов России с детальными схемами улиц;

Более 850 тыс. важных объектов;

Карты 8 стран СНГ и более 40 государств Европы и США.

Навител располагает многими бесплатными сервисами: пробки, предупреждения о радарах, отображает специфику нумерации домов в России, дает возможность писать сообщения – услуга «Навител.SMS».


Привлекает программа двухрежимной маршрутизацией:

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

Краткий режим – покажет вам кратчайший путь.

Навител может показывать карту в «плоском» режиме 2D и объемном 3D.

«Навител Навигатор» поддерживает:

«Навител.Пробки» – знает свежие новости о наличии заторов на дорогах.

SPEEDCAM – опция, предупреждающая о близости видеокамеры, которая фиксирует превышение скорости.

«Навител.SMS» позволяет отправить СМС.

«Навител.События» даёт шанс записать, скажем, ДТП.

«Навител.Друзья» – зарегистрированным пользователям удастся получить информацию о передвижениях друзей.

«Динамические POI» позволяет узнать цену на топливо, дает информацию о кемпингах и мотелях, расписании поездов и т.п.

«Навител.Погода» – это справка о погоде на ближайшие дни в любой точке мира.

Программа работает с операционными системами Windows CE, Android 1.5, Windows Mobile, Windows Phone, iOS, BADA, Symbian.

iGO 8

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

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

В Америке ПО Garmin лидирует по продажам из-за высокой надежности в работе. В последнее время активно завоевывает и рынок навигационных систем в России. База карт для Garmin разрабатывается фирмой Navteq. Маршрутные карты США разработаны ими в полном объеме. Достоверность информации о российских дорогах требует доработки. Несмотря на это, позиции Garmin-Navteq на российском рынке с каждым годом укрепляются.

Этому способствует привлечение российских карт от ЗАО «НАВИКОМ» (это официальный представитель Garmin в РФ), которые содержат подробные карты всех регионов, примерно 200 000 населенных пунктов, среди них более 2000 с адресным поиском, а также 750 000 точек интереса. База карт РФ обновляется каждый квартал.

ПО Garmin имеет опцию «photoReal», которая дает возможность перестраиваться в необходимую полосу движения и видеть реальные картинки развязок дорог, знаков, расположенных на пути следования. Построение маршрута (например, как объехать пробки) происходит в нескольких вариантах и отображается разными цветами. Вид и структура меню настраивается легко. Есть возможность голосового управления навигатором.

С 2009 года на рынке присутствует программа Прогород. Она считается самой детальной навигационной картой на сегодня. Заинтересует данный навигационный продукт жителей России, стран СНГ и Европы. Навигация Прогород хороша тем, что позволит видеть план сложных дорожных развязок в «реальном виде» и карты в трехмерном измерении с сохранением настоящих пропорций построек, что расширяет условия поиска. Программа Прогород работает на основе Android, iOS, BADA, Windows Mobile, Windows CE. Программа Прогород снабжена опциями:

«Пробки» – это информирование о возможных заторах.

«3D развязки» – удобная трёхмерная схема сложной развязки.

«Динамические правки» – информация о знаках, поворотах, скоростных ограничениях обновляется в режиме онлайн.

«Геоблоги» – предполагает запись на карте разных событий, в том числе ДТП.

«Дополнительная реальность» – накладывает картинку с камеры на изображение на карте.

«Полосы движения» – заранее подсказывает о перестройке в полосу движения.

«3D здания» – показывает здания в трехмерном виде.

Решение купить в 2012 году карты всех государств мира позволило картографическому сервису компании Яндекс создать базу карт, охватившую всю планету. Работа Yandex-карты должна постоянно поддерживаться интернетом (нужные кусочки карты постепенно подгружаются от удаленного сервера через интернет). Бесплатная навигация Yandex-карты работает на базе: Android, iOS, Windows Phone, Windows 8, BADA, Java, Symbian, Windows Mobile. Возможности приложения:

4 способа оформления – классическая карта, спутниковые снимки, комбинированный вид и народная карта.

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

Яндекс.Пробки – самый полный сервис, дающий информацию о заторах.

Веб-камеры – позволяет видеть картинки с веб-камер населенного пункта.

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

Панорамы – трехмерное отображение улиц городов мира.

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

Что значит «юзабилити»?

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

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

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

JavaScript. Быстрый старт

Для чего нужна эффективная навигация?

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

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

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

Какие виды навигации выбрать?

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

Основная. Сюда относятся разделы ресурса и все ссылки, ведущие на основную страницу;

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

тематическая - помогает в перемещении по заметкам и статьям одной тематики, от раздела к разделу;

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

выпадающая - ресурс имеет выпадающие элементы, такие как форма заказа или анкета.

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

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

Удобное меню - залог успеха!

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

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

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

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

для фона и текста кнопок используйте контрастные цвета;

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

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

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

группируйте схожие элементы. Размещайте по соседству похожие категории или товары;

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

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

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

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

JavaScript. Быстрый старт

Изучите основы JavaScript на практическом примере по созданию веб-приложения

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

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

Ошибка №1: нестандартный стиль

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

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

Ошибка №2: универсальные надписи пунктов меню

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

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

Согласитесь, что ваши клиенты не ищут абстрактные «Товары» или «Услуги», и навигация с такими значками не повлияет на продвижение сайта в результатах поисковой выдачи. Узнали себя? Значит, пора исправляться! Меню сайта и его структура в целом должны быть оптимизированы для поисковых систем и говорить на понятном для целевой аудитории языке. Дочитав нашу статью до конца, вы увидите, как подобную задачу решают многие компании.

Ошибка №3: выпадающее меню

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

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

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

Ошибка №4: большое количество пунктов меню

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

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

Ошибка №5: неуместное расположение пункта меню для оформления заказа

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

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

Бонусная подсказка: ссылки - forever, кнопки - никогда!

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

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

А теперь, как мы и обещали: 5 примеров навигации сайта без ошибок.

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

Как сделать современную и удобную навигацию на сайте: основные требования

Перечислим критерии качественной навигации:

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

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

Основные виды навигации сайта

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

  • Языковая – используется на сайтах, потенциальная аудитория которых мультиязычна. Пользователю предлагается выбрать наиболее удобный язык, на котором будет отображаться информация. В большинстве своем такой тип навигации внедряется на сайтах различных международных организаций. Использование языковой навигации позволяет избежать необходимости создания нескольких одинаковых сайтов с контентным наполнением на различных языках.
  • Основная – ссылки на наиболее важные разделы сайта, размещаются обычно в меню. Большинство ресурсов ограничиваются только ей, поскольку она подходит для небольших проектов в несколько десятков страниц.
  • Глобальная – это те ссылки, которые должны быть видны с любой страницы сайта, к примеру ссылки на главную страницу.
  • Рекламная навигация – к ней относятся ссылки, расположенные для привлечения клиентов на другие ресурсы или страницы с предложением услуг или продукции. Такая навигация может быть, как текстовой, так и графической, в зависимости от замысла дизайнера.
  • Тематическая – к такому типу навигации относятся ссылки на близкие по тематике разделы. К примеру, похожие публикации на новостных сайтах. Также это могут быть ссылки под одной статьей с возможностью перехода к следующей или к предыдущей. Наглядно демонстрирует пример тематической навигации фотогалереи, в большинстве из которых под каждым фото будут ссылки, по которым можно просмотреть предыдущее или следующее по порядку фото.
  • Навигация в контенте – в основном используется для внутренней перелинковки страниц сайта с целью лучшей поисковой оптимизации. Выглядит как ссылка в тексте страницы, направляющая на другой ресурс или другой раздел.
  • Указательная – показывает пользователю, в какой части сайта он находится на данный момент. Удобна для крупных порталов и сайтов с множеством разделов. Такой вид навигации позволяет пользователю легко ориентироваться в большом объеме информации.
  • Географическая – применяется в основном для крупных сайтов или туристических порталов, которым требуется наглядно указать страну, город или регион, к которому относится раздел, в котором пользователь находится. Такой вид навигации обычно компонуется со ссылками на полезные материалы о стране или туристической достопримечательности.
  • Поисковая навигация – в этом случае можно ввести интересующую информацию в поисковую строку (слово или фразу), и система найдет на сайте материалы, где встречается это буквосочетание. Некоторые порталы не ограничиваются поиском только по своей площадке, а попутно выдают пользователя информацию из поисковых систем по интересующему вопросу.

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

По типу реализации всю навигацию можно разделить на 4 вида:

  • Текстовая – ссылки на разделы сайта или на внешние ресурсы оформлены просто в виде текста.
  • Графическая – позволяет представить навигацию в более привлекательном формате. Для создания используются прорисованные элементы меню и кнопки.
  • HTML –при помощи разнообразных форм можно спрятать громоздкое меню так, чтобы оно показывалось только при наведении курсора на корневую папку. Применение такой навигации, позволяет существенно сэкономить место на странице.
  • Java и Flash технологии – такой тип меню можно сделать более интерактивным и запрограммировать определенные эффекты при наведении курсора или нажатии на ссылку. Это наиболее сложный в реализации вид, но вместе с тем наиболее эффектно выглядящий.

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

Удобная навигация сайта – одно из условий высокой конверсии

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

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


Close