Modelo espacial

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

Las descripciones detalladas se proporcionan en otras secciones. Para obtener una guía de 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 aplicación para proporcionar una navegación principal. Estas vistas y elementos se describen en la tabla a continuación y se muestran en las siguientes secciones.

Tipo de vista Elementos incluidos Se muestra cuando...
Contactos explorables (Recientes, Contactos, Favoritos y vistas de detalles)
  • Barra de la app (o encabezado de la app, en vistas detalladas)
  • Espacio de contacto explorable (lista, cuadrícula o vista detallada)
 El usuario está explorando la información de contacto y la llamada o realiza 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 de la llamada
  • Barra de control
 Hay una llamada en curso
Control de la app (Búsqueda y Configuración)
  • Encabezado de la app
  • Superposición de búsqueda o configuración
 El usuario está buscando un contacto o ajustando la configuración de la app.

Vistas de contactos 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 aplicación y el espacio de contacto. Según las dimensiones de la pantalla, se pueden apilar los controles principales de navegación y de la app, en lugar de mantenerlos en una sola barra horizontal.

Vistas de Dialpad y en la llamada

Anatomía del teclado
1. Dialpad
Anatomía de la barra de control durante la llamada
1. Pantalla de estado de la llamada
2. Barra de control

Vistas de control de apps (Búsqueda y Configuración)

Anatomía de la búsqueda
1. Encabezado de la app / barra de búsqueda
2. Superposición de búsqueda
Anatomía de la configuración
1. Encabezado de la app
2. Superposición de parámetros de configuración

Navegación principal (barra de la app)

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

Pestañas de cambio de navegación del Teléfono
Los usuarios pueden seleccionar las pestañas Recientes, Contactos o Favoritos en la barra de la aplicación para navegar entre estas vistas de contactos. Los usuarios también pueden seleccionar Teclado para realizar llamadas con él.
Modelo espacial de la navegación con el Marcador
Si seleccionas una pestaña en la barra de la app, se reemplazará la vista actual por una vista diferente de la app de nivel superior

Controles de la app

Los controles de la app ubicados a la derecha de la barra de la app brindan acceso a las funciones de búsqueda y configuración dentro de la app (representadas por los íconos de lupa y de engranaje, respectivamente).

Ejemplo de controles de apps
Si seleccionas el control Configuración (como se muestra aquí) en la barra de la app, se abrirá una superposición que permite a los usuarios modificar los parámetros de configuración de la app. El control de búsqueda aparece una superposición con un teclado y una barra de búsqueda. Si cierras las superposiciones de búsqueda o configuración, los usuarios regresarán 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 al encabezado de una app

Espacio de contenido explorable

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

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

Navegación de los contactos del Marcador
La vista de nivel superior de los contactos explorables permite a los usuarios seleccionar y llamar a un contacto, o navegar hacia abajo en un nivel, como se muestra aquí, para ver los detalles del contacto
La app controla el modelo espacial
Si seleccionas el vínculo de un contacto de una vista de contacto de nivel superior, se abre el siguiente nivel hacia abajo con más detalles

Dialpad

Los usuarios pueden seleccionar la pestaña Teclado para mostrar un teclado para realizar llamadas. Si un número ingresado parcialmente corresponde a un número de teléfono de 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 del teclado con un contacto reconocido
Teclado con número de teléfono ingresado parcialmente, lista de contactos coincidentes y botón de llamada

Pantalla de estado en la llamada y barra de control

Cuando un usuario realiza o responde una llamada dentro de la app de Teléfono, 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 durante la llamada para administrar las llamadas.

Llamadas con teclado y barra de control
Cuando se realiza una llamada, pero no se responde, la pantalla de estado de la llamada muestra el mensaje "Llamando..."
Pantalla de llamada y barra de control
Cuando se contesta una llamada, la pantalla de estado en la llamada muestra su duración