Голосовой индикатор

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

Голосовые индикаторы

Принципы

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

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

Использование и размещение

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

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

Делать

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

Не

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

Если отображается на карточке

Выровняйте индикатор по центру карточки с помощью 1-2 линий.

Если строка контента 1 или 2, выровняйте индикатор голосового ввода по вертикальному центру.

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

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

Делать

Используйте цвет, соответствующий основному фирменному цвету приложения.

Предупреждение

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

Анатомия

Прогресс в анатомии

Голосовой индикатор с контейнером и без контейнера

Настройка

Цвет и расположение индикатора голоса можно настроить в зависимости от места размещения и фирменной символики.

Характеристики Настройка По умолчанию
Показать контейнер Да ЛОЖЬ
Цвет Да Начальный