Что такое нестандартная навигация, или зачем дизайнеры это делают?

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

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

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

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

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

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

Итак, использование нестандартной навигации может иметь следующие преимущества.

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

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

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

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

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



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

Интересный ассоциативный ряд создала компания taptaptap: на их сайте taptaptap.com навигационное меню и впрямь в виде меню:

Сайт картографа-любителя стилистически соответствует увлечению его обладателя:

Нестандартное навигационное меню и тематические иллюстрации создают правильный ассоциативный ряд, связанный с видом деятельности компании. В этом hand-made ателье все подчинено одной стилистической основе:

Тематически иллюстрированные кнопки меню создали хорошо понимаемую и нестандартную навигацию этого сайта:

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

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

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


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

Leoburnett.ca: Стильная система навигации на flash, несомненно, привлекает внимание. Недостаток навигационного меню: рассеивание внимания, сложность использования.



Сайт японской телекоммуникационной компании «KDDI». Нужно постараться, чтобы понять, что можно делать на этом сайте. Я просто смотрела на красивый flash.
Также на сайте есть аудиопроигрыватель, который очень быстро вызывает желание его отключить:

Аналогичная ситуация с навигацией cайта молочной компании:

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

5. Законы композиции.
Не перегружайте навигацию графическими элементами, грамотно проставляйте цветовые акценты, помните о законах чтения и основах композиции.

Приоритет распределения внимания при просмотре страницы таков:



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

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


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

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


На сайте не только четкое меню, но и правильный баланс формы и цвета:

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