Saltar al contenido principal

Crear en la vista de tarjetas

Descripción general​

Los patrones de creación desde una vista de tarjetas 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 tarjetas

Pautas para el uso del cajón​

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

  • Coloque las acciones muy cerca de la interfaz de usuario (encima de la vista de tarjetas) para que los usuarios las noten con facilidad.

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 tarjeta, 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 tarjetas (si está habilitado) para reflejar la nueva cantidad de tarjetas.
  • Actualice el total de tarjetas en los controles de paginación.

Creación mediante ventana modal​

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 de modal de vista de tarjetas

Pautas para el uso del modal​

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

  • Coloque las acciones muy cerca de la interfaz de usuario (encima de la vista de tarjetas) para que los usuarios las noten con facilidad.

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 tarjeta, 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 tarjetas (si está habilitado) para reflejar la nueva cantidad de tarjetas.

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 tarjetas

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 (encima de la vista de tarjetas) para que los usuarios las noten con facilidad.

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 tarjeta, 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 tarjetas (si está habilitado) para reflejar la nueva cantidad de tarjetas.