Saltar al contenido principal

Crear en la vista de tabla

Descripción general​

Los patrones de creación desde una vista de tabla se habilitan a través de un cajón, modales o una página nueva.

Creación mediante cajón​

Utilice el cajón como editor en estas situaciones:

  • El contenido que se va a mostrar cabe sin necesidad de desplazarse hacia abajo en el panel.
  • Mantener el contexto con respecto a todo el conjunto de datos es importante al crear el objeto nuevo.

Flujo de interacción del cajón​

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

Pautas para el uso del cajón​

Ubicación de la acción

  • Coloque las acciones muy cerca de la interfaz de usuario para que los usuarios las noten con facilidad. Para las tablas, es mejor colocar los botones de acción sobre la tabla.

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 crea un objeto como cuando se produce un error en el proceso.
  • Utilice la validación de formularios junto con los mecanismos de mensajería cuando se produzcan errores en el cajón. Esto garantiza que los usuarios puedan solucionar problemas mientras permanecen en el contexto.

Flujos de acción correcta/error

  • Regrese a los usuarios a la interfaz de usuario original desde donde se activó el flujo de “creación”.
  • Entregue un mensaje de acción correcta o error mediante mensajes del sistema.
  • Los elementos recién creados se muestran como primera fila, a menos que se hayan definido reglas de la aplicación para mostrar un objeto nuevo.

Flujos de cancelación

  • Proporcione a los usuarios los medios para retroceder o cancelar la vista de creación.

Actualizaciones de la interfaz de usuario

  • Actualice el recuento de filas (si está habilitado) para reflejar la nueva cantidad de filas.
  • Actualice el total de filas en los controles de paginación.

Creación mediante modales​

Utilice una ventana modal en estas situaciones:

  • Es fundamental que los usuarios se centren en una tarea y evitar distracciones.
  • La cantidad de campos que requieren la entrada del usuario cabe en el puerto de visualización.

Flujo de interacción modal de vista de tabla

Pautas para el uso de modales​

Ubicación de la acción

  • Coloque las acciones muy cerca de la interfaz de usuario para que los usuarios las noten con facilidad. Para las tablas, es mejor colocar los botones de acción sobre la tabla.

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 crea un objeto como cuando se produce un error en el proceso.

Flujos de acción correcta/error

  • Regrese a los usuarios a la interfaz de usuario original desde donde se activó el flujo de “creación”.
  • Entregue un mensaje de acción correcta mediante mensajes del sistema.
  • Utilice la validación de formularios junto con los mecanismos de mensajería cuando se produzcan errores.
  • Los elementos recién creados se muestran como primera fila, a menos que se hayan definido reglas de la aplicación para mostrar un objeto nuevo.

Navegación fuera de la página con cambios sin guardar

  • Debido a que otros controles de la interfaz de usuario están inactivos cuando se usa un modal, al retroceder en la navegación se muestra la pantalla anterior desde donde se activó el modal sin necesidad de confirmación.

Flujos de cancelación

  • Proporcione a los usuarios los medios para retroceder o cancelar la vista de creación.

Actualizaciones de la interfaz de usuario

  • Actualice el recuento de filas (si está habilitado) para reflejar la nueva cantidad de filas.
  • Actualice el total de filas en los controles de paginación.

Creación mediante una página nueva​

Utilice una página nueva para crear un objeto en estas situaciones:

  • El usuario debe ingresar detalles que son complejos.
  • Hay una cantidad mayor de celdas de las que se pueden mostrar cómodamente en un cajón o modal (por ejemplo, creación de varios pasos que implica el uso de flujos de asistente o formularios largos).

Flujo de interacción de una página nueva​

Flujo de interacción de la página nueva de la vista de tabla

Pautas para el uso de la página nueva​

Ubicación de la acción para agregar o crear

  • Coloque las acciones muy cerca de la interfaz de usuario para que los usuarios las noten con facilidad. Para las tablas, es mejor colocar los botones de acción sobre la tabla.

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.

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 crea un objeto como cuando se produce un error en el proceso.
  • Utilice la validación de formularios junto con los mecanismos de mensajería cuando se produzcan errores en la misma pantalla de la interfaz de usuario.

Flujos de acción correcta/error

  • Regrese a los usuarios a la interfaz de usuario original desde donde se activó el flujo de “creación”.
  • Entregue un mensaje de acción correcta mediante mensajes del sistema.
  • Los elementos recién creados se muestran como primera fila, a menos que se hayan definido reglas de la aplicación para mostrar un objeto nuevo.

Navegación

  • Proporcione a los usuarios los medios para retroceder o cancelar la vista de creación.

Actualizaciones de la interfaz de usuario

  • Actualice el recuento de filas (si está habilitado) para reflejar la nueva cantidad de filas.
  • Actualice el total de filas en los controles de paginación.

Crear mediante el modo de edición asíncrona​

En el modo de edición asíncrona, el usuario puede crear nuevas filas utilizando el botón principal. La fila nueva aparece con entradas vacías para que el usuario las complete.

Flujo de interacción del modo de edición asíncrona​

Flujo de interacción del modo de edición asíncrona de la vista de tabla

Pautas para usar el modo de edición asíncrona​

Ubicación de la acción para agregar o crear

  • Coloque las acciones muy cerca de la interfaz de usuario para que los usuarios las noten con facilidad. Para las tablas, es mejor colocar los botones de acción sobre la tabla.

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.

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 crea un objeto como cuando se produce un error en el proceso.
  • Utilice la validación de formularios junto con los mecanismos de mensajería cuando se produzcan errores en la misma pantalla de la interfaz de usuario.

Flujos de acción correcta/error

  • Regrese a los usuarios a la interfaz de usuario original desde donde se activó el flujo de “creación”.
  • Entregue un mensaje de acción correcta mediante mensajes del sistema.
  • Los elementos recién creados se muestran como última fila, a menos que se hayan definido reglas de la aplicación para mostrar un objeto nuevo.

Navegación

  • Proporcione a los usuarios los medios para retroceder o cancelar la vista de creación.

Actualizaciones de la interfaz de usuario

  • Actualice el recuento de filas (si está habilitado) para reflejar la nueva cantidad de filas.
  • Actualice el total de filas en los controles de paginación.