Другие дорожные указатели в интерфейсе

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

Организация обзора

Обзоры играют в интерфейсе ту же роль, что и дорожные указатели: они способствуют ориентированию пользователей. Разница между ни' ми заключается в том, что обзоры помогают пользователю ориентиро' ваться внутри информационного содержания, а не в приложении как таковом. Поэтому сама область с обзором должна быть стабильным объектом; содержание же ее зависит от просматриваемых данных.

Рис. 11.8. В своем продукте Photoshop компания Adobe применяет прекрасную идиому обзора – панель Navigator (слева), которая содержит миниатюру изображения и с помощью рамки выделяет на ней ту часть, которая в данный момент видна внутри рабочей области. Эта панель не просто создает кон- текст навигации – ее можно применять для панорамирования и масштаби- рования главного изображения. Аналогичная идиома представлена справа:

в приложении для бизнес-графики Google Finance небольшая диаграмма внизу экрана представляет общий вид и контекст для увеличенного изображения, размещенного вверху экрана

В зависимости от характера информации обзоры могут быть графиче' скими или текстовыми. Блестящим примером графического обзора является панель с уместным названием Navigator в Adobe Photoshop (рис. 11.8).

Во Всемирной паутине самой распространенной формой обзора являет' ся текст, а именно – вездесущие «хлебные крошки» (рис. 11.9). Они не только показывают пользователю, в какой точке иерархической струк' туры данных он находится, но и снабжают его ссылками, позволяющи' ми переходить к другим узлам этой структуры. Эта идиома до некото' рой степени утратила популярность, когда веб'сайты стали отходить от иерархической организации в пользу ассоциативной организации, ко' торая не слишком хорошо уживается с «хлебными крошками».

Интересным инструментом обзора является аннотированная полоса прокрутки. Такие полосы особенно уместны при прокрутке текста. Они грамотно используют тот факт, что как полосы прокрутки, так и тек' стовая информация линейны по своей природе. Это позволяет выводить

Рис. 11.9. Типичные «хлебные крошки» на Amazon.com. Пользователь видит, где он уже побывал, и может перейти по любой ссылке на этом пути

Рис. 11.10. Аннотированная полоса прокрутки в Microsoft Word 2007 дает пользователю полезный контекст в процессе пролистывания документа

на экран информацию о местонахождении выделенных областей и, воз' можно, других атрибутов форматированного или неформатированного текста. Подсказки о том, где находятся эти элементы, появляются в соответствующие моменты на траектории движения ползунка про' крутки. Когда происходит прокрутка, то аннотированный атрибут текста выводится на экран (рис. 11.10). Вариант аннотированной по' лосы прокрутки присутствует в редакторе Microsoft Word: активи' рующаяся в процессе прокрутки подсказка содержит номер страницы и ближайший заголовок.