Рекомендаций от разработчиков DST по построению навигации сайта

Разработчики Веб-студии DST Global (dstglobal.ru) дают основные рекомендации в построении навигации сайта. Все, что на сайте является ссылкой, относится к элементу навигации. Ссылки, ведущие на страницы в пределах одного сайта являются ссылками внутренней навигации. Их можно группировать, именовать, стилизовать, и все ради одной цели — обеспечить комфортное пребывание посетителя на сайте. Навигационные элементы бывают примитивными, а также самыми изощренными, так что никаких пределов нет, однако, есть рекомендации, которые помогут придерживаться золотой середины.

Не изобретайте квадратных колес

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

Думайте о ссылочной структуре сайта

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

Нередко для таких подразделов (catalog/tables) используют навигацию с выпадающим меню, особенно если на них направлен высокий трафик. Если ссылки подразделов ведут на страницы с дополнительной информацией (about/team и др.), их можно поместить в подвал сайта, особенно когда основное меню перегружено стратегически более важными ссылками.

Позвольте в любой момент перейти на главную страницу

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

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

Не дайте посетителю заблудиться

В некоторых сказках, заходя в лес, герои разбрасывали хлебные крошки; ориентируясь по ним, они могли вернуться той же дорогой. В сайтостроении с успехом используется навигация, которая так и называется — «Хлебные крошки».

Это небольшая панель, отображающая иерархическую структуру ссылок. Она помогает посетителю понять, в каком разделе или подразделе сайта он находится. Ее целесообразно использовать, если корневая директория включает два и более сегментов (site.ru/catalog/tables/computers/...).

Многие сайты одновременно содержат разделы, включающие несколько подразделов, и разделы, не включающие ни одного подраздела. В первом случае имеет смысл устанавливать «Хлебные крошки», во втором — нет. Это значит, что отсутствие этой навигации на отдельных страницах не должно нарушать общий стиль.

Помните о точке отсчета

Поисковая система (ПС) сканирует сайт, начиная с главной страницы. Она вносит в свою базу все дочерние ссылки, указанные на главной странице, после чего аналогичным образом обращается и к ним. Так ПС распознает структуру сайта.

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

Все дороги ведут в Рим

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

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

Рекомендаций от разработчиков DST по построению навигации сайта
Получить консультацию у специалистов DST
Напишите нам прямо сейчас, наши специалисты расскажут об услугах и ответят на все ваши вопросы.
Комментарии
RSS
13:19
+2

Когда обращались в ДСТ Глобал не поняли почему UI специалисты это не дизайнеры и в чем разница, сейчас после года работы с этой студией поняли что это совершенно отдельный вид и проф направленность и что UI имеет огромное значение, особенно для корпоративного сайта. Большое спасибо что вывели сайт нашей компании на новый уровень качества.

09:34
+2

UI, UX или дизайнер — запутаться можно в этих понятиях. Я не стал искать различие и разницу, а сразу обратился в ДСТ за сайтом. Сделали все как надо, подсказали лучший вариант продвижения, все в одном месте и еще рассказали как пользоваться. Мне все понравилось.

02:00
+1
Сложная навигация. Множественные переходы и длинные скроллы до целевого действия повышают вероятность, что клиент уйдет.

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

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

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

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

Избыточный дизайн. Используйте два шрифта: один акцидентный для заголовков и второй — легко читаемый, для основного текста. Опирайтесь на правило «60:30:10», где 60% — это основной цвет, 30% — дополнительный, а 10% — акцентный.
Вам может быть интересно
Интерфейс — инструмент, позволяющий взаимодействовать двум системам друг с другом. Фактически это договор и набор правил, по которым будет проходит сопряжение. Разработчики компании DST Global р...
Эффективный интерфейс пользователя объединяет в себе две составляющие: приятный ...
Если UХ — это скелет будущего сайта (User eX...
Юзабилити сайта – показатель, влияющий на конверси...
Термин «юзабилити» довольно быстро вошел в повседн...
Ошибка №1: нестандартный стиль навигации сайтаДа, ...
Дизайнер должен досконально знать материалы, с кот...
Напомним, юзабилити это удобство в использовании. ...
Юзабилити сайта – это наиболее важный критерий эф...
Юзабилити: реальное увеличение эффективности Вашег...

Новые комментарии

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

Заявка на услуги DST

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

Адрес

Ижевск, ул. Воткинское шоссе, д. 170 Е, Технопарк Нобель, офис 1117

8 495 1985800
Заказать звонок

Режим работы: Пн-Пт 10:00-19:00

info@dstglobal.ru

Задать вопрос по почте

Укажите ваше имя
Укажите ваше email
Укажите ваше телефон