О навигации или как объять необъятное
Однако раз за разом начинающие веб-строители создают нечто запутанное как лабиринт, что напрочь убивает все удовольствие от пользования сайтом. Впрочем, такое положение дел неудивительно, т.к создание навигационной структуры не столь простая задача, особенно если необходимо как-то организовать тысячу-другую документов...
Не секрет, что навигация - это один из важнейших элементов любого сайта. Очень важно, чтобы перемещения по ресурсу не превращались в разгадывание загадок и ребусов, точно вам говорю, посетитель не будет рад такому обороту дел. Сейчас я попробую изложить несколько заповедей, постулатов, законов, правил успешной навигации - называйте как хотите, но только постарайтесь их применять на практике! И будет вам счастье.
1. Не усложняй!
Простое правило - чем проще, тем лучше. Не стоит пытаться выдумать нечто сверхновое. Понятно, что дизайнерские изыски всегда в моде, но лично мое мнение, что навигационная панель - это не полигон для деятельности дизайнера. Все что угодно: оформление, цвет, шрифт, но с навигацией - очень аккуратно! Я часто вижу сайты на которых пункты в меню называются отличными от общепринятых терминами. Например, я не очень люблю когда вместо "чат" в навигации написано "болталка". Хорошо еще, когда автор понимает, что "to chat" -переводиться как глагол "болтать", но ведь часто случается, что под таким названием скрывается, например, форум... Еще интереснее, если на сайте есть и чат, и форум, в таком случае вообще стразу не понятно, что есть что.
Также недопустима ситуация когда на одной странице один пункт имеет одно название, а на другой - другое. Это очень дезориентирует посетителя.
2. Не прячь!
Вторая тенденция у начинающих сайтостроителей - маскировка или помещение навигации где-то на задворках. Зачем? Дайте возможность пользователю с первого взгляда понять, как же управлять этим сайтом! Просто располагайте панель там, где она будет сразу заметна и легкодоступная. Хорошим тоном считается дублирование ссылок внизу длинных страниц, чтобы посетитель мог без препятствий перейти к другому разделу.
3. Правило 7 +/-3
По данным всевозможных исследований выявлено, что среднестатистический человек нормально воспринимает не более 7 одноранговых раздела. Плюс-минус три. Я конечно понимаю, что мы тут все люди умные и способные, да и посетители наши, конечно, самые лучшие, а не какие-то среднестатистические, но поверьте, больше десяти разделов будут рябить, а двадцать превратятся в совершенную кашу.
Поэтому, когда организуете раздел статей, постарайтесь не разбивать его более чем на 10 подразделов. Если никак не получается, создайте лучше подуровни. Однако, важно не нарушить другое правило:
4. Не углубляйся!
Психологи считают самым комфортным двухуровневое меню. Максимально допустимое число уровней - три. Даже четвертый уровень вызывает раздражение, что, впрочем, понятно - щелкаешь, щелкаешь, а конца все не видно! Иначе говоря, старайтесь придерживаться схемы, не "глубже", чем "Главная -> раздел -> подраздел -> статья"
Создание большего числа уровней - преступление перед пользователем. Чем больше уровней, тем интереснее вопрос "А если ему понадобиться отсюда вот туда перейти?"... Отсюда вытекает ещё одно правило:
5. Три клика
Формулировка: "Любая страница сайта должна быть доступна с трех кликов с любой страницы"
Практикум
Итак, теория, я надеюсь, усвоена. Теперь попробуем подумать над чисто практической задачей.
Задача: Есть 3000 статей, необходимо их удобно организовать
Естественно, статьи на несколько разных тем. Первая идея, которая приходит в голову - это разбить весь материал разделов на 15, уровней по пять в каждом. В таком случае, в каждом конечном разделе получается по 5-10 четко систематизированных статей. Казалось бы удобно, но на самом деле до этого материала будет просто не добраться без гида. Каждый следующий подраздел все дальше уводит юзера в дебри сайта, лишь отдаляя от цели.
Что делать?
Для такого количества материала оптимальнее всего использовать структуру типа "библиотека": 7-10 основных тем, в каждой 5-7 подтем, в каждой 40-50 статей. А это 50 статей можно сортировать по дате, автору, рейтингу и т.д
Парралельно надо постараться пересмотреть разделение на темы, возможно, что-то сгруппировать. Очень важно не допускать слишком много уровней.
Немного по-другому обстоят дела с каталогами. Для них вполне допустима пошаговая навигация. Взгляните на Яндекс-Каталог, который очень неплохо, по-моему организован, хотя и имеет четырехуровневую структуру. Применены сокращённый (неполный) вывод подкатегорий, да и обычно не нужно более двух кликов чтобы добраться до самого глубокого раздела.
Достаточно часто можно сократить число уровней, разнеся самые крупные корневые разделы по отдельным субдоменам. При этому они объединены в навигацию по типу "кольцо", а навигация между ними может быть организована через специальную страницу-оглавление, на которой не приводится детализация их внутренней структуры.
Если специфика не позволяет менять структуру, возможно, следует подумать об использовании таких "аморфных" методах размещения, как вики. Тогда общей навигации вообще как-таковой не будет. Подробнее о технологии можно прочесть на "Википедии".
Полезные советы
Создаете поиск. Хороший поиск решит львиную долю всех проблем с навигацией.
Не забывайте навигацию типа "хлебные крошки", которая отражает положение пользователя. Например: Главная / статьи / подраздел / название статьи - такая структура интуитивно понятна и очень удобна. Да и реализуется на так уж сложно с помощью языков программирования, или SSI
Язык Java Script дает значительные возможности по улучшению интерфейса сайта. Иногда можно встретить меню вида раздел -> подраздел -> подподраздел -> статья , где при наведении на каждый пункт появляется выпадающее меню. Такой метод кажется очень удобным, но тогда накладывается ограничение на длину названия каждого пункта, да и само меню не будет работать, если в браузере пользователя отключен JS. В общем, не самый удачный вариант.
Ну на этом я заканчиваю статью, хотя тема, конечно, еще незакончена. Все премудрости и тонкости со временем осознаются на практике. Каждый веб-мастер вырабатывает свои приемы и методы. Желаю вам удачи в проектировании!
Дайджест новых статей по интернет-маркетингу на ваш email
Новые статьи и публикации
- 2024-09-30 » Как быстро запустить Laravel на Windows
- 2024-09-25 » Next.js
- 2024-09-05 » OpenAI рассказал, как запретить ChatGPT использовать содержимое сайта для обучения
- 2024-08-28 » Чек-лист: как увеличить конверсию интернет-магазина на примере спортпита
- 2024-08-01 » WebSocket
- 2024-07-26 » Интеграция с Яндекс Еда
- 2024-07-26 » Интеграция с Эквайринг
- 2024-07-26 » Интеграция с СДЕК
- 2024-07-26 » Интеграция с Битрикс-24
- 2024-07-26 » Интеграция с Travelline
- 2024-07-26 » Интеграция с Iiko
- 2024-07-26 » Интеграция с Delivery Club
- 2024-07-26 » Интеграция с CRM
- 2024-07-26 » Интеграция с 1C-Бухгалтерия
- 2024-07-24 » Что такое сторителлинг: техники и примеры
- 2024-07-17 » Ошибка 404: что это такое и как ее использовать для бизнеса
- 2024-07-03 » Размещайте прайс-листы на FarPost.ru и продавайте товары быстро и выгодно
- 2024-07-01 » Профилирование кода в PHP
- 2024-06-28 » Изучаем ABC/XYZ-анализ: что это такое и какие решения с помощью него принимают
- 2024-06-17 » Зачем вам знать потребности клиента
- 2024-06-11 » Что нового в работе Яндекс Метрики: полный обзор обновления
- 2024-06-11 » Поведенческие факторы ранжирования в Яндексе
- 2024-06-11 » Скорость загрузки сайта: почему это важно и как влияет на ранжирование
- 2024-05-27 » Подборка сервисов для расшифровки аудио в текст
- 2024-05-27 » PostgreSQL 16. Изоляция транзакций. Часть 2
- 2024-05-06 » Как настраивать конверсионные стратегии: работа над ошибками
- 2024-04-22 » Комментирование кода и генерация документации в PHP
- 2024-04-22 » SEO в России и на Западе: в чем основные отличия
- 2024-04-22 » SEO для международного масштабирования
- 2024-04-22 » Как использовать XML-карты для продвижения сайта
Мудрость приносит следующие три плода: дар хорошо мыслить, хорошо говорить и хорошо поступать Демокрит - (около 460 до н.э.- около 360 до н.э.) - древнегреческий философ |
Мы создаем сайты, которые работают! Профессионально обслуживаем и продвигаем их , а также по всей России и ближнему зарубежью с 2006 года!
Как мы работаем
Заявка
Позвоните или оставьте заявку на сайте.
Консультация
Обсуждаем что именно Вам нужно и помогаем определить как это лучше сделать!
Договор
Заключаем договор на оказание услуг, в котором прописаны условия и обязанности обеих сторон.
Выполнение работ
Непосредственно оказание требующихся услуг и работ по вашему заданию.
Поддержка
Сдача выполненых работ, последующие корректировки и поддержка при необходимости.