Домой / Статьи / Разработка навигации по сайту

Разработка навигации по сайту

Какой должна быть навигация сайта? Можно ли сделать ее идеальной? Подобные вопросы задает себе, наверное, каждый web-мастер при проектировании своего ресурса. В статье я попытался выделить основные, на мой взгляд, особенности идеальной навигации — так сказать «отличительные приметы». Хотя они просты в реализации, у редкого дизайнера не поднималась рука все усложнить.

Итак, основные признаки идеальной навигации:

  • Навигация понятна. Сколько времени может уйти на обучение «вождению» по сайту, использующему новые подходы в навигации?
    Для каждого человека этот временной промежуток уникален, но то, что
    обучение необходимо — это очевидно. В сети огромное количество сайтов,
    но почему я должен обучаться на каждом из них? Читатель ищет полезную
    информацию, а ему предлагают выучить «правила движения», устройство и
    характеристики незнакомых панелей управления. А стоит ли ресурс таких
    усилий? Чаще всего нет… Идеальная навигация понятна для пользователя с
    первого взгляда.
  • Легко узнаваема. Мне не приходится водить по всему экрану мышкой и искать ссылку по изменяющемуся указателю мыши. Я хочу
    узнавать ссылку до того, как подведу к ней стрелку указателя. Читатели
    уже привыкли к тому что визуально ссылка, чаще всего, синего цвета и она
    подчеркнута. Дизайнеры постоянно нарушают эти принципы и, как это не
    смешно звучит, навигацию приходится искать … Реклама, размещенная на сайте, также может походить на навигацию. Иногда их довольно сложно
    различить. Мы учимся узнавать рекламу по вторичным признакам —
    расположению, красочности, эффектности слоганов, но почему бы не помочь
    нам и не выделить рекламное место надписью «Реклама» (или чем-то
    подобным). В конце концов это уже признак хорошего стиля.
  • Единообразна. Если я разобрался с панелью управления сайтом на первой странице (что иногда бывает совсем не
    просто), идеальная навигация не заставляет меня совершать подобную
    работу на каждой странице. При ее построении web-мастер старался
    придерживаться одного стиля. Это относится к изображениям, размерам и
    текстурам кнопок, их расположению, названиям, шрифту и цвету.
  • Навигацию легко найти. Навигация контрастна и мне не приходится тратить время на ее поиск, находится на стандартных местах
    — вверху или слева. В верхней части страницы располагаются ссылки на
    альтернативные ресурсы сайта. Внизу — ссылки на продолжение и на переход
    вверх.
  • Удобна в использовании. Размеры ссылок достататочно большие и совсем не обязательно напрягать зрение, чтобы по ним попасть
    мышкой. Навигационный текст легко читается. Страницы большого размера
    снабжены внутренними ссылками (якорями), названия подразделов ярко
    выражены, их текст укрупнен, и не нужно вчитываться для того, чтобы
    определить куда попал.
  • Ссылок не очень много. Web-мастер качественно продумал структуру сайта и не пытается заполнить пустое место большим
    количеством гиперссылок, которые только отвлекают взгляд от основного
    меню, и заставляют делать иногда непростой выбор. Сайт с идеальной
    навигацией не пестрит гиперссылками в тексте, но также не страдает их
    полным отсутствием.
  • Быстро загружается. При загрузке страницы навигация отображается в первую очередь, и мне не нужно сидеть и ждать сообщения
    «Готово», чтобы сделать переход на искомую страницу.
  • Посетитель знает свое местоположение. Иерархия меню отражает структуру сайта. Таким образом, определить текущее положение
    совсем не сложно. Web-мастер оставил в покое строку статуса, и я точно
    знаю куда попаду после нажатия кнопки. Цвет просмотренных и
    непросмотренных ссылок отличен. Их текст и появляющиеся при наведении
    указателя подсказки дают краткое представление о содержании стараницы,
    на которую осуществится переход. Если страница на другом сайте — я узнаю
    это из подсказки. Если общее количество страниц велико — web-мастер
    предоставит карту сайта. Заблудиться на таком сайте невозможно.
  • Для графических ссылок прописан параметр ALT.Связь в России оставляет желать лучшего, и, если браузеры предоставляют
    возможность просматривать сайты без графики, почему некоторые
    web-мастера меня в этом ограничивают?
  • На сайте отсутствует 404 ошибка.Ссылки полностью протестированы, не ведут на отсутствующие страницы. Из-за этой «малости»
    повышается доверие к ресурсу и пользователи нажимая кнопки не опасаются увидеть сообщение об ошибке.

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

23.02.2003 автор: Сергей Хрипунов, true2design

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *