Wednesday, January 30, 2008

Туда, сюда, обратно — о боже, как приятно

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

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

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

Другая возможность сделать удобнее пользователю — дублировать ссылки горячими клавишами (обычно используются Ctrl + стрелочки). К сожалению, актуально в основном для искушённых веб-сёрферов, поэтому пока скорее исключение.

Ещё лучше и всячески правильно, если используется тег link с соответствующими значениями атрибута rel. Помимо прочего, это позволяет сделать полностью универсальным скрипт, который обеспечивает упомянутое выше управление горячими клавишами.

Расположение элементов навигации не должно зависеть от каких-либо свойств контента.

В качестве примера идеального исполнения несложно вспомнить Рутину и остальные разделы известных ежедневных картинок.

No comments: