Диалоги > Продукты Apple
Путеводитель по продуктам Apple    

Диалоги

Диалоги

Диалог представляет собой окно, спроектированное для вызова ответной реакции пользователя. Многие диалоги, например, диалог Печати, позволяют пользователям предоставлять несколько ответов одновременно.

OS X предоставляет три основных способа представления диалогов.

Модальный диалог документа. Документально-модальный диалог предотвращает совершение пользователем чего-либо еще внутри отдельного документа. Пользователь может переключаться к другим документам в приложении, а также к другим приложениям. Документально-модальные диалоги должны представлять собой листы, которые описаны в разделе Использование Модальных Диалогов Документа (Листов).

Модальный диалог приложения. Модальный диалог приложения предотвращает полноценное взаимодействие пользователя с текущим приложением, хотя пользователь может переключаться к другим приложениям. Примером модального диалога приложения является диалог Открытия (описан в разделе Диалог Открытия).

Немодальный. Немодальный диалог позволяет пользователям менять настройки в диалоге, в то же время позволяя взаимодействовать с окнами документов. Окно Find во многих программах редактирования текста является примером немодального диалога.

В дополнение к этим основным типам диалогов OS X предоставляет предупреждение, являющееся особенным типом диалога, который может быть модальным диалогом документа или приложения. Как правило, если состояние ошибки или уведомление применимо к одному документу, предупреждение является модальным диалогом документа (то есть, листом). Если предупреждение применимо к состоянию приложения в целом или более чем к одному документу или окну, принадлежащему приложению, предупреждение является модальным диалогом приложения. Чтобы получить указания по использованию предупреждений и способу проектирования, см. Предупреждения.

Использование Модальных Диалогов Документа (Листов)

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

Так как лист привязан к окну, из которого возникает, пользователи никогда не потеряют путь к окну, к которому применим диалог. Показанный здесь закрытый диалог Текстового Редактора является примером листа.

Лист сопровождается анимацией, будто он возник из панели инструментов окна (или панели заголовка, если панель инструментов отсутствует). Когда лист открывается на окне возле границы экрана, и этот лист шире, чем окно, к которому он привязан, лист заставляет окно передвинуться от этой границы. Когда лист закрывается, окно возвращается в прежнее положение.

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

Как правило, лист является хорошим способом предоставить:

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

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

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

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

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

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

Не используйте лист в окне, у которого нет панели заголовка. Листы должны возникать из определенной визуальной границы.

Прием и Использование Пользовательского Ввода в Диалоге

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

Упростите для пользователей ввод информации. Когда вы проектируете диалог, держите в голове следующие пункты, чтобы пользовательское взаимодействие было простым:

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

Как правило, изменения, которые пользователь вносит в диалог, должны сразу же приводить к результату. Чтобы предоставить немедленный результат, вам нужно подтвердить информацию, введенную пользователем и решить, когда применить эти изменения.

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

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

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

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

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

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

Расширяющиеся Диалоги

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

Используйте кнопку раскрытия, чтобы предоставить дополнительные опции выбора в диалоге. В частности, кнопка раскрытия является подходящим выбором, когда дополнительные опции выбора напрямую связаны с выделенными фрагментами, предоставленными во всплывающем или комaндном выпадающем меню диалога. Когда пользователи кликают на кнопку раскрытия, диалог расширяется, чтобы открыть выделенные фрагменты в дополнение к тем, которые указаны во всплывающем или комaндном выпадающем меню. (Чтобы получить больше информации об использовании кнопки раскрытия в вашем диалоге, см. Кнопка Раскрытия.)

Используйте треугольник раскрытия, чтобы открыть детали, которые охватывают основную информацию диалога. Когда пользователи открывают треугольник раскрытия, диалог расширяется, открывая дополнительную информацию и, в надлежащем случае, дополнительную функциональность. (Чтобы получить больше информации о том, как использовать треугольник раскрытия в диалоге, см. Треугольник Раскрытия.)

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

Закрытие Диалогов

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

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

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

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

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

Как правило, используйте кнопку Отменить. Кнопка Отменить возвращает компьютер к состоянию, в котором он находился до момента появления диалога. Это означает “забудь, что я об этом упомянул.” Также, удостоверьтесь, что клавиша быстрого доступа Command-period и клавиша Esc (Escape) предназначены для кнопки Отменить.

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

Разместите третью кнопку для закрытия диалога слева от кнопки Отменить. Если третья кнопка может привести к потере данных, например, кнопка Не Сохранять, попробуйте расположить ее на расстоянии по меньшей мере в 24 пункта от “безопасных” кнопок (Отменить и Сохранить, к примеру).

Поместите кнопку, которая влияет на содержимое диалога с левого конца диалога. Если кнопки Help нет, поместите кнопку, которая влияет на содержимое диалога таким образом, чтобы ее левый край был выровнен с основным текстом диалога. Если кнопка Help есть, поместите эту кнопку справа от нее. Например, кнопка Help в диалоге Печати, которая расширяет диалог для отображения большей информации о процессе печати, находится слева от кнопки Показать Детали.

Окна Параметров

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

Часто в окне параметров отсутствует панель инструментов, которая содержит элементы, функционирующие как переключатели панели. Когда пользователь кликает на элемент в таком типе панели инструментов, область содержимого окна параметров переключается для отображения другого вида под названием панель. Такой дизайн удобен для приложений, которым нужно предоставить несколько настроек в каждой из нескольких разных категорий. Например, окно параметров Safari содержит панель инструментов, которая позволяет пользователям выбирать среди категорий настроек, таких как закладки, оформление и RSS.

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

Поддерживайте выбранное оформление элемента в панели инструментов переключателей. Когда пользователь кликает на элемент в панели инструментов переключателей, окно отображает еще одну панель. Важно определить, какой элемент выделен на данный момент посредством поддержания выбранного оформления элемента. Например, в окне параметров Safari вы можете увидеть выделенный фон, который обозначает, что элемент Tabs является активным.

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

Используйте заголовок текущей панели для заголовка окна параметров. Заголовок окна параметров должен быть таким же, как заголовок выбранной на данный момент панели, даже если вы не используете панель инструментов переключателей для изменения панелей. (Стоит отметить, что если ваше окно параметров не содержит панелей, его заголовок должен быть “App Name Preferences”.) В дополнение, окно параметров с изменяемыми панелями должно запоминать, какую панель пользователь выделил самой последней, когда открылось окно.

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

Диалог Открытия

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

Вы можете растянуть диалог Открытия для вашего приложения нужным образом. Например, диалог открытия Текстового Редактора содержит дополнительный раздел, который позволяет пользователям выбирать разную кодировку.

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

Удостоверьтесь, что пользователи могут использовать комaнду Открыть для отображения диалога Открытия. Пользователи ожидают, что комaнда Открыть отобразит диалог Открытия. Сравните это с диалогом Выбора, который может отображаться посредством использования разных комaнд в разных приложениях. Также хорошей идеей является предоставление стандартной клавиши быстрого доступа Command-O для отображения диалога Открытия, так как она знакома большинству пользователей.

Выберите рациональное местоположение по умолчанию. Для диалога Открытия iCloud местоположением по умолчанию является iCloud. Вы не должны менять этого поведения. Для получения большей информации см. iCloud.

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

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

Используйте комaнду Открыть Последнее для сопровождения комaнды Открыть. Комaнда Открыть Последнее позволяет пользователям снова открыть недавние документы без использования диалога Открытия.

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

Диалог Выбора

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

Диалог Выбора:

  • Может быть открыт посредством различных комaнд
  • Может поддерживать многократный выбор
  • Поддерживает предпросмотр документа
  • Может подвергаться изменению размера

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

ПРИМЕЧАНИЕ

Недавние Места не регистрируют папки, которые пользователи выбирают в диалоге Выбора.

