Product Craft Bible
Automotive HMI
Inicio Verticales Automotive HMI
Verticales

Automotive HMI

12 reglas NHTSA Visual-Manual Driver Distraction Guidelines, Federal Register 78 FR 24817SAE J2364 Navigation and Route Guidance Function Accessibility While Driving; SAE J2365Google Design for Driving, Android Auto Sizing GuidelinesGoogle Design for Driving, Android Auto Typography Guidelines
181

Automotive HMI

12 reglas
1581

Cada vistazo al display debe durar menos de 2 segundos

Ninguna interaccion con una pantalla vehicular debe exigir que el conductor aparte la vista de la carretera por mas de 2.0 segundos seguidos. El total acumulado de todos los vistazo para una sola tarea no debe exceder 12 segundos.

NHTSA Visual-Manual Driver Distraction Guidelines, Federal Register 78 FR 24817
Preferir
NAVEGACION
Paseo de Montejo 123
Merida, Yucatan · 4.2 km
Ir
Paseo de Montejo 456
Merida, Yucatan · 6.8 km
Ir
Tarea completa en <8 seg acumulados
Evitar
Escribe destino...
Q
W
E
R
T
Y
U
I
O
P
A
S
D
F
G
H
J
K
L
Z
X
C
V
B
N
M
8-10 vistazo de 2-4 seg c/u para 6 caracteres
1582

Ninguna tarea de conduccion supera 15 segundos estaticos (SAE J2364)

Cualquier tarea secundaria en la interfaz vehicular debe completarse en 15 segundos o menos al medirla con el auto detenido. SAE J2364 define el inicio cuando las manos salen del volante y el fin cuando el sistema confirma el ultimo input.

SAE J2364 Navigation and Route Guidance Function Accessibility While Driving; SAE J2365
Preferir
Destinos frecuentes
Casa
22 min · 14.3 km
Oficina
8 min · 5.1 km
Evitar
Paso 2 de 6
Selecciona zona de confort
Norte
Sur
Oriente
Poniente
6 pantallas · 8 taps · ~22 seg
1583

Minimo 76x76dp por objetivo tactil con 24dp de separacion

Todos los elementos interactivos en pantalla vehicular deben medir al menos 76x76 dp. La separacion minima entre ellos y los bordes de pantalla es de 24dp. Este estandar es mayor que los 44px de mobile porque el conductor toca sin mirar y con precision reducida por la vibracion.

Google Design for Driving, Android Auto Sizing Guidelines
Preferir
Bohemian Rhapsody
Queen · A Night at the Opera
Zona de toque: 76x76dp · separacion: 24dp
Evitar
Bohemian Rhapsody
Queen
32dp · 8dp de separacion, rechazado en Play Store auto
1584

Texto body minimo 24dp; nunca usar menos de 24dp en contenido legible

Android Auto obliga un tamano minimo de 24dp para todo texto legible. Los subtextos no criticos pueden bajar, pero nunca debe haber contenido que el conductor necesite leer por debajo de 16dp. Usar solo 2-3 tamanos de tipo por pantalla para reducir carga cognitiva.

Google Design for Driving, Android Auto Typography Guidelines
Preferir
Cielito Lindo
Mariachi Sol de Mexico
Grandes Exitos Vol. 2
TITULO 32dp / 600
ARTISTA 24dp / 400
Evitar
450 m
Incorporarse en
Av. Prolongacion Paseo de Montejo por la Glorieta de las Americas en direccion norte
Nombre de calle a 14dp, requiere 3+ vistazo para leer
1585

Profundidad maxima de 3 taps desde la pantalla principal

Cualquier funcion que el conductor necesite en movimiento debe alcanzarse en maximo 3 taps desde home. Las funciones que genuinamente requieren mas profundidad deben reestructurarse o restringirse a modo estacionado.

Smashing Magazine, Designing HMI For Vehicles of The Future (2021); Android Auto 5-screen task flow requirement
Preferir
Clima
Audio
Tap 1 de 2 · Clima activo
22°
+ Temp
- Temp
Conductor
Copiloto
Evitar
Paso 5 de 5 · Tap 5
Nivel de calefaccion
1
2
3
Config > Confort > Asientos > Conductor > Calefaccion
1586

Rojo exclusivamente para alertas criticas; ambar para advertencias

Los indicadores rojos deben aparecer unicamente en condiciones que requieren accion inmediata del conductor (perdida de presion de aceite, falla de frenos). El ambar senala advertencias que requieren atencion pero no accion inmediata. Ningun elemento decorativo, de marca o interactivo puede usar rojo.

ISO 2575 Simbolos para Controles e Indicadores; IEC 60073 Codificacion de Color
Preferir
Presion de aceite critica
Detener el vehiculo de inmediato
Fluido de frenos bajo
Revisar en proximo servicio
LKAS activo
Asistente de carril funcionando
Evitar
SoundMax
Cada elemento rojo fuerza evaluacion de peligro: ~100-200ms de delay
1587

Modo nocturno bajo 1 cd/m2 para preservar la vision nocturna

En condiciones de oscuridad, el brillo de la pantalla vehicular debe reducirse a menos de 1 cd/m2 de forma automatica al detectar la activacion de faros o el sensor de luz ambiental. La transicion de dia a noche debe ocurrir en 2-5 segundos para evitar deslumbramiento subito.

