El movimiento es una herramienta poderosa que debe usarse con moderación al volante. Solo es apropiado cuando ayuda a informar a los conductores sin distraerlos de la carretera.
Orientación de un vistazo (TL;DR):
- Evite distraer a los usuarios con movimientos innecesarios
- Utilice el movimiento para aumentar la comprensión de los usuarios y desarrollar su competencia.
- Haga que su lenguaje de movimiento sea lo suficientemente flexible para todo el hardware relevante
- Utilice el patrón de movimiento recomendado para su situación
Principios del movimiento
Al diseñar movimiento para interfaces de Android for Cars, tenga en cuenta tres principios básicos: ser seguro, ser informativo y ser flexible.
Seguro
Conducir es la tarea principal del usuario; todo lo demás es secundario. Considere la atención del usuario como un recurso limitado y evite usar el movimiento para crear distracciones innecesarias.
Informativo
Utilice el movimiento para transmitir información útil para los usuarios. Por ejemplo, el movimiento puede mejorar la comprensión del producto por parte de los usuarios al mostrar las relaciones jerárquicas y espaciales entre los elementos. El movimiento también puede ayudar a los usuarios a familiarizarse con la interfaz al indicar las interacciones disponibles.
Flexible
Definir un lenguaje de movimiento que sea escalable y lo suficientemente flexible para ajustarse a pantallas de todos los tamaños y formas, así como a todo tipo de entrada del usuario.
Patrones de movimiento
Para garantizar una experiencia de usuario uniforme en todas las aplicaciones, Android Automotive ofrece recomendaciones de patrones de movimiento específicos para usar en las siguientes situaciones:
- Cambiar entre vistas del mismo nivel
- Pasar a una vista de detalle
- Extender una acción existente
- Minimizar y expandir una acción
- Interrumpir una acción
Todos los patrones de movimiento de esta sección se basan en la aceleración estándar, como se explica en las directrices de aceleración de Material Design. Es decir, los movimientos se aceleran rápidamente y se ralentizan gradualmente para centrarse en el final de la transición.
Cambiar entre vistas del mismo nivel
Al cambiar entre vistas con el mismo nivel de jerarquía en una app, como pestañas en la barra de apps o canciones en una lista de reproducción, usa un movimiento lateral. El movimiento horizontal refuerza la idea de permanecer en el mismo nivel dentro de la app.
Ejemplo
Pasar a una vista de detalle
Al pasar de una vista de contenido de nivel superior a una vista de detalle, utilice un movimiento de profundidad z que aumente la escala de la capa inferior y la atenúe al mismo tiempo que la capa superior desaparece. Este movimiento refuerza la relación padre-hijo entre la vista de nivel superior y la vista de detalle, centrando la atención en esta última.
Ejemplo
Extender una acción existente
Cuando un usuario realiza una acción relacionada, utilice un movimiento vertical (arriba o abajo) para presentar la acción secundaria en una superposición a pantalla completa, con un fondo de pantalla, sobre la acción principal. Ver la acción principal a través de la pantalla refuerza la sensación de que el usuario sigue participando en ella.
Al cerrar la acción secundaria, utilice el movimiento inverso. Este movimiento debería tomar menos tiempo que el movimiento original, ya que el usuario ha terminado con la acción secundaria y está listo para salir.