Настройте заголовок диалога Выбора для отражения задачи (если диалог не является листом). По умолчанию, заголовком диалога является “Выбрать”. Если, например, комaнда, которая отображает диалог — это Выбрать Изображение, назовите этот диалог “Выбрать Изображение”. Если это работает, также измените кнопку Выбрать на что-то более конкретное.

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

Диалоги Печати и Параметров Страницы

Пользователи ожидают, что большинство документов можно напечатать, или что можно использовать версию для печати. OS X предоставляет стандартные диалоги, которые ваше приложение может отобразить, чтобы пользователи могли получить надлежащий опыт печати в каждом приложении, которое они используют.

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

По умолчанию, диалог печати появляется в минимальном размере (здесь показан в диалоге, привязанном к документу Редактора Текста). Пользователи могут получить дополнительные функции в развернутом диалоге Печати посредством клика Показать Детали.

В развернутом диалоге Печати опции пользователя предоставлены через функции всплывающего меню, отображающее панели, которые управляются и перемещаются посредством расширений диалога печати (PDE). PDE предоставлены операционной системой, модулями принтера и приложениями. Apple предоставляет множество панелей печати. В развернутом диалоге Печати, показанном здесь, вы можете увидеть опции “Верхние и нижние колонтитулы” и “Изображение по размеру кадра”, которые предоставляет Текстовый редактор.

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

  • Выбирайте название элемента меню, которое не противоречит элементам меню, которые уже присутствуют во всплывающем меню функций, и которое точно описывает содержимое панели. Для приложения элементом меню должно быть название приложения.
  • Удостоверьтесь, что функции, которые вы вносите, подходят для вашего приложения. Например, опция печати в обратном порядке должна быть предоставлена операционной системой, а не вашим приложением. (Внесение этой функции требует, чтобы приложение знало возможности оборудования.)
  • Сделайте так, чтобы взаимосвязь между опциями была понятной пользователям. Например, если пользователь выбирает двустороннюю печать, опция печати на прозрачной бумаге должна стать недоступной.
  • Отделите дополнительные параметры от часто используемых пользователем функций. Когда пользователь выбирает отображение дополнительных параметров, над дополнительными элементами управления должен отображаться заголовок “дополнительные параметры”
  • В надлежащем случае, покажите пользователям, к какому результату приведет их выбор. Например, изображение миниатюр, которое показывает результат изменения регулятора тона, помогает пользователям определить желаемые настройки.
  • Сохраняйте пользовательские параметры печати документа, хотя бы, когда документ открыт, и предоставьте способ для пользователей сохранять индивидуальные настройки.

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

Окна Поиска

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

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

Диалоги Сохранения

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

ПРИМЕЧАНИЕ

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

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

У диалога сохранения есть два состояния: минимальное (также называется свернутое) и развернутое. Нажатие на кнопку раскрытия переключает эти два состояния. Например, в минимальном диалоге Сохранения (здесь отображается Текстовым Редактором) вы можете увидеть закрытую кнопку раскрытия справа от заголовка документа.

Минимальное окно Сохранения содержит эти элементы:

  • Текстовое поле Сохранить Как, в котором пользователи вводят название документа. Опытные пользователи могут вводить имя пути документа посредством нажатия Command-Shift-G. (Стоит отметить, что разделитель имен пути — это символ “/”.)
  • Всплывающее меню Where, которое содержит установленные величины, папки в боковой панели Finder и Recent Places (пять самых последних папок, которые пользователь открывал, или в которое сохранял документы).
  • Кнопку Сохранить (кнопка по умолчанию).
  • Кнопку Отменить, которая закрывает диалог и возвращает приложение в предыдущее состояние.
  • Кнопку раскрытия. Клик на нее отображает развернутый диалог Сохранения. (Чтобы получить больше информации о том, как использовать кнопки раскрытия, см. Кнопка Раскрытия.)
  • Дополнительный вид, который может содержать такую информацию, как настройки кодировки текста. (Как правило, этот дополнительный вид не является необходимым.)

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

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

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

