Saltar al contenido principal

Lectura en la vista de tarjetas

Descripción general​

Los patrones de lectura desde una vista de tarjetas se habilitan con los siguientes métodos. Elija un modo de visualización que se adapte al caso de uso y que sea coherente en todas las filas de la tabla.

  • Vista de cajón: Utilícela cuando los detalles de una tarjeta se puedan ver sin recurrir al desplazamiento y quizás sea necesario realizar acciones mientras se muestra el contexto, o cuando interactuar con la tarjeta de origen sea importante.

  • Modales: Utilícelos cuando se necesite centrar la atención en un objeto antes de que el usuario lleve a cabo una acción.

  • Transferencia de página: Utilícela cuando la página de información general o de detalles de un objeto (tarjeta) sea sustanciosa y sea necesario realizar más acciones. Mostrar a los usuarios el contexto o interactuar con la tarjeta de origen no es tan importante aquí.

Puede usar objetos como enlaces para abrir la vista o el editor, a fin de que el acceso sea más rápido. Cada uno de estos mecanismos de transferencia puede activarse desde un enlace, una acción o un elemento de menú Ver detalles. El método para volver a la vista de tarjetas depende de cuál sea el modo de visualización. Los cajones y los modales tienen mecanismos explícitos para salir de ellos. Las transferencias de página utilizan un enlace de retroceso en las rutas de navegación.

Ver detalles mediante el cajón​

Utilice el cajón en estas situaciones:

  • Los detalles que se mostrarán caben sin necesidad de desplazarse hacia abajo en el panel.
  • No es necesario centrar la atención del usuario en un objeto.

Flujo de interacción del cajón​

Flujo de interacción del cajón de vista de tarjetas

Pautas para el uso del cajón​

Desencadenador

  • El cajón se activa desde el elemento de menú Ver detalles en un menú de desbordamiento.

Contenido

  • Los detalles que se mostrarán deben ajustarse al área del cajón sin necesidad de desplazarse hacia abajo en el panel.
  • El área del cajón se puede utilizar para mostrar formularios de datos complejos, como gráficos, secciones de contenido con pestañas y elementos interactivos.

Navegación

  • Proporcione a los usuarios los medios para cerrar la vista de cajón.

Ver detalles mediante una ventana modal​

Utilice una ventana modal en estas situaciones:

  • Solo es necesario mostrar detalles mínimos.
  • Mantener el contexto de la vista de tarjetas como un todo no es importante.
  • Es necesario centrar la atención del usuario en un objeto.

Flujo de interacción de modal de vista de tarjetas

Pautas para el uso de modales​

Desencadenador

  • La vista de modal se activa desde el elemento de menú Ver detalles en un menú de desbordamiento.

Contenido

  • El contenido mostrado debe caber en la vista de modal sin recurrir al desplazamiento.
  • Utilice el tamaño adecuado de las ventanas modales para que los usuarios puedan examinar los detalles con comodidad.

Navegación

  • Proporcione a los usuarios los medios para cerrar la vista de modal.

Ver detalles mediante la transferencia de páginas​

Utilice la transferencia de páginas para mostrar detalles cuando estos no quepan en un cajón o modal.

Flujo de interacción de transferencia de páginas​

Flujo de interacción de transferencia de páginas en vista de tarjetas

Pautas para el uso de la transferencia de páginas​

Desencadenador

  • La transferencia de páginas se activa desde el elemento de menú Ver detalles en un menú de desbordamiento.

Páginas complejas

  • Para flujos de pantalla complejos, los paneles izquierdo o derecho (si hubiera) se pueden ocultar para que quepa en una vista en foco.

Contenido

  • Las páginas nuevas pueden tener estructuras complejas (por ejemplo, pestañas o asistentes), visualizaciones de datos como gráficos o acciones que pueden requerir su propia interfaz de usuario de cajón.

Navegación

  • Proporcione a los usuarios los medios para retroceder desde la vista de detalles.