Mac OS X Human Interface Guidelines / Руководство по проектированию пользовательских интерфейсов для Мак ОС X: Chapter 7 — UI Element Guidelines: Windows

Глава 7. Элементы пользовательского интерфейса: Окна.

tucvbif 12.05.12 в 12:53

Окно представляет собой область, в которой отображаются данные, элементы управления и взаимодействия с пользователем.

tucvbif 12.05.12 в 12:35

С точки зрения пользователя любая область, ограниченная прямоугольником — это окно, но разработчик должен значть, что окна существуют нескольких разновидностей:

tucvbif 12.05.12 в 12:35

* Окна документов, содержащие данные, хранящиеся в файлах.

tucvbif 12.05.12 в 12:35

* Окна приложений, не работающих с документами.

tucvbif 12.05.12 в 12:35

* Палитры, располагающиеся поверх окон приложения и отображающие инструменты и элементы управления, необходимых для работы с открытыми документами. Иногда их можно делать прозрачными (см. «Panels», (стр.195))

tucvbif 12.05.12 в 12:35

* Диалоговые окна, вызываемые по команде пользователя и ожидающие некоторых действий, необходимых для завершения команды. Диалоговые окна требуют от пользователя определённого ответа, прежде чем закроются. (см. «Dialogs» (стр.201))

tucvbif 12.05.12 в 12:35

* Окна сообщений — особый тип диалогового окна, появляющегося при возникновении проблем, например ошибок. Также требуют ответа пользователя перед закрытием. (см. «Alerts» (стр.220))

tucvbif 12.05.12 в 12:35

Примеры перечисленных окон приведены ниже:

tucvbif 12.05.12 в 12:35

-Окно приложения
-Палитра
-Сообщение
-«Ящик» (разновидность модального диалога)
-Окно документа

tucvbif 12.05.12 в 12:36

Как видим в примерах выше, внешний вид окон в Mac OS X v10.7 прост и понятен, благодаря чему пользователь может сфокусировать внимание на том, что для него важно.

tucvbif 12.05.12 в 12:35

Заметьте, что существует вид всплывающего сообщения (так называемый «пузырь»), который не является окном де юре, но может восприниматься пользвателем именно как окно (в частности, если его можно отделить от родительского компонента или области). Подробнее см. «Popovers» (стр.191).
Рамка окна заполняется серым цветом с градиентом. в MacOs X v10.7 используются специальные элементы, предназначенные для размещения в панели инструментов. Подробнее см. «Window-Frame Controls» (стр. 196).

tucvbif 12.05.12 в 12:36

Подробнее о внешнем виде и поведении окон

tucvbif 12.05.12 в 12:36

Типичное окно включает в себя рамку тело окна. К рамке также относится заголовок окна, панель инструментов под заголовком (изредка — нижнюю панель). К телу окна относится пространство от нижней кромки заголовка (или панели инструментов) до нижней части окна (или верхней части нижней панели, если она есть). В теле окна располагается всё основное содержимое. К примеру, в окне просмотра Mail-а в него входят панели почтового ящика, список сообщений и отображаемое сообщение.

tucvbif 12.05.12 в 12:37

[Изображение]

tucvbif 12.05.12 в 12:37

Рамка окна выделяется серым градиентом. В Mac OS X v10.7 предлагается использовать специальные элементы управления, предназначенные для этой области. Подробнее см. «Window-Frame Controls», (стр 225).

tucvbif 12.05.12 в 12:37

Тело окна, содержащее данные (такие, как текст, или таблицы) по-умолчанию заполняется белым цветом. Остальная часть окна обычно заполняется серым цветом с бликом.

tucvbif 12.05.12 в 12:37

Элементы окна

tucvbif 12.05.12 в 12:37

Каждое окно приложения, документа, или палитры состоит, как минимум, из следующих элементов:

tucvbif 12.05.12 в 12:37

* Заголовка. Даже если названия у окна нет, заголовок нужно оставлять, чтобы окно можно было перемещать.

tucvbif 12.05.12 в 12:37

* Кнопки закрытия, чтобы окно можно было в любое время убрать.

tucvbif 12.05.12 в 12:37

Окно документа кроме перечисленных содержит следующие элементы:

tucvbif 12.05.12 в 12:37

* Полосы прокрутки: вертикальную и горизонтальную (если необходимо).

