Ководство
Шрифт:
§ 48. Боремся за чистоту урлов
23 марта 2000
Рассмотрим один из самых важных моментов веб-навигации — возможность посетителя быстро и безошибочно определить свое местонахождение на сайте.
Адрес страницы (урл) должен быть по возможности коротким и понятным. Все, что для этого нужно, — немного внимания на первых этапах создания сайта. Перед тем как вывалить драгоценные мегабайты текстов в пучину веба, следует подумать о названиях директорий и файлов.
Хозяйке на заметку
URL означает uniform resource locator.
Для начала необходимо решить, на каком языке будут даны названия файлов. Лучше всего использовать английский. В редких случаях уместен русский (точнее, волапюк, транслитерация или клер) — например, при написании матерных слов, при рассказах о Бабе Яге и Змее Горыныче, при употреблении русских слов, ставших частью английского. Крайне нежелательно смешивать языки, например: http://sait.ru/staff/sekretarsha/new/novichki.html.
Данный параграф имеет в интернете адресКаждый читатель может навигироваться по сайту, стирая справа части адреса до ближайшей косой черты. Если стереть 48, попадаешь в оглавление параграфов, и так далее.
Если бы адрес был чем-нибудь типа www.artlebedev.ru/kovodstvo/?q= %E8 %E4 %E8 %EE %F2 %F1 %EA %E8 %E9+ %E7 %E0 %EF %F0 %EE %F1+ %ED %E0+ %F1 %E0 %E9 %F2&num=10, читатель совершенно терял бы ориентацию. К сожалению, многие сайтостроители не следят за чистотой адресов, за что посетители им платят сполна: не запоминают ни одной внутренней страницы.
Лирическое отступление
Длинные и неудобоваримые адреса часто возникают из-за лени программистов. Надо один раз всех программистов собрать и объяснить, что пока адреса не станут нормальными, проект не откроется. Повозмущаются и сделают как надо.
Правило: посетитель всегда должен получить осмысленное и предсказуемое содержимое, если он стер часть адреса до ближайшей косой черты.
§ 49. Дублирующая навигация
Навига-а-атор, пропой мне канцону-другую…
22 апреля 2000
Вряд ли кто-то станет возражать против того, чтобы у всех сайтов адрес выглядел понятно и логично. Обычно посетитель стирает часть адреса до ближайшей косой черты и рассчитывает попасть на уровень выше того, где он находился.
Для упрощения этого процесса существует дублирующая навигация — строка со ссылками, соответствующими иерархии структуры сайта.
Учите жаргон
Дублирующая навигация еще называется градусником или хлебными крошками.
Однако далеко не всегда адрес выглядит так, как описано в предыдущем параграфе. Пример — сайт журнала «Итоги»:
Адреса на сайте не сообщают пользователю, в каком месте иерархии сайта тот находится. Поэтому дублирующая навигация стала практически основной.
На сайте все должно быть прекрасно — и адрес, и дублирующая навигация. В качестве примера — сайт Бориса Акунина:
Если читатель не желает нажать кнопку «назад», ему будет удобно выбрать пункт дублирующей навигации. А адресная строка по-прежнему будет демонстрировать стройность и предсказуемость структуры сайта.
Правило: дублирующую навигацию следует использовать во всех случаях, когда присутствует логическая вложенность содержания, но отсутствует отдельное боковое меню, то есть практически на всех информационных сайтах.
§ 50. О статусной строке
— Каков ваш статус, Лена? Проще говоря, каков ваш социум эр актум?
22 апреля 2000
Произошло следующее: в машине спидометр закрыт газетой; на мобильном телефоне дисплей залеплен изолентой; телевизор не показывает, на какой канал переключился зритель; на лекарстве срок годности закрашен авторучкой; в оглавлении книги отсутствует указание номеров страниц.
Что делать? Убрать газету, отлепить изоленту, починить телевизор, купить новое лекарство, выбросить книгу.
Когда читатель оказывается на сайте, где заботливый веб-мастер постарался скрыть статусную строку браузера, надо материться вслух. Статусная строка отображает, куда ведет та или иная ссылка. Там же обычно показывается состояние загрузки страницы.
Многие сайтостроители забивают статусную строку всякой фигней — вешают туда время, пускают бегущую строку с последней новостью, просто пишут «Добро пожаловать» или при наведении курсора на ссылку «Новости» выдают в статусной строке слово «Новости». Вся эта третьестепенная информация лишает пользователя одной из самых ценных возможностей — узнать направление. Люди определяют нужность ссылки по ее внешнему виду. Скажем, если ссылка называется «Свежайшая информация», а ведет на not_ready.html, то нормальный человек не нажмет — и так понятно, что ничего полезного там не будет.
Другая разновидность этого преступления (лишение пользователя органов чувств, часть вторая) — открывание отдельного маленького окна, где статусная строка отсутствует вообще. В такой ситуации зритель не знает, куда он попадет дальше, и не имеет представления о том, сколько ему осталось ждать загрузки. Особенно ужасно, когда в таком маленьком окне открывается флеш-ролик: кино обычно много весит, а оценить скорость загрузки не представляется возможным.
Правило: нельзя вмешиваться в привычный стандартный интерфейс и нельзя прятать его элементы в ситуациях, когда человек их ожидает.