Personalizar la interfaz de usuario del marcador

Puede personalizar la interfaz de usuario del marcador para reflejar su marca y garantizar una apariencia consistente en todas sus aplicaciones.

La personalización del marcador implica las siguientes tres tareas:

Tarea Descripción

1) Aplicar estilo global

Aplicar estilo global en todas las vistas de la interfaz de usuario del Marcador

2) Vistas del Marcador de estilos

Aplicar un estilo personalizado opcional a los elementos de la interfaz de usuario que aparecen solo en vistas específicas del Marcador

3) Modificar diseños

Ajuste, reorganice o modifique los diseños del marcador, si es necesario, para que se adapten mejor al interior del automóvil o a las funciones compatibles.

Para obtener orientación sobre la experiencia del usuario, consulte la lista de verificación del marcador .

Aplicar estilo global

El primer paso de personalización es aplicar un estilo global y apropiado para la marca en todas las vistas del Dialer.

Al diseñar los colores, la apariencia del texto y otros aspectos globales de la interfaz de usuario de Dialer para reflejar su marca, los fabricantes de automóviles crean una experiencia de usuario consistente en todas sus aplicaciones. (Para ver ejemplos de la interfaz de Dialer, visita la aplicación Dialer). Esta sección explica qué se puede personalizar globalmente para Dialer y proporciona pautas para tomar decisiones de estilo optimizadas para el vehículo.

¿Qué se puede diseñar globalmente?

Los fabricantes de automóviles pueden personalizar los siguientes aspectos de la interfaz de usuario en múltiples vistas del marcador:

  • Paleta de colores
  • Tipografía
  • Dimensionamiento de los elementos de la lista
  • Forma y tamaño del avatar
  • Apariencia del icono
  • Apariencia de la barra de aplicaciones
  • Apariencia del botón
  • Apariencia del diálogo

Al realizar cambios de estilo, tenga en cuenta las siguientes pautas.

Pautas generales de estilo

Observe las mismas convenciones de estilo para Dialer que para otras aplicaciones en su interfaz de usuario, con opciones de diseño optimizadas para las experiencias en el vehículo.

¿Qué se requiere?

Siga nuestros requisitos generales de UX, que cubren:

  • Relación de contraste
  • Tamaños mínimos de tipo y de objetivo táctil
  • Temas oscuros
  • Distancia entre objetivos táctiles

Estos requisitos ayudan a crear una interfaz de usuario optimizada para el vehículo, coherente y fácil de ver.

Vistas del marcador de estilos

El siguiente paso después de aplicar un estilo global es aplicar un estilo personalizado opcional a vistas específicas del Marcador.

Algunos elementos que solo aparecen en vistas específicas, como los botones del teclado, podrían mejorarse con un estilo que se adapte a la marca y al interior del vehículo. Para ver ejemplos de la interfaz del Marcador, visita la aplicación Marcador.

Qué se puede personalizar en vistas específicas

Cuatro de las vistas del Marcador tienen elementos específicos de la vista para los cuales los fabricantes de automóviles podrían querer proporcionar un estilo personalizado.

Vista Elementos personalizables

Recientes

Iconos del historial de llamadas

Teclado de marcación

Botones del teclado

Pantalla de estado de llamada entrante

Iconos de la barra de control

Superposición de espera

Icono de interruptor

Los fabricantes de automóviles pueden anular el estilo de una característica de la interfaz de usuario global, como la apariencia del texto, en cualquier vista del Marcador por un motivo específico.

Al personalizar vistas específicas del Marcador, tenga en cuenta las pautas de estilo generales proporcionadas para personalizar estilos globales.

Modificar diseños

Opcionalmente, los fabricantes de automóviles pueden modificar el diseño del marcador en determinadas circunstancias.

Los fabricantes de automóviles pueden:

  • Ajustar los diseños para que se ajusten mejor a las dimensiones de la pantalla
  • Reorganizar los elementos de un diseño para un automóvil o una ubicación específicos
  • Modificar un diseño para deshabilitar una función que no admiten

Las modificaciones de diseño que van más allá de simples ajustes (en particular cuando implican deshabilitar una función) deben realizarse con precaución para garantizar que el Marcador siga funcionando.

Al realizar modificaciones que deshabiliten funciones o reorganicen elementos de un diseño, respete las pautas de estilo generales y asegúrese de que las funciones restantes del Marcador funcionen como se espera.

Ajustar los diseños para que se ajusten a las dimensiones de la pantalla

Si las versiones predeterminadas de los diseños del marcador no son óptimas para las dimensiones particulares de la pantalla de un automóvil, los fabricantes de automóviles pueden ajustarlas.

Ajustar los diseños para que se ajusten a las dimensiones de la pantalla implica dos pasos:

  • Configuración de la altura y el ancho general de la pantalla en las superposiciones de recursos
  • Garantizar que los elementos y los objetivos táctiles en cada vista del marcador estén separados adecuadamente y sean fácilmente accesibles

Consulte las pautas de estilo generales para obtener consideraciones de estilo adicionales que podrían afectar los diseños.

Reorganizar los elementos del diseño

En algunos casos, los fabricantes de automóviles podrían querer reorganizar los diseños para adaptarlos al interior de un vehículo en particular. Por ejemplo, en vehículos con la columna de dirección a la derecha, un fabricante podría querer reorganizar el diseño de la vista del teclado numérico para moverlo a la derecha de la pantalla en lugar de a la izquierda.

Consulte las pautas de estilo generales para obtener consideraciones de estilo adicionales que podrían afectar los diseños.

Modificar diseños para deshabilitar funciones

Si los fabricantes de automóviles deciden desactivar una función del Marcador eliminando el acceso a ella en sus diseños, deben asegurarse de que las funciones restantes no se vean afectadas involuntariamente. La aplicación debe seguir cumpliendo las directrices de modificación del diseño de esta sección, así como las restricciones de usuario impuestas según el estado de conducción del vehículo, como bloquear el acceso a la Configuración mientras el usuario conduce.

Además, es importante eliminar las referencias a cualquier función deshabilitada de todos los diseños que la incluyan. Por ejemplo, los fabricantes de automóviles que no deseen incluir la vista de contactos "Favoritos" no solo deben deshabilitar la pestaña "Favoritos" en la barra de aplicaciones, sino también ocultar o eliminar el botón "Favoritos" en la vista de detalles de contacto.

Requisitos de UX

Utilice esta lista para comprobar que las personalizaciones de estilo y diseño del Marcador cumplen con todos los requisitos de diseño.

Para obtener detalles completos sobre las pautas DEBE, DEBERÍA y PUEDE en cada área de personalización, visite los enlaces en la columna de la izquierda.

Al personalizar Comprueba que

Estilo global o específico de la vista

Estilo personalizado:

  • Refleja la marca del fabricante del automóvil.
  • Es coherente con el estilo de otras aplicaciones en el mismo automóvil.
  • Utilice un tema oscuro, si es posible.
  • Cumple o supera los requisitos de contraste
  • Cumple o supera los mínimos de tamaño para texto y objetivos táctiles.

Diseños

(Dimensiones, disposiciones o características)

Diseños modificados:

  • Cumplir con las pautas de estilo señaladas anteriormente
  • Cumplir con las restricciones de usuario según el estado de conducción
  • Conserve las funciones clave necesarias para la usabilidad de la aplicación, como el teclado de marcación, el botón de finalización de llamada, el botón de cambio de llamada, las funciones de retroceso, la búsqueda y la configuración en la aplicación y al menos una vista de contacto con acceso a los detalles del contacto.