tucvbif 12.05.12 в 12:38

* Кнопки «Свернуть» и «Раскрыть»

tucvbif 12.05.12 в 12:38

* Значок документа и меню версий (появлеется, после того, как документу будет дано имя и выбрано место располоение в файловой системе).

tucvbif 12.05.12 в 12:38

* Заголовок документа

tucvbif 12.05.12 в 12:38

* уголки для изменения размера.

tucvbif 12.05.12 в 12:38

К примеру, окно документа TextEdit на рисунке ниже включает в себя заголовок, значок документа, кнопки «Закрыть», «Свернуть», «Развернуть», а также полосу прокрутки. Уголок для изменения размера окна невидим, пока на него не наведён курсор. Также, меню версий не видно, пока документ не заблокирован (и при этом изменён), а курсор не находится в правой части заголовка окна документа.

tucvbif 12.05.12 в 12:38

[Изображение]

tucvbif 12.05.12 в 12:38

Также на рисунке можно заметить особый элемент окна, называемый панелью навигации. Панель навигации располагается ниже панели инструментов и позволяет воспользоваться операциями поиска, фильтра объектов, и прочими подобными операциями, определяемые набором характеристик. Подробнее см. «Using a Scope Bar to Enable Searching and Filtering» (стр. 173).

tucvbif 12.05.12 в 12:38

Реже встречается так называемая нижняя панель, располагающаяся в нижней части окна. Там обычно располагаются элементы управления для управления содержимым и порядком его отображения в окне, такие как кнопки управления контактами и чатом в окне iChat.

tucvbif 12.05.12 в 12:38

[Изображение]

tucvbif 12.05.12 в 12:38

Полосы прокрутки

tucvbif 12.05.12 в 12:38

Полосы прокрутки необходимы для отображения данных, не помещающихся в пределах текущего окна. В Mac OS X начиная с версии 10.7 полосы прокрутки по умолчанию скрыты

tucvbif 12.05.12 в 12:39

и появляются в окнах при:

tucvbif 12.05.12 в 12:39

* Открытии окон, содержащих прокручиваемые данные и изменении их размеров

tucvbif 12.05.12 в 12:39

* Отображении данных любых данных вне окон, если их размеры не позволяют отобразить их целиком.

tucvbif 12.05.12 в 12:39

* активации прокручиваемых элементов

tucvbif 12.05.12 в 12:39

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

tucvbif 12.05.12 в 12:40

Важно: пользователь может запретить скрытие полос прокрутки через настройки системы. Ширина полосы прокрутки — 15 пикселей, и она отображается поверх содержимого окна.

tucvbif 12.05.12 в 12:40

Некоторые приложения для более ранних версий Mac OS отображают полосы прокрутки старого образца даже под Mac Os X v.10.7. Такие полосы прокрутки отображаются не поверх содержимого окна, а для них выделяется место у его границы.

tucvbif 12.05.12 в 12:41

И наконец, полосы прокрутки не будут скрываться, если к компьютеру будет подключена мышь без колеса.

tucvbif 12.05.12 в 12:41

Подробнее об включении полос прокрутки см. «Enabling Scrolling» (стр. 170).

tucvbif 12.05.12 в 12:41

К примеру, на рисунке ниже размер окна был недавно изменён, поэтому отображаются обе полосы прокрутки.

tucvbif 12.05.12 в 12:41

[Изображение]

tucvbif 12.05.12 в 12:57

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

tucvbif 12.05.12 в 12:42

Прокручивать документ можно несколькими способами:

tucvbif 12.05.12 в 12:42

* Прокруткой с помощью трекпада. Это просто и естественно, так как используются приёмы прямого управления (см. «Direct Manipulation (стр. 29)). Заметьте, что в Mac OS X v10.7 пользователь может изменять поведение прокрутки в этих случаях, используя как прокрутку в направлении движения пальцев, так и в противоположную.

tucvbif 12.05.12 в 12:42

* Поворотом колеса мыши. Скорость прокрутки можно регулировать в настройках системы.

tucvbif 12.05.12 в 12:42

* перетаскиванием движка прокрутки. Этот метод пригодится для навигации по большим документам. Содержимое окна моментально меняется вслед за сменой положения движка.

tucvbif 12.05.12 в 12:42