Гайдлайн по безопасным интерфейсам

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

Если ты делаешь приложение, которое хотя бы теоретически могут открыть за рулём — этот документ для тебя

Почему мобильный интерфейс
в машине — это отдельная задача

В обычной жизни

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

За рулём

Водитель управляет машиной. Ему нужно следить за дорогой, знаками, пешеходами и другими машинами. Каждый взгляд на экран — это секунды, когда глаза не на дороге. При скорости 60 км/ч за одну секунду машина проезжает 16 метров

Это не повод отказываться
от интерфейса совсем.
А повод делать его по‑другому

Хороший водительский интерфейс — это не «упрощённая версия» обычного приложения. Это отдельная прослойка с собственными правилами, где каждое дизайн-решение оценивается не только по красоте и удобству, но по безопасности

Для начала ответь на вопрос:
должен ли водитель делать это за рулём?

Лучшая функция для водителя —
та, которая не требует действия

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

Как пользоваться этим документом

Документ разделён на три слоя, каждый из которых отвечает на свой вопрос

Слой 1

Хорошо ли это видно? Здесь всё про шрифты, контраст, анимации и режимы отображения

Визуальные параметры

Слой 2

Можно ли это делать вообще во время движения?

Что разрешено,
а что нельзя

Слой 3

Компоненты
и детали

Из каких деталей собирать экран? Таргеты, типографика, цвет, звук, структура экранов

Чек-лист для ревью сценариев

Хорошо ли это видно? Здесь всё про шрифты, контраст, анимации и режимы отображения

На чём основан этот документ

Мы не придумывали правила с нуля. В основе — пять международных и национальных стандартов, которые описывают, как устроено восприятие водителя и какие интерфейсы не отвлекают от дороги

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

ГОСТ Р 58497–2019

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

ISO 15008:2017

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

NHTSA Human Factors Design Guidance

Технические требования Google для приложений в автомобилях. Самый свежий и практически применимый документ

Android Automotive Driver Distraction Guidelines

Слой 1

Американские федеральные рекомендации: что разрешено делать в интерфейсе, а что категорически нет. Содержат знаменитое правило 2 и 12 секунд

NHTSA Visual-Manual Driver Distraction Guidelines

Авторы

Команда дизайна и исследований Делимобиля