В дополнение к диалогу Сохранения, приложение, направленное на работу с документами, может отображать подтверждение закрытия диалога сохранения. У этого подтверждения закрытия диалога сохранения (отображается, когда пользователи закрывают окно документа, содержащее данные, которые никогда еще не были сохранены) есть такие же минимальное и развернутое состояния, как и у стандартного диалога Сохранения. Например, Текстовый Редактор отображает подтверждение закрытия диалога сохранения, когда пользователь закрывает окно нового документа, в котором имеются не сохраненные изменения.

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

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

Выберите рациональное местоположение по умолчанию. Местоположение по умолчанию появляется во всплывающем меню Where (в минимальном диалоге Сохранения) и в Finder (в развернутом диалоге Сохранения). Как правило, местоположение по умолчанию — это одна из предопределенных папок в пользовательской домашней папке. Если пользователь выбирает другую папку, удостоверьтесь, что вы запомнили выбор пользователя, чтобы он появился при следующем отображении диалога.

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

Отображайте название по умолчанию нового документа до того, как пользователь впервые сохранит этот документ. Как правило, это название должно быть “untitled.” В поле Сохранить Как отображайте выбранное название по умолчанию, чтобы пользователи легко могли заменить его уникальным названием. Если пользователь выбирает, чтобы расширение названия файла было видно, расширение не выделяется.

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

ПРИМЕЧАНИЕ

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



Отзывы (через Facebook):

Оставить отзыв с помощью аккаунта FaceBook:


Док-Панель

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

18 10 2021 17:40:36

Дизайн, Ориентированный на Пользователя

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

17 10 2021 10:45:39

HomeKit

HomeKit упрощает для людей использование приложений автоматизации дома на устройствах iOS, чтобы управлять соответствующим оборудованием в домах, независимо от производителя оборудования. Лучшие приложения для автоматизации домов объединены с HomeKit и iOS, чтобы помочь пользователям:...

16 10 2021 9:53:21

Фокусировка и Эффект Параллакс

Считается, что при выделенном состоянии на экране медиаплеера Apple TV иконки, изображения, клавиши или другие элементы интерфейса находятся в фокусе. Как только фокус наводится на какой-либо элемент, он плавно выдвигается на передний план и качается при произведении круговых движений по поверхности пульта дистанционного управления (ДУ). При этом, этот элемент подсвечивается и создается глянцевый блеск по всей поверхности элемента. При бездействии в течение определенного периода времени все элементы, не находящиеся в фокусе, тускнеют, а сфокусированный элемент становится еще больше в размере. Такой эффект привлекает пользователей, сидящих в комнате на диване, обеспечивая чёткость изображения и контекст, а также выделяя активированный участок....

15 10 2021 14:44:24

Цвет

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

14 10 2021 7:44:48

Дистанционный Пульт

Дистанционное управления и взаимодействие...

13 10 2021 22:17:17

Панель Вкладок

Элементы интерфейса – стандартные блоки в вашем приложении. Используйте их для выведения информации на экран и упрощения работы с содержимым вашего приложения....

12 10 2021 7:31:29

Создание Бренда

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

11 10 2021 0:59:49

Spotlight

Spotlight  Spotlight — это мощная технология поиска OS X, которая делает процесс поиска файлов на компьютере таким же простым как поиск в сети. Используя Spotlight пользователи могут выполнять поиск элементов, используя свойства, которые имеют для них значение, такие как целевая аудитория документа, ориентация изображения или ключевые знаки музыки в аудиофайле. Такая информация (называется метаданные) встроена в файл приложением, которое его создало. Мощь Spotlight начинается со способности извлекать, хранить, обновлять и организовывать метаданные файлов, чтобы обеспечить быстрый и всеохватывающий поиск....

10 10 2021 9:16:37

iCloud

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

09 10 2021 16:27:21

Открытие Окон

Пользователи ожидают, что окно откроется, когда они:...

08 10 2021 20:34:22

Слайдеры

Слайдер позволяет пользователям вносить изменения в значение. Слайдер отображает свое значение в виде набора шагов или непрерывной панели. Значение слайдера увеличивается или уменьшается посредством предопределенной суммы и в границах заданного диапазоона....

