Движение — мощный инструмент, который следует использовать за рулём с осторожностью. Оно уместно только тогда, когда может помочь водителю получить необходимую информацию, не отвлекая его от дороги.
Краткое руководство (TL;DR):
- Избегайте отвлекающих действий со стороны пользователей.
- Используйте анимацию, чтобы улучшить понимание пользователями материала и повысить их квалификацию.
- Сделайте свой язык управления движением достаточно гибким для работы со всем соответствующим оборудованием.
- Используйте рекомендуемую схему движений, подходящую для вашей ситуации.
Принципы движения
При разработке анимационных интерфейсов для Android в автомобилях следует помнить о трех основных принципах: безопасность, информативность и гибкость.
Безопасный
Управление автомобилем — это основная задача пользователя, все остальное второстепенно. Воспринимайте внимание пользователя как ограниченный ресурс и избегайте использования движений для создания ненужных отвлекающих факторов.
Информативный
Используйте анимацию для передачи информации, которая помогает пользователям. Например, анимация может улучшить понимание пользователями продукта, демонстрируя иерархические и пространственные связи между элементами. Анимация также может помочь повысить уровень владения интерфейсом, указывая на доступные варианты взаимодействия.
Гибкий
Разработайте язык анимации, который будет масштабируемым и достаточно гибким, чтобы адаптироваться к экранам всех размеров и форм, а также ко всем типам пользовательского ввода.
Модели движения
Для обеспечения единообразного пользовательского опыта во всех приложениях Android Automotive предоставляет рекомендации по использованию определенных моделей движений в следующих ситуациях:
- Переключение между представлениями одного уровня
- Переход к детальному просмотру
- Расширение существующего действия
- Минимизация и расширение действия
- Прерывание действия
Все схемы движения в этом разделе основаны на стандартном сглаживании, как описано в рекомендациях Material Design по сглаживанию . То есть, движения быстро ускоряются и замедляются более плавно, чтобы сосредоточить внимание на завершении перехода.
Переключение между представлениями одного уровня
При переключении между элементами на одном и том же уровне иерархии в приложении, например, вкладками на панели приложения или песнями в плейлисте, используйте движение из стороны в сторону. Горизонтальное движение усиливает ощущение пребывания на одном уровне внутри приложения.
Пример
Переход к детальному просмотру
При переходе от общего представления контента к детальному просмотру используйте анимацию с изменением глубины по оси Z, которая увеличивает нижний слой и плавно отображает его по мере исчезновения верхнего слоя. Эта анимация усиливает связь между общим и детальным представлениями, привлекая внимание к последнему.
Пример
Расширение существующего действия
Когда пользователь выполняет какое-либо действие и одновременно совершает связанное с ним действие, используйте вертикальное (вверх или вниз) движение, чтобы отобразить вторичное действие на полноэкранном экране поверх основного действия, на фоне полупрозрачной ткани. Возможность видеть основное действие сквозь полупрозрачную ткань подчеркивает, что пользователь все еще находится в этом действии.
При завершении вторичного действия используйте обратное действие. Обратное действие должно занять меньше времени, чем первоначальное, поскольку пользователь завершил вторичное действие и готов выйти.
