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

задача: Попасть на веб-сайт

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

Инструменты:

• переход из поисковой системы;
• имя сайта;
• ссылка на внутреннюю страницу;
• QR code.

Хотите убедиться, что ваш web сайт носит удачное название? Попробуйте своему другу / коллеге / родственнику продиктовать его по телефону.
Ссылки на ваш веб ресурс можно встретить на рекламных плакатах, в метро, в прессе, где угодно. Все эти случаи объединяет одно: если пользователь не сможет воспроизвести увиденное/услышанное – вы потеряли клиента.

Социальной сети Одноклассники пришлось занять помимо основного, также имя с одной буквой «с», – “Однокласники”. Несмотря на то, что все их пользователи учились в школе, некоторые окзались не в состоянии написать это слово граммотно.

Если друг или коллега присылает вам сслыку вида www.webcreator.ws/pages/services.html, то по ней, скорее всего, можно понять, что это страница с описаниям услуг веб студии. И это уже хорошо. Потому что когда вам присылают нечто вида http://lite-mobile.ru/index.php page=shop.product_details&flypage=shop.flypage&product_id=748&category_id– страшно просто туда заглядывать.

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

Помимо этого у QR code есть интересная особенность – по его виду непонятно, что за ним кроется. И многие, у кого установлен QR scanner, считывают код просто из любопытства. Чем не дополнительная реклама?

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

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

Инструменты:

• логотип (по совместительству быстрый переход «домой»);
• заголовок страницы;
• выделение текущего пункта меню (каталога);
• хлебные крошки.

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

За то, как будет выглядеть ваш новый web сайт среди соседей по вкладкам (или закладкам) браузера, ответственны Favicon вместе с Title.

задача: Попасть в личное пространство

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

Инструменты:

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

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

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

задача: Получить актуальную информацию

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

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

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

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

Инструменты:

• выбор региона;
• уточнение деталей, подсказки;
• фильтры.

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

задача: Найти что-то конкретное

Это одна из самых важных навигационных задач. Казалось бы – нет ничего проще, чем спросить у пользователя, чего он хочет и дать то, что нужно. В идеале нужен вышколенный консультант:
— Чем я могу вам помочь?
— Мне бы семеновский ржаной с отрубями.
— Минуточку, милейший!

На практике чаще всего имеем следующие инструменты:

• поиск;
• рубрикатор

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

При разработке веб сайта важно помнить о следующем:

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

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

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

Инструменты:

• анонсы категорий (дашборды);
• меню (табы);
• галереи, списки, иные способы представления информации.

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

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

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

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

задача: Найти вас в реальном мире

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

Инструменты:

• контакты, адреса;
• карты и ссылки на них.

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

Если размещаете физические адреса:

• снабдите их картой;
• опишите путь для автомобилистов;
• опишите как добраться пешком, на общественном транспорте.

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

Взято с http://habrahabr.ru/post/140259/