Обеспечьте пути отхода посетителям вашего сайта

Дата: 30.09.2008
Рубрики: Дизайнеру, Полезные приемы разработчика |

Не сжигайте мосты…

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

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

Совет

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

Глубина в несколько уровней

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

Если посетители потеряются, они воспользуются кнопкой Back (Назад) своего браузера, который выполнит эту работу. Это также отвлечет их внимание от сайта и его содержимого, что не очень хорошо. Это плохо и для посетителя, поскольку замедляется его работа. Простая ссылка с использованием языка JavaScript полностью решает эту проблему:

<а h r e f = ” j a v a s c r i p t : h i s t o r y . b a c k ( ) ; ” > G o back</a>

Метод h i s t o r y . back работает точно так же, как и кнопка Back (Назад). Метод загружает предыдущую страницу. Не имеет значения, какую дверь используют ваши посетители, ссылка Go Back (Перейти назад) оставит открытой для них ту же самую дверь.

Совет

Некоторые дизайнеры, слишком тесно сотрудничающие с отделом рекламы, ощущают необходимость заблокировать кнопку браузера Back (Назад), чтобы заставить пользователя остаться на сайте, якобы
посетитель каким-то образом забудет закрыть окно браузера и никогда больше не вернется. Пожалуйста, воздержитесь от побуждения управлять навыками работы посетителя с браузером. Ваш сайт никогда не должен блокировать кнопку Back (Назад) (или любые другие кнопки браузера, коли на то пошло), даже если ваша навигация является безупречной. Некоторые посетители предпочитают использовать интерфейс браузера. Кто посмеет осудить их? Обычно посетители больше полагаются на интерфейс браузера, чем на интерфейс сайта.

Совет

Сделайте так, чтобы ссылку Go Back (Перейти назад) было просто найти, иначе ваши посетители будут просто использовать кнопку Back (Назад) своего браузера, что делает бессмысленным размещение ссылки Go Back (Перейти назад) на странице.

Метод history.back - это не единственный метод объекта history языка JavaScript. В таблице, приведенной выше, перечислены некоторые другие методы для справки, однако применяйте их умеренно. Ссылка Go Back (Перейти назад) на самом деле очень полезна, однако ссылка Go Forward (Перейти вперед) или ссылка Go Two Steps Back (Перейти на два шага назад) создают неразбериху. Используя данные приемы, навигация вашего сайта будет на высоте.