О навигации или как объять необъятное
Не секрет, что навигация - это один из важнейших элементов любого сайта. Очень важно, чтобы перемещения по ресурсу не превращались в разгадывание загадок и ребусов, точно вам говорю, посетитель не будет рад такому обороту дел. Сейчас я попробую изложить несколько заповедей, постулатов, законов, правил успешной навигации - называйте как хотите, но только постарайтесь их применять на практике! И будет вам счастье.
1. Не усложняй!
Простое правило - чем проще, тем лучше. Не стоит пытаться выдумать нечто сверхновое. Понятно, что дизайнерские изыски всегда в моде, но лично мое мнение, что навигационная панель - это не полигон для деятельности дизайнера. Все что угодно: оформление, цвет, шрифт, но с навигацией - очень аккуратно! Я часто вижу сайты на которых пункты в меню называются отличными от общепринятых терминами. Например, я не очень люблю когда вместо "чат" в навигации написано "болталка". Хорошо еще, когда автор понимает, что "to chat" - переводиться как глагол "болтать", но ведь часто случается, что под таким названием скрывается, например, форум… Еще интереснее, если на сайте есть и чат, и форум, в таком случае вообще стразу не понятно что есть что.
Также недопустима ситуация когда на одной странице один пункт имеет одно название, а на другой - другое. Это очень дезориентирует посетителя.
2. Не прячь!
Вторая тенденция у начинающих сайтостроителей - маскировка или помещение навигации где-то на задворках. Зачем? Дайте возможность пользователю с первого взгляда понять, как же управлять этим сайтом! Просто располагайте панель там, где она будет сразу заметна и легкодоступная. Хорошим тоном считается дублирование ссылок внизу длинных страниц, чтобы посетитель мог без препятствий перейти к другому разделу.
3. Правило 7 +/- 3
По данным всевозможных исследований выявлено, что среднестатистический человек нормально воспринимает не более 7 одноранговых раздела. Плюс-минус три. Я конечно понимаю, что мы тут все люди умные и способные, да и посетители наши, конечно, самые лучшие, а не какие-то среднестатистические, но поверьте, больше десяти разделов будут рябить, а двадцать превратятся в совершенную кашу.
Поэтому, когда организуете раздел статей, постарайтесь не разбивать его более чем на 10 подразделов. Если никак не получается, создайте лучше подуровни. Однако, важно не нарушить другое правило...
4. Не углубляйся!
Психологи считают самым комфортным двухуровневое меню. Максимально допустимое число уровней - три. Даже четвертый уровень вызывает раздражение, что, впрочем, понятно - щелкаешь, щелкаешь, а конца все не видно! Иначе говоря, старайтесь придерживаться схемы, не "глубже", чем "Главная -> раздел -> подраздел -> статья"
Создание большего числа уровней - преступление перед пользователем. Чем больше уровней, тем интереснее вопрос "А если ему понадобиться отсюда вот туда перейти?"… Отсюда вытекает ещё одно правило...
5. Три клика
Формулировка: "Любая страница сайта должна быть доступна с трех кликов с любой страницы"
Практикум
Итак, теория, я надеюсь, усвоена. Теперь попробуем подумать над чисто практической задачей.
Задача: Есть 3000 статей, необходимо их удобно организовать.
Естественно, статьи на несколько разных тем. Первая идея, которая приходит в голову - это разбить весь материал разделов на 15, уровней по пять в каждом. В таком случае, в каждом конечном разделе получается по 5-10 четко систематизированных статей. Казалось бы удобно, но на самом деле до этого материала будет просто не добраться без гида. Каждый следующий подраздел все дальше уводит юзера в дебри сайта, лишь отдаляя от цели.
Что делать?
Для такого количества материала оптимальнее всего использовать структуру типа "библиотека": 7-10 основных тем, в каждой 5-7 подтем, в каждой 40-50 статей. А это 50 статей можно сортировать по дате, автору, рейтингу и т.д.
Параллельно надо постараться пересмотреть разделение на темы, возможно, что-то сгруппировать. Очень важно не допускать слишком много уровней.
Немного по-другому обстоят дела с каталогами. Для них вполне допустима пошаговая навигация. Взгляните на Яндекс-Каталог, который очень неплохо, по-моему организован, хотя и имеет четырехуровневую структуру. Применены сокращённый (неполный) вывод подкатегорий, да и обычно не нужно более двух кликов чтобы добраться до самого глубокого раздела.
Достаточно часто можно сократить число уровней, разнеся самые крупные корневые разделы по отдельным субдоменам. При этому они объединены в навигацию по типу "кольцо", а навигация между ними может быть организована через специальную страницу-оглавление, на которой не приводится детализация их внутренней структуры.
Если специфика не позволяет менять структуру, возможно, следует подумать об использовании таких "аморфных" методах размещения, как вики. Тогда общей навигации вообще как-таковой не будет. Подробнее о технологии можно прочесть на "Википедии".
Полезные советы
Создаете поиск. Хороший поиск решит львиную долю всех проблем с навигацией.
Не забывайте навигацию типа "хлебные крошки", которая отражает положение пользователя. Например: Главная / статьи / подраздел / название статьи - такая структура интуитивно понятна и очень удобна. Да и реализуется на так уж сложно с помощью языков программирования, или SSI.
Язык JavaScript дает значительные возможности по улучшению интерфейса сайта. Иногда можно встретить меню вида раздел -> подраздел -> подподраздел -> статья , где при наведении на каждый пункт появляется выпадающее меню. Такой метод кажется очень удобным, но тогда накладывается ограничение на длину названия каждого пункта, да и само меню не будет работать, если в браузере пользователя отключен JS. В общем, не самый удачный вариант.
Ну на этом я заканчиваю статью, хотя тема, конечно, еще незакончена. Все премудрости и тонкости со временем осознаются на практике. Каждый веб-мастер вырабатывает свои приемы и методы. Желаю вам удачи в проектировании!


Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2025-07-09 » Индексация сайта: что это и как ускорить попадание страниц в поисковики
- 2025-07-09 » 4 маркетинговых трюка от Стива Джобса
- 2025-07-08 » Как мышление влияет на успех бизнеса, и причем тут эмоциональный интеллект
- 2025-07-08 » «Бомж-маркетинг» без бюджета: механика, тактики и результаты
- 2025-07-08 » Медицинский интернет-маркетинг: каналы, особенности и рекомендации
- 2025-07-04 » Утечка данных стоит дороже, чем их защита: почему вам нужна грамотная ИТ-инфраструктура
- 2025-07-04 » Персональные данные: правила хранения и обработки и изменения 2025 года
- 2025-07-04 » Владельцам сайтов: изменения в законе о персональных данных
- 2025-07-04 » Персональные данные: самый полный гайд на 2025 год
- 2025-07-04 » Штрафы за нарушения в работе с персональными данными с 30 мая 2025 года: утечка в интернет и неуведомление РКН
- 2025-07-04 » Новые штрафы в работе с персональными данными: что проверить прямо сейчас
- 2025-07-04 » Google выкатил 68-страничный гайд по промптам. Я прочитал его за вас и вытащил 4 главных правила
- 2025-07-04 » Как выстроить доверие и лояльность клиентов через точки контакта
- 2025-07-04 » Пять SEO-правил, которые реально работают в 2025 году
- 2025-06-10 » Кому нужно срочно подать уведомление в РКН об обработке персональных данных и как это правильно сделать
- 2025-06-10 » Что такое VPN и зачем он нужен?
- 2025-06-10 » Нейросети для создания видео: 7 инструментов и что они могут
- 2025-06-10 » ChatGPT, DeepSeek, Grok, Gemini доступны на русском бесплатно. Внедряем?
- 2025-06-10 » 12 нейросетей для работы с маркетплейсами: создание карточек и описаний для Wildberries и Ozon
- 2025-06-10 » 11 нейросетей для генерации изображений в 2025 году
- 2025-05-30 » Год назад то, что занимало у меня несколько дней работы, сейчас я делаю за 1-2 часа. Без преувеличений. И это только начало
- 2025-05-25 » Нейросети для написания текста: 7 сервисов в помощь копирайтеру
- 2025-05-25 » Сайты с качественным контентом смогут получать больше трафика после обновления алгоритмов в Поиске Яндекса
- 2025-05-07 » Почему страницы не индексируются Google: три типа проблем
- 2025-05-05 » Лидеры рейтинга самых дорогих компаний Рунета — 2025
- 2025-05-05 » Мы делали презентации 35 лет, а потом пришла нейросеть
- 2025-04-08 » Горшочек, рисуй: 10 бесплатных сервисов для генерации картинок
- 2025-04-08 » SEO-продвижение в 2025 году: 15 трендов, без которых ТОП не светит
- 2025-03-14 » SPF-запись
- 2025-03-07 » SEO на маркетплейсах: как оптимизировать карточку товара для поисковой выдачи
"Тот, кто в совершенстве овладеет электронной почтой, будет миллионером в двадцать первом веке." |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.