Modelo espacial

Esta introducción a Dialer describe sus elementos principales, las funciones básicas que proporcionan y la arquitectura que los mantiene unidos.

Las descripciones detalladas se proporcionan en otras secciones. Para obtener una guía sobre estas secciones, consulta la descripción general.

Anatomía

La IU de Teléfono incluye 4 tipos principales de vistas y varios elementos recurrentes, como la barra de la app que proporciona navegación principal. Estas vistas y elementos se describen en la siguiente tabla y se muestran en las siguientes secciones.

Tipo de vista Elementos incluidos Se muestra cuando...
Contactos explorables (recientes, contactos, favoritos y vistas detalladas)
  • Barra de la app (o encabezado de la app, en vistas detalladas)
  • Espacio de contacto explorable (vista de lista, cuadrícula o detalles)
 El usuario está navegando por la información de un contacto o una llamada, o realizando una llamada a un contacto
Teclado
  • Barra de la aplicación
  • Dialpad
 El usuario está ingresando un número de teléfono para realizar una llamada.
En una llamada
  • Pantalla de estado en la llamada
  • Barra de control
 Hay una llamada en curso
Control de la app (Búsqueda y configuración)
  • Encabezado de la aplicación
  • Búsqueda o configuración
 El usuario está buscando un contacto o ajustando la configuración de la app

Vistas de contacto explorables

Anatomía de la app de Teléfono
1. Barra de la app con pestañas de navegación principales y controles de la app
2. Espacio de contacto explorable

Esta es la disposición predeterminada de la barra de la app y el espacio de contacto. Según las dimensiones de la pantalla, la navegación principal y los controles de la app pueden apilarse, en lugar de mantenerse en una sola barra horizontal.

Vistas de teclado y de llamada

Anatomía del teclado
1. Teclado telefónico
Anatomía de la barra de control en la llamada
1. Pantalla de estado en la llamada
2. Barra de control

Vistas de control de la app (Búsqueda y configuración)

Anatomía de la búsqueda
1. Encabezado de la app o barra de búsqueda
2. Superposición de la búsqueda
Anatomía de la configuración
1. Encabezado de la app
2. Configuración superpuesta

Navegación principal (barra de la app)

La navegación de la barra de la app principal consta de pestañas expuestas:

Pestañas de navegación del teclado
Los usuarios pueden seleccionar las pestañas Recientes, Contactos o Favoritos en la barra de la aplicación para navegar por las vistas de estos contactos. Los usuarios también pueden seleccionar Teclado para realizar llamadas.
Modelo espacial de la navegación mediante Teléfono
Si seleccionas una pestaña en la barra de la app, se reemplaza la vista actual por una vista de la app de nivel superior diferente

Controles de la app

Los controles de la app en el lado derecho de la barra de la app proporcionan acceso a las funciones de búsqueda y configuración de la app (representadas por los íconos de lupa y ajustes, respectivamente).

Ejemplo de controles de la app
Si seleccionas el control Configuración (como se muestra aquí) en la barra de la aplicación, se abrirá una superposición que les permitirá a los usuarios modificar la configuración de la aplicación. El control de búsqueda muestra una superposición con un teclado y una barra de búsqueda. Si cierras las superposiciones de configuración o de búsqueda, los usuarios vuelven a su ubicación anterior en la app.
La app controla el modelo espacial
Cuando se selecciona un control de app, se abre una superposición sobre el contenido explorable y la barra de la app cambia a un encabezado de app

Espacio de contenido explorable

En el espacio de contacto explorable, los usuarios pueden desplazarse verticalmente por los contactos y navegar por el espacio z hasta los detalles de contacto individuales, en un nivel de jerarquía.

Dado que la navegación por varios niveles aumenta la carga cognitiva del conductor, en el Teléfono solo hay dos niveles de contacto: el nivel principal y los detalles de contacto.

Navegación por los contactos del Teléfono
La vista de nivel superior de los contactos explorables permite a los usuarios seleccionar y llamar a un contacto, o navegar por un nivel, como se muestra aquí, para ver los detalles del contacto.
La app controla el modelo espacial
Si selecciona el vínculo de un contacto desde la vista de un contacto de nivel superior, se abre el siguiente nivel con más detalles.

Dialpad

Los usuarios pueden seleccionar la pestaña Teclado para mostrar un teclado para realizar una llamada. Si un número ingresado de forma parcial corresponde exclusivamente a un número de teléfono en los contactos, se muestra la coincidencia y el usuario puede realizar una llamada sin tener que ingresar el número completo.

Pestaña del teclado, orientación horizontal
Vista inicial del teclado
Orientación vertical de la pestaña Teclado telefónico con contacto reconocido
Teclado con número de teléfono ingresado parcialmente, lista de contactos coincidentes y botón de llamada

Pantalla de estado en llamada y barra de control

Cuando un usuario realiza o responde una llamada dentro del Marcador, la pantalla de estado de la llamada muestra el nombre del contacto, el estado o la duración de la llamada y una barra de control en la llamada para administrarla.

Llamadas y barra de control del teclado
Cuando se realiza una llamada, pero no se responde, la pantalla de estado de la llamada muestra "Llamada..."
Pantalla de control y llamada dentro de la llamada
Cuando se responde una llamada, la pantalla de estado de la llamada muestra su duración