Saltar al contenido principal

Actualizar en la vista de lista

Descripción general​

Los patrones de actualización/edición desde una vista de lista 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 un objeto se puedan editar sin recurrir al desplazamiento y el contexto sea importante durante la edición, o cuando la interacción con la fila de origen sea importante.
  • Modales: Utilícelos cuando sea necesario centrar la atención en un objeto mientras se realizan ediciones o actualizaciones.

Puede usar objetos como enlaces para abrir la vista de edición, 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 control integrado mediante un ícono de detalles o un elemento de menú Editar. Los usuarios vuelven al elemento de lista cuando guardan o cancelan la vista de edición.

Actualizar detalles mediante el cajón​

Utilice el cajón para actualizar detalles en estas situaciones:

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

Flujo de interacción del cajón​

Patrón de vista de lista actualización mediante cajón

Pautas para el uso del cajón​

Desencadenador

  • La vista de cajón se activa desde una acción de edición como un botón, ícono o en un menú de desbordamiento.

Validación y mensajería

  • Utilice patrones de validación y mensajería adecuados para informar a los usuarios sobre los cambios de estado.
  • Muestre una notificación del sistema con los mensajes adecuados para mantener informados a los usuarios, tanto cuando se actualiza un objeto como cuando se produce un error en el proceso.
  • Utilice la validación de formularios junto con los mecanismos de mensajería en el cajón cuando se produzcan errores.

Flujos de acción correcta/error

  • Regrese a los usuarios a la interfaz de usuario original desde donde se activó el flujo de edición.
  • Entregue un mensaje de acción correcta mediante mensajes del sistema.

Flujos de cancelación

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

Actualizar detalles mediante una ventana modal​

Las ventanas modales son útiles cuando se requiere centrar la atención en un objeto mientras se realizan actualizaciones y cuando es necesario editar detalles mínimos.

Patrón de vista de lista actualización mediante modal

Pautas para el uso del modal​

Desencadenador

  • La vista de modal se activa desde una acción de edición como un botón, ícono o en un menú de desbordamiento.

Validación y mensajería

  • Utilice patrones de validación y mensajería adecuados para informar a los usuarios sobre los cambios de estado.
  • Muestre notificaciones del sistema con los mensajes adecuados para mantener informados a los usuarios, tanto cuando se actualiza un objeto como cuando se produce un error en el proceso.
  • Utilice la validación de formularios junto con los mecanismos de mensajería en el modal mismo cuando se produzcan errores.

Flujos de acción correcta/error

  • Regrese a los usuarios a la interfaz de usuario original desde donde se activó el flujo de actualización o edición.
  • Entregue un mensaje de acción correcta mediante mensajes del sistema.

Flujos de cancelación

  • Proporcione a los usuarios los medios para cancelar o cerrar la ventana modal.