07 10 2021 18:40:15

Создание Изображений с Изменяемым Размером

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

06 10 2021 21:40:46

Авто Сохранение и Версии

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

05 10 2021 10:23:37

Quick Look

Используя Quick Look, пользователи могут просматривать документ внутри вашего приложения, даже если ваше приложение не может открыть документ. Например, вы можете позволить пользователям предварительно просмотреть документы, которые они загрузили с веб-сайта или получили из других источников....

04 10 2021 3:31:12

Иконки Меню

Меню содержат в себе действия, которые пользователи могут выполнить. У каждого действия есть необходимые название и иконка. Названия меню ограничены двумя строками, так что текст должен быть коротким. Иконки меню являются шаблонными изображениями, в которых для выделения формы используется альфа-канал изображения (не цветовой канал)....

03 10 2021 14:46:56

Параметры

Параметры представляют собой выделенные пользователем настройки, которые ваше приложение запоминает от сессии до сессии. Пользователи ожидают, что в параметрах смогут настроить внешний вид и поведение вашего приложения в соответствии со своими предпочтениями. Например, среди всего прочего, в параметрах Finder пользователи могут настроить содержимое окон Finder и поведение функции Файл > Новый Окна Finder....

02 10 2021 5:41:30

Файлы Запуска

Файл (или изображение) запуска предоставляет заполняющее изображение, которое iOS отображает при запуске вашего приложения. Заполняющее изображение создаёт у пользователей впечатление, что ваше приложение быстрое и отзывчивое, так как оно появляется немедленно и сразу же заменяется первым экраном вашего приложения. Каждое приложение должно поддерживать файл запуска или, по меньшей мере, одно статичное изображение....

01 10 2021 16:16:26

Handoff

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

30 09 2021 22:20:11

Отметки Даты и Времени

Отметки даты и времени отображают на Apple Watch значения в реальном времени....

29 09 2021 12:57:34

Расширения Приложений

Расширения приложения увеличивают область действия вашего приложения, давая пользователям доступ к узконаправленным частям его функциональных возможностей, во время того, как они используют другие приложения. Например, во время просмотра веб-сайтов в Safari, люди могут использовать расширение “Поделиться”, чтобы разместить изображение или статью на вашем информационном ресурсе для общения и взаимодействия. Либо во время использования Finder люди могут использовать ваше расширение Finder Sync, чтобы выбрать документы, которые вы синхронизировали с источником удаленных данных. (В таких ситуациях Safari и Finder называются приложениями хоста, так как они предоставляют пользователям доступ к расширениям.)...

28 09 2021 17:30:32

Таблицы

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

27 09 2021 7:38:13

Индикаторы

Индикатор хода выполнения процесса информирует пользователей о статусе долгой операции....

26 09 2021 5:44:12

Социальные Сети

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

25 09 2021 1:12:45

Жесты

На сенсорной поверхности пульта ДУ можно применять различное количество жестов, то есть, действий, производимых нажатием одного пальца. Используйте их для создания физического контакта с материалом, изображенным на экране....

24 09 2021 17:46:48

Элементы Управления Текстом

Статичное Текстовое Поле...

23 09 2021 7:59:49

Game Center

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

22 09 2021 13:19:35

3D Touch

3D Touch предоставляет пользователям iOS 9 дополнительный аспект взаимодействия. На поддерживаемых устройствах люди быстро могут выбрать определённые для приложения действия с Начального экрана посредством нажатия на иконку приложения. Внутри приложения люди могут использовать различные нажатия для быстрого просмотра элемента, открытия элемента в раздельном окне и получения доступа к соответствующим действиям. (Чтобы узнать больше об использовании 3D Touch в вашем коде, смотрите раздел Adopting 3D Touch on iPhone.)...

21 09 2021 11:32:22

Иконки Боковой Панели

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

20 09 2021 20:37:47

Живые Фотографии

