Saltar al contenido principal

Registro de cambios

Descripción general​

El registro de cambios es un contenedor para un historial de cambios realizados en los objetos. Permite a los usuarios ver todos los cambios realizados en un solo objeto: qué se cambió, quién realizó los cambios y cuándo se realizaron.

Seguir un formato de registro de cambios definido puede ayudar a realizar un seguimiento sistemático de los cambios y facilitar a los usuarios la identificación de cambios notables.

Cuándo se debe utilizar​

Cuando se agregan, modifican o eliminan objetos, y los usuarios necesitan una referencia histórica de los cambios realizados en estos objetos.

Cuándo no se debe utilizar​

Cuando los cambios realizados en un objeto no necesitan almacenarse ni mostrarse en la interfaz de usuario.

Anatomía​

Anatomía del patrón de registro de cambios, incluida la vista de tabla y las acciones relacionadas con los cambios

El patrón de registro de cambios consta de los siguientes elementos:

  1. Vista de tabla (obligatoria): Contiene un registro de cambios que se puede filtrar y ordenar, junto con información sobre el creador y la fecha de la acción.
  2. Acciones relacionadas con el cambio (opcional): Por ejemplo, el usuario puede revertir el cambio a una versión anterior.
  3. Pestañas para agrupar (opcional): Si hay diferentes categorías de objetos, se pueden agrupar por separado mediante pestañas. Esto permite a los usuarios concentrarse en áreas específicas de interés.
  4. Filas expandibles (opcional): Si se pueden realizar varios cambios en un objeto, se pueden agrupar en una tabla anidada expandible.

Anatomía del patrón de registro de cambios, incluidas las pestañas para agrupar y las filas expandibles

Pautas generales​

  • La disposición de los componentes o elementos depende de los requisitos del diseñador:
    • Para mostrar cada cambio realizado en un objeto en una fila separada, utilice la versión básica del patrón de registro de cambios.
    • Para agrupar varios cambios realizados en un objeto, use una versión con filas expandibles.
    • Si hay diferentes categorías de objetos, utilice las pestañas para agruparlos por separado.
  • Cada fila representa un registro de un cambio realizado en un objeto.
  • De manera predeterminada, los registros se ordenan por el cambio más reciente.
  • Para la columna Tipo de cambio, use un ícono negro en el que no se pueda hacer clic junto con el texto (por ejemplo, Agregado, Eliminado, Actualizado, Heredado, Desconocido).
  • Para las acciones, utilice el botón de ícono o el botón de texto.
  • Los encabezados de columna proporcionan un mecanismo para ordenar los datos en cada columna.

Contenido​

Pautas generales de redacción​

  • En todos los aspectos del diseño de las interfaces de productos de Guidewire, utilice mayúsculas como se usan en las oraciones. No use mayúsculas en todas las palabras.
  • Use verbos en tiempo presente y voz activa en la mayoría de las situaciones.
  • Use contracciones comunes para darle al texto un tono más natural e informal (pauta correspondiente al inglés).
  • Use un lenguaje sencillo. Evite la jerga innecesaria y el lenguaje complejo.
  • Las palabras y las oraciones deben ser breves.

Columnas y celdas​

  • Use un rótulo breve y descriptivo para cada encabezado de columna.
  • Asegúrese de que las celdas de una fila estén dispuestas en una jerarquía lógica, comenzando con el nombre del objeto, el tipo de cambio y el campo cambiado. Se debe mostrar el valor anterior junto al valor nuevo. Al final de la fila, incluya información sobre el usuario que realizó el cambio junto con la fecha del cambio. Reserve la última columna para las acciones.
  • En la versión con filas expandibles, use la fila principal para proporcionar información genérica sobre el objeto modificado. Ubique los detalles de un solo cambio, como el campo modificado, el valor anterior y el valor nuevo, en una fila secundaria separada.

Capacidad de ser responsive​

El patrón de registro de cambios sigue las pautas para diseño responsive de la vista de tabla. El registro de cambios se adapta por completo tanto a tablets como a dispositivos móviles. Las celdas se pueden eliminar, reordenar o combinar de una manera que sea útil para los usuarios. Para los casos de uso que dan prioridad a los dispositivos móviles, las vistas de tarjetas funcionan mejor que una pantalla pura responsive.

Tematización​

De forma predeterminada, los temas y la marca coinciden con los de la aplicación, a menos que se invaliden.

Los patrones pueden adoptar ciertos temas para cumplir con los requisitos específicos de la marca y las necesidades del cliente. Esto incluye elementos visuales como colores, tipografía, íconos, botones y otros componentes o elementos gráficos.

Más información sobre la tematización con tokens de diseño

Investigación que lo avala​

La investigación para este patrón consistió en un análisis competitivo. Los diseñadores de UX analizaron más de diez interfaces de registro de cambios existentes, en las que revisaron composiciones y disposiciones, estilos, elementos y comportamientos. Buscaron fortalezas y debilidades relativas, tendencias y diferencias. Los diseñadores utilizaron esa información, encontraron puntos en común y crearon un patrón basado en esas prácticas.

Se completaron pruebas de usabilidad en el registro de cambios para el enmascaramiento de datos y se obtuvieron resultados satisfactorios.

Componentes​

Patrones​

Vista de tabla

Recursos​

Descargue un archivo ZIP con los patrones más recientes de Jutro y comience a diseñar experiencias.

Biblioteca de patrones de Jutro (19.6 MB)