[ главная ]   [ рейтинг статей ]   [ справочник радиолюбителя ]   [ новости мира ИТ ]



Ответов: 0
25-02-12 07:01







   Web - программирование
PHP


ASP






XML



CSS

SSI





   Программирование под ОС











   Web - технологии








   Базы Данных









   Графика






Данные




Web - технологии / Web Design /

Идеальная навигация

Все идеальное недостижимо. Но представив себе идеальную навигацию по сайту и выделив ее основные свойства, можно сделать интересные выводы.

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

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

- навигация понятна. Сколько времени может уйти на обучение "вождению" по сайту, использующему новые подходы в навигации? Для каждого человека этот временной промежуток уникален, но то, что обучение необходимо - это очевидно. В сети огромное количество сайтов, но почему я должен обучаться на каждом из них? Читатель ищет полезную информацию, а ему предлагают выучить "правила движения", устройство и характеристики незнакомых панелей управления. А стоит ли ресурс таких усилий? Чаще всего нет... Идеальная навигация понятна для пользователя с первого взгляда.

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

Реклама, размещенная на сайте, также может походить на навигацию. Иногда их довольно сложно различить. Мы учимся узнавать рекламу по вторичным признакам - расположению, красочности, эффектности слоганов, но почему бы не помочь нам и не выделить рекламное место надписью "Реклама" (или чем-то подобным). В конце концов это уже признак хорошего стиля.

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

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

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

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

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

- читатель знает свое местоположение. Иерархия меню отражает структуру сайта. Таким образом, определить текущее положение совсем не сложно. Web-мастер оставил в покое строку статуса, и я точно знаю куда попаду после нажатия кнопки. Цвет просмотренных и непросмотренных ссылок отличен. Их текст и появляющиеся при наведении указателя подсказки дают краткое представление о содержании стараницы, на которую осуществится переход. Если страница на другом сайте - я узнаю это из подсказки. Если общее количество страниц велико - web-мастер предоставит карту сайта. Заблудиться на таком сайте невозможно.

- для графических ссылок прописан параметр ALT. Связь в России оставляет желать лучшего, и, если браузеры предоставляют возможность просматривать сайты без графики, почему некоторые web-мастера меня в этом ограничивают?

- на сайте отсутствует 404 ошибка. Ссылки полностью протестированы, не ведут на отсутствующие страницы. Из-за этой "малости" повышается доверие к ресурсу и пользователи нажимая кнопки не опасаются увидеть сообщение об ошибке.

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




Комментарии

 Ваш комментарий к данному материалу будет интересен нам и нашим читателям!



Последние статьи: Web - технологии / Web Design /

Как увеличить эффективность сайта с помощью поисковой формы
12-10-2009   

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

Кол. просмотров: общее - 3188 сегодня - 1

Идеальная навигация
12-10-2009   

Все идеальное недостижимо. Но представив себе идеальную навигацию по сайту и выделив ее основные свойства, можно сделать интересные выводы... подробнее

Кол. просмотров: общее - 3084 сегодня - 0

Web-дизайн и кодировки
08-10-2009   

Кодировкой веб-страницы называется способ кодирования текстовой информации для передачи в сети Интернет. Определяющим параметром при кодировании данных считается количество битов, с помощью которых передается один символ (значение)... подробнее

Кол. просмотров: общее - 3225 сегодня - 2

Графика: советы для начинающих
20-09-2009   

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

Кол. просмотров: общее - 2967 сегодня - 0

Точечные и векторные изображения: сравнительный анализ
20-09-2009   

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

Кол. просмотров: общее - 3098 сегодня - 0



  WWW.COMPROG.RU - 2009-2012 | Designed and Powered by Zaipov Renat | Projects