Живые Фотографии позволяют пользователям запечатлеть и вновь пережить приятные воспоминания в режиме движения и звука. Появившись на iOS 9, приложение Камера захватывает дополнительно содержимое, включая аудио и дополнительные кадры перед и после фото, что добавляет жизни привычным фотоснимкам....

19 09 2021 13:29:53

Приложения

Операционная система tvOS предусматривает рамки для создания захватывающих игр, утилит и других приложений, которые поддерживаются медиаплеером Apple TV для просмотра в исходном формате.  Если вы уже знакомы с дизайном приложений iOS, вы уже знаете почти все, что вам необходимо. В системе tvOS предусмотрено большинство элементов интерфейса и платформ разработки.  Однако, создание пользовательского интерфейса «как в кинотеатре», который отлично смотрится на телевизионном экране при использовании пульта дистанционного управления, требует некоторых важных и уникальных особенностей разработки....

18 09 2021 3:22:16

Фильмы

Фильм отображает изображение постера фильма, которое при нажатии представляет модальное воспроизведение видео или аудио. Используйте этот элемент, чтобы поместить короткие медиа-клипы наряду с остальным содержимым. Воспроизведение медиафайлов осуществляется системой....

17 09 2021 21:52:23

Датчик Ускорения

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

16 09 2021 22:50:28

Об Элементах Управления и Видах

Элементы управления представляют собой графические объекты, которые приводят к безотлагательным действиям или видимым результатам, когда пользователи воздействуют на них. Виды представляют собой элементы пользовательского интерфейса, которые отображают пользователям содержимое. Платформа AppKit выделяет элементы управления и виды, которые вы можете использовать в своем приложении, такие как комaндные кнопки, кнопки-переключатели, текстовые поля, экранные таблицы, окна вкладок и вспомогательные окна. Здесь вы можете увидеть некоторые из элементов управления и видов (среди других объектов), которые представлены Конструктором Интерфейса в библиотеке Object....

15 09 2021 19:18:37

Рамки

Чтобы гарантировать слаженность в процессе использования Apple Watch, предоставляются шаблоны, руководства, рамки и шрифты....

14 09 2021 23:17:49

Звук

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

13 09 2021 20:19:52

Размеры Дисплея

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

12 09 2021 8:30:52

Названия

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

11 09 2021 18:47:16

Проектирование для Yosemite

Скачать OS-X Human Interface Guidelines...

10 09 2021 4:22:33

Шрифты

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

09 09 2021 20:13:28

Домашний экран

На домашнем экране медиаплеера Apple TV отображаются установленные приложения.  Пользователь управляет сеткой иконок приложений, выбирает одну сетку и нажимает на иконку. Иконка активируется....

08 09 2021 8:24:12

Изображения Complication

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

07 09 2021 20:23:33

Контекстуальные Меню

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

06 09 2021 19:51:50

Обзор Изменений Документа

Обзор Изменений Документа...

05 09 2021 18:51:55

Иконки и Символы в Меню

Иконки Помогают Пользователям Определить Элементы...

04 09 2021 10:28:30

HealthKit

В iOS 8 и позднее, приложения, созданные при помощи HealthKit, могут использовать данные приложения Здоровье, чтобы предоставить более мощные и доступные оздоровительные и спортивные услуги. С разрешения пользователя, приложения могут использовать HealthKit и для чтения, и для написания данных из приложения Здоровье, главного местоположения хранилища данных пользователя, связанных со здоровьем....

03 09 2021 14:56:17

Force Touch

Force Touch  ...

02 09 2021 17:51:58

Защита

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

01 09 2021 1:29:17

Web Clip Иконки

Если у вас есть веб-приложение или веб-сайт, вы можете предоставить уникальную иконку, которую пользователи могут отобразить на Начальном экране посредством использования функции web clip. Пользователи нажимают на иконку, чтобы одним лёгким движением получить доступ к веб-содержимому. Вы можете создать иконку, которая представляет ваш веб-сайт полностью, или иконку, которая представляет одну веб-страницу....

31 08 2021 14:14:27

Запуск и Завершение

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

30 08 2021 12:20:25

Еще:
Устройство компьютера -1 ::