Тематика уведомлений

Система уведомлений Android Automotive OS (AAOS) предоставляет водителям важную информацию, уделяя приоритетное внимание безопасности дорожного движения и минимизируя отвлекающие факторы. В этом руководстве объясняется, как настроить автомобильные уведомления и как они работают.

Принципы проектирования

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

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

Как отображаются уведомления

Уведомления доставляются по двум основным каналам в зависимости от их приоритета и категории:

• Уведомления с оповещениями (HUN): Краткие оповещения с высоким приоритетом, которые появляются на экране. Они используются для отображения важной информации, например, входящих звонков или инструкций по навигации.
• Центр уведомлений: централизованный ресурс, где водители могут просмотреть историю пропущенных уведомлений.

Настройка

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

Пользовательский интерфейс и доступ

Вы можете определить, как водитель получает доступ к Центру уведомлений:

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

Визуальное оформление

Вы можете настроить внешний вид уведомлений в соответствии с дизайнерским стилем вашего автомобиля:

• Типографика и цвет: настройте шрифты и цветовые палитры для дневного и ночного режимов.
• Формы: Настройте радиусы скругления углов и размеры контейнера.
• Анимация: Определите анимацию появления и исчезновения уведомлений.

Приоритет и категории

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

• Категории, относящиеся к конкретным автомобилям: включают CAR_EMERGENCY, CAR_WARNING и CAR_INFORMATION для оповещений о состоянии транспортного средства.
• Коммуникации: Обрабатывает категории CALL и MESSAGE » с оптимизированными действиями, такими как «Воспроизвести» и «Отключить звук».
• Навигация: Использует категорию NAVIGATION для предоставления пошаговых инструкций только для HUN.

Следующие шаги

Чтобы начать настройку уведомлений для вашего автомобиля:

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

Карточки-уведомления о стиле

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

Типы уведомительных карточек

Существует три основных типа уведомительных карточек:

• Всплывающее уведомление (HUN): Кратковременно появляется в верхней (или нижней, в зависимости от ориентации) части экрана поверх текущего приложения.
• Карточка «Центр уведомлений»: используется для постоянных уведомлений, отображаемых в Центре уведомлений.
• Групповая карточка уведомлений: объединяет несколько связанных уведомлений в одну расширяемую карточку.

Анатомия карты

Каждая карта представляет собой гибкий контейнер, состоящий из четырех основных областей:

1. Заголовок: Содержит значок приложения, название приложения и, при необходимости, метку времени.
2. Содержание: Отображает заголовок уведомления и сопроводительный текст (с возможностью предварительного просмотра сообщения).
3. Действия: До трех кнопок для взаимодействия с пользователем (например, «Ответить», «Отключить звук»).
4. Большая иконка: Дополнительное место для аватаров или символов навигации.

Рекомендации по стилю

В следующих разделах описаны рекомендации по стилю.

Типография

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

• Основной текст: Обычно 32 dp (Основной текст 1) для главных заголовков.
• Дополнительный текст: Обычно 24 стр. (Основной текст 3) для вспомогательной информации.
• Шрифты: Хотя Roboto является стандартом, производители оборудования могут использовать собственные фирменные шрифты.

Цвет и высота

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

• Фон карточки: используйте различные оттенки серого (например, серый 868 для дня, серый 900 для ночи).
• Текст и значки: Используйте белый цвет с высокой непрозрачностью (88% и более) для основной информации и цвет с пониженной непрозрачностью (60–72%) для второстепенных деталей.
• Дополнительный цвет: Примените фирменный цвет приложения к второстепенным значкам или определенным действиям, чтобы помочь пользователям определить источник.

Форма и расстояние

Настройте физические границы карточки в соответствии с дизайнерским стилем вашего пользовательского интерфейса.

• Радиус скругления углов: по умолчанию установлен на 8dp (R2), но его можно отрегулировать для более закругленного или квадратного вида.
• Поля: Поддерживайте одинаковый отступ (стандартные 16 или 24 dp) между краями карточки и внутренними элементами.

Адаптация экрана и состояние привода

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

• Во время движения автомобиля рекомендуется скрывать предварительный просмотр сообщений или обрезать длинные текстовые строки, чтобы снизить когнитивную нагрузку.
• Анимация: Используйте стандартные анимации появления и исчезновения (например, скольжение вниз для HUN, свайп для исчезновения), чтобы обеспечить визуальную обратную связь.

Разработка центра уведомлений

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

Основная функциональность

В Центре уведомлений доступны уведомления, не требующие немедленного реагирования, такие как сообщения и напоминания. Уведомления, требующие оперативного реагирования, например, пошаговая навигация или информация об активных телефонных звонках, не сохраняются; они отображаются только в виде предупреждающих уведомлений (Heads-up Notifications, HUN).

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

Параметры настройки

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

1. Методы доступа

Вы можете определить, как пользователи получают доступ к Центру уведомлений, в зависимости от пользовательского интерфейса вашей системы:

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

2. Визуальный стиль

Вы можете настроить следующие визуальные элементы в соответствии с фирменным стилем вашего бренда:

• Цветовая палитра: Задайте отдельные цвета фона и акцентные цвета для дневного и ночного режимов.
• Типографика: Задайте семейство шрифтов, толщину и размер для заголовков, названий и основного текста.
• Форма: Отрегулируйте радиус скругления углов карточек уведомлений и всего контейнера.
• Макет: Настройте поля, отступы и вертикальное расстояние между карточками уведомлений.

Модель взаимодействия

Чтобы свести к минимуму отвлечение внимания водителя, модель взаимодействия ограничивается только необходимыми действиями:

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

Ограничения на движение

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

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

Контрольный список проектирования

• Высокая контрастность: Убедитесь, что текст и значки соответствуют стандартам доступности при любых условиях освещения.
• Большие мишени для ударов: Разработайте кнопки и карточки таким образом, чтобы их было легко нажимать без точного управления моторикой.
• Единый фирменный стиль: Применяйте одни и те же правила настройки как в Центре уведомлений, так и в напоминаниях (HUN).

Последовательность движений

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

Принципы автомобильного движения

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

Ключевые схемы движения

Основные схемы движения описаны в этом разделе.

1. Прибытие с уведомлением о прибытии (HUN).

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

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

2. Свайп для закрытия

Водители могут отменить уведомление HUN или карточку в Центре уведомлений, проведя пальцем по экрану в горизонтальном направлении.

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

3. Расширение групповых уведомлений

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

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

Время и смягчение

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

Передовые методы

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