Уровни качества виджетов,Уровни качества виджетов,Уровни качества виджетов,Уровни качества виджетов

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

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

• Уровень 3. Низкое качество — не соответствует минимальной планке качества и не обеспечивает удобство для пользователей.
• Уровень 2: Стандарт качества — полезен, удобен и обеспечивает качество.
• Уровень 1: Дифференцированные — это образцовые виджеты, предлагающие персонализированный опыт героя и помогающие пользователям создавать уникальные и продуктивные домашние экраны.

Уровень 3: Низкое качество

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

Уровень 2 — Стандарт качества

Виджет считается качественным, если он соответствует всем следующим критериям макета, цвета, обнаружения и содержания:

Макет

• Виджет должен заполнять границы, установленные сеткой запуска при размещении на главном экране. Размер виджета можно изменить как минимум до одного из следующих размеров: 2x2, 4x2 (ячейки сетки запуска). Дополнительную информацию см. в разделе Рекомендации по выбору размеров .
  • Виджет должен правильно выравниваться относительно других элементов главного экрана по вертикальной или горизонтальной оси и не занимать лишнего места.
  • Виджет должен касаться как минимум двух противоположных краев сетки. Другими словами, виджеты не обязательно должны быть прямоугольными. Они могут иметь произвольные формы, если края фигуры касаются хотя бы двух краев сетки.
• Если размер виджетов можно изменить, он должен иметь соответствующий минимальный или максимальный размер, который можно установить с помощью minWidth , minHeight , maxResizeWidth и maxResizeHeight в XML-файле AppWidgetProviderInfo.
  • Максимальный размер должен быть установлен, если изменение размера виджета только добавляет пустое пространство.
  • Минимальный размер должен быть установлен на основе минимального размера, который ваш виджет по-прежнему представляет ценность и соответствует требованиям к сенсорному экрану (48x48).

check_circle

Делать

Предоставьте сенсорные объекты размером 48 x 48 dp.

cancel

Не

Сделайте сенсорные объекты слишком маленькими.

Цвет

• Текст виджета и кнопки со значками должны иметь достаточную контрастность для соответствия требованиям доступности (кроме миниатюр и изображений).

check_circle

Делать

Обеспечьте достаточный цветовой контраст.

cancel

Не

Используйте цвета с недостаточным цветовым контрастом.

Открытие

• Виджет должен иметь точный предварительный просмотр в средстве выбора виджетов. Это можно установить с помощью previewImage и previewLayout в XML-файле AppWidgetProviderInfo или с помощью Generated Previews .

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

Содержание

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

Уровень 1 – Дифференцированный

Лучшие виджеты соответствуют всем критериям уровня 2 и всем следующим критериям макета, цвета, обнаружения и согласованности системы.

Макет

• Виджет заполняет границы и правильно выравнивается по другим элементам главного экрана по вертикальной или горизонтальной оси и не занимает ненужного места.
  • Все фигуры ДОЛЖНЫ касаться всех четырех краев границ сетки.

check_circle

Делать

Расширьте виджет на все 4 края границ сетки.

cancel

Не

Создайте собственный размер, который не заполняет границы сетки.

• Виджет поддерживает предпочтительный размер

  • Размер виджета можно изменить как минимум до одного из следующих размеров: 2x2, 4x2.

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

  • Рекомендуется использовать заголовок, если:
    • Вы хотите предоставить глубокие ссылки на определенные функции приложения, например поиск.
    • Вы хотите применить значок фирменного оформления приложения, который одновременно будет служить последовательной ссылкой на приложение при нажатии.
    • Виджет содержит прокручиваемый контент (список, сетка и т. д.)
    • Содержимое заголовка обеспечивает полезный контекст (название списка дел).
  • Заголовок не является обязательным, если:
    • Виджет представляет собой изображение без полей (фотографии)
    • Пространство ограничено (высота < 2 рядов)
    • Когда содержимое заголовка является избыточным.
  • Если вы используете заголовок, соответствуйте нашей спецификации:
    • Значок, заголовок, действия.
      • Значок всегда присутствует
      • Заголовок появляется, когда достаточно места
      • Действия на основе контекста виджета.
    • Высота 48 dp, отступы: 14 dp.

check_circle

Делать

Предоставьте заголовок, соответствующий спецификациям виджета.

cancel

Не

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

Цвет

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

Открытие

• Предварительная версия включает пользовательский контент или применяет системную тему (API Generated Previews или previewLayout в XML-файле AppWidgetProviderInfo ).

• Виджет имеет имя или описание, которое помогает пользователям понять ценность виджета.
  • Длина имени составляет менее 50 символов.
  • Имя и описание уникальны в приложении. Например, в приложении не может быть несколько виджетов с одним и тем же именем.

check_circle

Делать

Добавьте уникальное краткое описание.

cancel

Не

Дайте общее описание.

Согласованность системы

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

check_circle

Делать

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

cancel

Не

Установите собственный радиус угла.

• Показывает состояние загрузки с индикатором выполнения (в пределах initialLayout с тематическим цветом или фирменным эквивалентом).

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

Помните о советах, предлагаемых в этом руководстве, при создании виджета. Вы хотите обеспечить лучшее качество и отличный пользовательский опыт. Многие качественные панели можно встретить с помощью Canonical Layouts . Чтобы узнать больше о полосах качества, дизайнеры обращаются к шаблонам виджетов Android , а разработчики — к примерам кода макета в наших примерах платформы и руководстве для разработчиков макетов .

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

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