SID Information Display Journal, Bauer (2016); Display Considerations for Night Viewing, Cambridge University
Preferir
RPM
1.8
x1000
68
km/h
TEMP
89°
Motor
Modo noche · 0.8 nit · activacion automatica con faros
Evitar
CONFIGURACION DE PANTALLA
Brillo
78%
0%100%
Ajuste manual requerido cada noche
~300 nits de noche = destruye vision escopica en segundos
1588

Posicionar el HUD entre 3 y 5 grados bajo la linea de vision frontal del conductor

El contenido del HUD debe proyectarse en una banda vertical de 3 a 5 grados bajo la mirada horizontal hacia adelante del conductor. La dispersion horizontal debe mantenerse dentro de 10 grados del eje central del vehiculo. Para AR-HUDs, la distancia de imagen virtual debe superar los 7 metros para coincidir con el plano focal de la carretera.

PMC/NCBI Automotive AR Head-Up Displays (2024); ScienceDirect In-vehicle HMI guidelines for AR HUDs (2024)
Preferir
87
km/h
450 m
80
Limite
Velocidad · izquierda-inferior
Guia · centro
Limite · derecha
Evitar
Incorporarse en 200 m
8° sobre horizonte
, horizonte,
Muy alto: el conductor inclina la cabeza y cambia el foco a distancia cercana
1589

El sistema de voz debe confirmar el comando con audio en menos de 500ms

Una interfaz de voz vehicular debe proporcionar un tono de confirmacion audible o confirmacion hablada dentro de los 500ms de que el conductor termina su enunciado. El feedback de procesamiento (spinner o "Pensando...") debe aparecer en menos de 200ms si la respuesta completa tarda mas. El tiempo total de ida y vuelta no debe exceder 4 segundos.

NHTSA In-Vehicle Voice Control Interface Performance (DOT HS 812 314, 2016); VUI Design Guide 2026, FuseLab Creative
Preferir
"Navegar a casa"
Conductor
<400ms
tono 300ms
"Navegando a Casa, 22 min"
Sistema · <2.5 seg total
Evitar
"Llamar a mama"
...
3 seg de silencio
El conductor mira la pantalla para verificar si fue captado
Vistazo de verificacion = proposito del VUI anulado
1590

Suprimir notificaciones no criticas cuando la velocidad supera 5 km/h

Las notificaciones push, banners promocionales, alertas de actualizacion y redes sociales deben suprimirse y quedar en cola cuando el vehiculo esta en movimiento por encima de 5 km/h. Solo las alertas de seguridad critica pueden interrumpir al conductor en marcha. Las notificaciones en cola deben presentarse unicamente cuando el vehiculo este detenido.

NHTSA Visual-Manual Distraction Guidelines, Inherently Distracting Tasks; Android Auto Car App Quality Guidelines; Google Design for Driving Notifications
Preferir
NAVEGACION ACTIVA · 40 km/h
Gira a la derecha
Av. Itzaes · 320 m
Maria: Llego 10 min tarde
WhatsApp
Responder
OK
Evitar
Actualizacion disponible
Sistema v4.2.1 listo
Nuevas funciones disponibles. Actualiza ahora para disfrutar el reproductor mejorado y mas opciones de navegacion.
Despues
Actualizar
Mostrado a 110 km/h · bloquea toda la pantalla
1591

Controles fisicos o de posicion fija para las 6 funciones mas criticas

Volumen, contestar/colgar llamada, activacion de voz, silencio de navegacion, luces de emergencia y anulacion de ADAS deben tener botones fisicos dedicados o posiciones fijas en pantalla que nunca cambien entre estados de UI. Los controles tactiles fijos permiten operacion por memoria muscular sin ningun tiempo de vistazo.

Euro NCAP HMI Assessment Protocol v10.4 (2024); Nielsen Norman Group, Tesla Big Touchscreen Analysis
Preferir
Vol +/-
Voz
Llamada
Colgar
Vol
Nav mute
Emergencia
Evitar
App Musica
Bohemian Rhapsody
Vol
App Navegacion
450m - Gira derecha
Mute
App Telefono
Control de volumen no disponible
3 posiciones diferentes · desaparece en 1 app → busqueda visual = vistazo
1592

Transiciones de pantalla en 200-300ms; nunca usar transiciones de mas de 500ms

Todas las transiciones de pantalla, expansiones de menu y apariciones de modal en una pantalla vehicular deben completarse en 200-300ms. Las transiciones de mas de 500ms crean un periodo en estado intermedio que invita a un segundo vistazo de confirmacion. Las animaciones de idle deben usar ciclos de menos de 4 segundos.

AxureBoutique/Medium, Automotive HMI Interaction Design (citando investigacion SAE); Android Auto Performance Guidelines; Google Material Motion for Automotive
Preferir
NAVEGACION ACTIVA
Gira a la izquierda
Calle 60 · 180 m
Control de Clima
250ms ease-out
22°
Conductor
Subir
Bajar
22°
Copiloto
Evitar
MAPA VECTORIAL
En transicion...
600ms cross-dissolve
Pantalla borrosa a mitad de la animacion invita a 2do vistazo para confirmar
300ms
600ms