Google стремится продвигать расовую справедливость для черных сообществ. Смотри как.
Эта страница была переведа с помощью Cloud Translation API.
Switch to English

Руководство по настройке параметров Android

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

Принципы дизайна

Обеспечить хороший обзор

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

Рисунок 1. Настройки и их текущие значения представлены на экране верхнего уровня

Организовать предметы интуитивно

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

Рисунок 2. Общие настройки находятся вверху экрана

Сделать настройки легко найти

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

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

Рисунок 3 и 4. «Звук уведомления по умолчанию» появляется на экранах «Уведомление» и «Звук»

Используйте четкое название и статус

Сделайте названия своих настроек краткими и значимыми. Избегайте использования нечетких названий, таких как «Общие настройки». Под заголовком отобразите статус, чтобы выделить значение параметра. Показать конкретные детали, а не просто описание заголовка.

Титулы должны:

  • Сначала поместите самый важный текст вашего ярлыка.
  • Перефразируйте отрицательные слова, такие как «не» или «никогда», в нейтральные термины, такие как «блок».
  • Используйте безличные ярлыки, такие как «Уведомления» вместо «Уведомить меня». Исключение: если для понимания настройки необходимо обратиться к пользователю, используйте второе лицо («вы»), а не первое лицо («я»).

Титулы следует избегать:

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

Типы страниц

Список настроек

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

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

Рисунок 5. Пример списка настроек

Посмотреть список

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

Рисунок 6. Пример представления списка

Экран сущности

Экран объекта используется для представления настроек отдельного элемента, такого как приложение, учетная запись, устройство, сеть Wi-Fi и т. Д.

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

Рисунок 7. Пример экрана Entity, используемого в информации о приложении

Рисунок 8. Пример экрана Entity, используемого в Storage

Мастер настройки

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

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

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

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

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

Экран выбора переключателя

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

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

Рисунок 11. Радиокнопки не должны использоваться в списке настроек

Рисунок 12. Как правильно использовать переключатели в настройках

Составные части

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

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

Рисунок 13. Панель инструментов с действиями поиска и помощи

Для панелей инструментов с одним действием : представить действие перед поиском.

Рисунок 14. Панель инструментов с одним действием перед действиями поиска и помощи

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

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

Рисунок 15. Панель инструментов с переполнением меню для действий

Заголовок объекта

Заголовок объекта может показывать только заголовок или заголовок с подтекстом (для подтекста допускается несколько строк). Действие ниже не является обязательным. Вы можете иметь максимум два действия.

Рисунок 16. Заголовок объекта

Значок и заголовок (App1) будут прокручиваться под заголовком (информация о приложении).

Рисунок 17. Название информации о приложении здесь является частью панели инструментов, а остальная часть экрана будет прокручиваться под ним.

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

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

Примеры:

Рисунок 18. Ссылка на меню со значком, заголовком и подтекстом

Рисунок 19. Ссылка на меню с заголовком и подтекстом

Рисунок 20. Ссылка на меню только с заголовком

Ссылка в меню со значком, заголовком, подтекстом и отдельной целевой целью справа

Другие цели должны использовать цвет темы.

Рисунок 21. Пример целевого меню с двумя касаниями

Ссылка в меню со значком, заголовком, подтекстом и статистикой / номером / значком предупреждения

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

Обычно числовые значения представлены справа, чтобы пользователи могли легко просматривать и сравнивать их.

Рисунок 22. Пример меню со значком, заголовком, статистикой и графиком

Группировка и делители

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

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

Рисунок 23. Настройки, сгруппированные с разделителями

переключатель

Переключение со значком, заголовком и подтекстом

Рисунок 24. Переключение со значком, заголовком и подтекстом

Переключить с заголовком и подтекстом

Рисунок 25. Переключение с заголовком и подтекстом

Переключаться только с заголовком

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

Рисунок 26. Переключение только с заголовком

Элемент списка + переключатель

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

Для элемента списка слева заголовок обязателен. Значок и подтекст не являются обязательными.

Рисунок 27. Элемент списка и переключатель

ползунок

Значок не является обязательным в слайдере.

Рисунок 28. Слайдер

Экранная кнопка

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

Рисунок 29. Серые кнопки для «Удалить» и «Принудительно остановить»

Рисунок 30. Синяя кнопка «Включить сейчас»

Прогрессивное раскрытие (Advanced)

Настройки, которые не часто используются, должны быть скрыты. Используйте «Дополнительно» только тогда, когда нужно скрыть как минимум 3 элемента.

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

Рисунок 31. Дополнительно используется на экране «Дисплей»

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

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

Рисунок 32. Выпадающее меню

флажок

Используйте переключатели, если это возможно.

Флажки можно использовать:

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

Рисунок 33. Флажки используются для уменьшения количества переключателей на этом экране

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

Рисунок 34. Ссылка, используемая в настройках

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

Рисунок 35. Текст нижнего колонтитула

Узоры

Данные

Критические данные могут отображаться на графике в виде столбчатой ​​или круговой диаграммы. Эти данные могут быть показаны в заголовке объекта. Примеры включают мобильные данные и хранилище.

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

Рисунок 36. Пример, показывающий хранилище

Рисунок 37. Пример, показывающий сеть

Обучение пользователей

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

Рисунок 38. Настройка с использованием анимации и текста нижнего колонтитула

формы

Если форма имеет одно поле ввода, используйте обычный диалог. Это предоставляет пользователям простой способ ввода одного ввода.

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

Рисунок 39. Форма с нормальным диалогом

Результаты поиска

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

Рисунок 40. Результат поиска