• Уровень 3. Низкое качество — не соответствует минимальной планке качества и не обеспечивает удобство для пользователей.
• Уровень 2: Стандарт качества — полезен, удобен и обеспечивает качество.
• Уровень 1: Дифференцированные — это образцовые виджеты, предлагающие персонализированный опыт героя и помогающие пользователям создавать уникальные и продуктивные домашние экраны.

Уровень 3: Низкое качество

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

Уровень 2 – Стандарт качества

Виджет считается качественным, если он соответствует всем следующим критериям макета, цвета, обнаружения и содержания:

Макет

• Виджет должен заполнять границы, установленные сеткой запуска при размещении на главном экране. Размер виджета можно изменить как минимум до одного из следующих размеров: 2x2, 4x2 (ячейки сетки запуска). Дополнительную информацию см. в разделе Рекомендации по выбору размеров .
  • Виджет должен правильно выравниваться относительно других элементов главного экрана по вертикальной или горизонтальной оси и не занимать лишнего места.
  • Виджет должен касаться как минимум двух противоположных краев сетки. Другими словами, виджеты не обязательно должны быть прямоугольными. Они могут иметь произвольные формы, если края фигуры касаются хотя бы двух краев сетки.
• Если размер виджетов можно изменить, он должен иметь соответствующий минимальный или максимальный размер, который можно установить с помощью minWidth , minHeight , maxResizeWidth и maxResizeHeight в XML-файле AppWidgetProviderInfo.
  • Максимальный размер должен быть установлен, если изменение размера виджета только добавляет пустое пространство.
  • Минимальный размер должен быть установлен на основе минимального размера, который ваш виджет по-прежнему представляет ценность и соответствует требованиям к сенсорному экрану (48x48).

check_circle

Делать

Предоставьте сенсорные объекты размером 48 x 48 dp.

cancel

Не

Сделайте сенсорные объекты слишком маленькими.

Цвет

• Текст виджета и кнопки со значками должны иметь достаточную контрастность для соответствия требованиям доступности (кроме миниатюр и изображений).

check_circle

Делать

Обеспечьте достаточный цветовой контраст.

cancel

Не

Используйте цвета с недостаточным цветовым контрастом.

Открытие

• Виджет должен иметь точный предварительный просмотр в средстве выбора виджетов. Это можно установить с помощью previewImage и previewLayout в XML-файле AppWidgetProviderInfo или с помощью Generated Previews .

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

Содержание

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

Уровень 1 – Дифференцированный

Лучшие виджеты соответствуют всем критериям уровня 2 и всем следующим критериям макета, цвета, обнаружения и согласованности системы.

Макет

• Виджет заполняет границы и правильно выравнивается по другим элементам главного экрана по вертикальной или горизонтальной оси и не занимает ненужного места.
  • Все фигуры ДОЛЖНЫ касаться всех четырех краев границ сетки.

check_circle

Делать

Расширьте виджет на все 4 края границ сетки.

cancel

Не

Создайте собственный размер, который не заполняет границы сетки.

• Виджет поддерживает предпочтительный размер

  • Размер виджета можно изменить как минимум до одного из следующих размеров: 2x2, 4x2.

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

  • Рекомендуется использовать заголовок, если:
    • Вы хотите предоставить глубокие ссылки на определенные функции приложения, например поиск.
    • Вы хотите применить значок фирменного оформления приложения, который одновременно будет служить последовательной ссылкой на приложение при нажатии.
    • Виджет содержит прокручиваемый контент (список, сетка и т. д.)
    • Содержимое заголовка обеспечивает полезный контекст (название списка дел).
  • Заголовок не является обязательным, если:
    • Виджет представляет собой изображение без полей (фотографии)
    • Пространство ограничено (высота < 2 рядов)
    • Когда содержимое заголовка является избыточным.
  • Если вы используете заголовок, соответствуйте нашей спецификации:
    • Значок, заголовок, действия.
      • Значок всегда присутствует
      • Заголовок появляется, когда достаточно места
      • Действия на основе контекста виджета.
    • Высота 48 dp, отступы: 14 dp.

check_circle

Делать

Предоставьте заголовок, соответствующий спецификациям виджета.

cancel

Не

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

Цвет

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

Открытие

• Предварительная версия включает пользовательский контент или применяет системную тему (API Generated Previews или previewLayout в XML-файле AppWidgetProviderInfo ).

• Виджет имеет имя или описание, которое помогает пользователям понять ценность виджета.
  • Длина имени составляет менее 50 символов.
  • Имя и описание уникальны в приложении. Например, в приложении не может быть несколько виджетов с одним и тем же именем.

check_circle

Делать

Добавьте уникальное краткое описание.

cancel

Не

Дайте общее описание.

Согласованность системы

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

check_circle

Делать

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

cancel

Не

Установите собственный радиус угла.

• Показывает состояние загрузки с индикатором выполнения (в пределах initialLayout с тематическим цветом или фирменным эквивалентом).

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

Помните советы, предлагаемые в этом руководстве, при создании виджета. Вы хотите обеспечить лучшее качество и отличный пользовательский опыт. Многие качественные панели можно встретить с помощью Canonical Layouts . Чтобы узнать больше о полосах качества, дизайнеры обращаются к шаблонам виджетов Android , а разработчики — к примерам кода макета в наших примерах платформы и руководстве для разработчиков макетов .