Personalización del aspecto de Studio

Acerca de Personalización del aspecto de Studio

Puede modificar la apariencia de Studio para reflejar la imagen de marca de su organización. La apariencia personalizada se aplica a todos los usuarios de su cuenta principal. Están disponibles las siguientes opciones de personalización:

• Logotipo personalizado: Cambie el logotipo (en todo Studio).
• Marca personalizada: Cambiar los colores de la interfaz de usuario (fuera de los widgets).
• Visualización de conversación: Personalice la visualización de las interacciones en el Explorador de documentos y el widget Comentarios.
• Paletas de colores: Cambiar los colores del informe (dentro de los widgets).

Logotipo personalizado

Puede personalizar la apariencia de su estudio cambiando o eliminando el logotipo del sitio. El logotipo aparece en la cabecera de Studio y es visible en cada página. Al hacer clic en el logotipo, se abre la página de inicio de Studio. Cuando los usuarios guardan o distribuyen sus dashboards como PDF, los archivos de exportación también contienen el logotipo.

Dimensiones de logotipo recomendadas

Studio escalará automáticamente la imagen para que se ajuste al espacio reservado para una mejor visualización en las exportaciones de Studio y PDF. Recomendamos estas dimensiones para logotipos:

• Ancho: Menor o igual a 300 píxeles.
• Altura: Menor o igual que 60 píxeles.

Modificación del logotipo

1. Inicie sesión en Studio.
2. Expanda el menú de avatar de usuario en el área de navegación superior.
   
3. Seleccione Configuración.
4. En la página Configuración de cuenta, seleccione la pestaña Apariencia.
   
5. Cambie el conmutador Marca personalizada a Activado para habilitar la personalización de marca, si es necesario. Si la marca personalizada ya está habilitada, simplemente continúe con el siguiente paso.
   
6. En la sección Marca personalizada, haga clic en el botón de carga de archivo en Modificar logotipo para cargar el archivo de imagen del logotipo.
   

Eliminar el logotipo

Además de sustituir el logotipo por su propia imagen, puede eliminar el logotipo de Studio por completo. Cuando se elimina el logotipo, Studio muestra un título de texto de la sección actual del usuario en su lugar. Al hacer clic en el título se abre Dashboard Explorer (el mismo comportamiento que hacer clic en el logotipo).

1. Inicie sesión en Studio.
2. Expanda el menú de avatar de usuario en el área de navegación superior.
   
3. Seleccione Configuración.
4. En la página Configuración de cuenta, seleccione la pestaña Apariencia.
   
5. En la sección Marca personalizada, haga clic en el icono de la papelera en Cambiar logotipo para eliminar el logotipo.
   

Aplicación de marca personalizada

Puede personalizar la apariencia de Studio cambiando los colores de los elementos clave de la interfaz de usuario que se muestran en esta tabla:

En la sección Personalizar marca puede cambiar el esquema de color de Studio y el logotipo. Para aprender a cambiar el logotipo, consulte Cambio del logotipo.

1. Inicie sesión en Studio.
2. Expanda el menú de avatar de usuario en el área de navegación superior.
   
3. Seleccione Configuración.
4. En la página Configuración de cuenta, seleccione la pestaña Apariencia.
   
5. En la sección Marca personalizada, active el conmutador Marca personalizada.
   
6. Haga clic en la notación hexadecimal en Cabecera para personalizar el fondo de cabecera de Studio.
   
7. Utilice el selector de colores o especifique una notación HEX diferente.
   Consejo Q: Consulte la sección Elementos de marca personalizados a continuación para obtener detalles de los elementos de IU de Studio que se pueden personalizar y los colores predeterminados.
   Consejo Q: Antes de cambiar los colores, escriba los códigos de color existentes para que pueda volver a ellos más tarde. Puede volver a los colores predeterminados en cualquier momento haciendo clic en Restablecer valores predeterminados.
   
8. Haga clic en Aplicar.
9. Puede previsualizar sus cambios en la maqueta de Studio en el lado derecho de Personalización de marca.
   
   
10. Haga clic en la notación hexadecimal en Acción para personalizar los botones de Studio y otros elementos de UI relacionados con la acción, texto en botones activos y enlaces y elementos de menú resaltados.
    
11. Utilice el selector de colores o especifique una notación HEX diferente.
12. Haga clic en Aplicar.
13. Haga clic en la notación hexadecimal en Fondo primario para personalizar el fondo del cuerpo principal de Studio y el fondo del panel.
    
14. Utilice el selector de colores o especifique una notación HEX diferente.
    
15. Haga clic en Aplicar.
16. Marque la casilla de selección Usar color más accesible para que XM Discover pueda mejorar automáticamente su color de acción para garantizar un contraste de color adecuado en toda la interfaz.
    
    Consejo Q: Recomendamos activar esta opción para mejorar la accesibilidad.
17. Active el conmutador Permitir a los usuarios activar el tema oscuro si desea dar a los usuarios de Studio la opción de cambiar al tema de color oscuro en las preferencias del usuario, lo que anula toda la marca personalizada en Studio.
18. Haga clic en Guardar para aplicar los cambios.
19. Haga clic en Restablecer cambios para cancelar los cambios y restaurar la última versión guardada de los colores de su marca.
20. Haga clic en Restablecer predeterminado para restaurar los colores listos para usar.
21. Actualice su navegador para que las modificaciones surtan efecto.

Personalización de la visualización de la conversación

Puede ajustar las opciones de visualización de conversación para personalizar la forma en que se muestran las interacciones en el explorador de documentos y los widgets de opinión. Puede fijar las opciones de visualización en 2 niveles: valores predeterminados de toda la cuenta y opciones específicas del proyecto. Las opciones específicas de proyecto sustituyen los valores predeterminados de toda la cuenta.

1. Inicie sesión en Studio.
2. Expanda el menú de avatar de usuario en el área de navegación superior.
   
3. Seleccione Configuración.
4. En la página Configuración de cuenta, seleccione la pestaña Apariencia.
   
5. Ir a Visualización de conversación.
   
   
6. Para establecer las opciones específicas del proyecto:
   
   
   • Seleccione el proveedor de contenido del proveedor de contenido
     Consejo Q: Solo debe seleccionar un proveedor de contenido, una cuenta y un proyecto si es miembro de más de uno de estos.
   • Seleccione la cuenta del menú Cuenta.
   • Seleccione el proyecto del menú Proyecto.
   • Haga clic en la sección Nueva visualización.
7. Para fijar valores predeterminados para toda la cuenta:
   
   • Expanda el menú de acciones para un proyecto predeterminado o un proyecto personalizado.
   • Seleccione Editar.
8. En la ventana Visualización de conversación, en Visualizar nombres, puede personalizar las etiquetas para los siguientes participantes de la conversación. Este paso es opcional.
   
   • Agente: un participante identificado como representante de la empresa.
   • Cliente: un participante identificado como cliente.
   • Bot: un participante identificado como un chatbot o un bot de respuesta de voz interactiva (IVR).
   • Participante: un participante no identificado como uno de los tipos anteriores.
9. Desmarque la casilla de selección Utilizar título automático junto al participante de la conversación para personalizar la etiqueta.
10. Introduzca una etiqueta personalizada de hasta 20 caracteres en el cuadro.
11. Para utilizar la etiqueta predeterminada para un participante de conversación, mantenga marcadas las casillas de selección Utilizar título automático.
12. Active el Enriquecimiento de banda de participante para activar los enriquecimientos en el lane de conversación principal.
    
13. Seleccione un enriquecimiento del menú.
14. En Color de visualización, seleccione la representación de color para el enriquecimiento seleccionado en el menú.
    
15. En la sección Líneas de transporte, puede añadir hasta 3 vías con enriquecimientos adicionales para aportar más contexto a la conversación.
    
16. Para añadir una banda, haga clic en el icono más (+).
17. Para eliminar una banda, haga clic en el icono menos (– )).
18. Expanda el menú en Solo los valores predeterminados y de métricas del sistema están disponibles para la selección para el proyecto predeterminado. Estos valores se aplicarán a todos los proyectos de forma predeterminada. Los valores Predeterminado del sistema, Temas, Métricas y NLP están disponibles para su selección para un proyecto personalizado.
    
19. Seleccione Predeterminado del sistema en el menú.
    
20. Seleccione un estilo de icono del menú bajo Estilo de banda para resaltar frases que coincidan con un determinado tipo de frase. Esto incluye las menciones del cliente de Tenure, Churn, Cry for Help, Not Recommend; las menciones del agente de Don’t Know, Disclosure, Mini-Miranda, Transfer, Hold; y las menciones de cualquier persona de Request.
21. Seleccione Temas en el menú.
    
22. Seleccione un modelo de categoría para resaltar frases que contengan temas relacionados.
    
23. Como alternativa, puede introducir un modelo de categoría en el cuadro Buscar para buscar un modelo de categoría.
24. Haga clic en el icono de rueda dentada junto al modelo seleccionado para seleccionar manualmente los temas que desea mostrar.
    
25. En la ventana Opciones, seleccione Hoja en el menú Nivel.
    
26. Puede marcar la casilla de selección junto a un tema para mostrarlo.
27. De forma alternativa, puede hacer clic en Seleccionar todo para seleccionar todos los temas.
28. Haga clic en Actualizar.
29. Seleccione un estilo de icono del menú bajo Estilo de banda para resaltar frases que coincidan con el tipo de frase.
    
30. Haga clic en el cuadrado de color en Color de visualización.
31. Utilice el selector de colores o especifique un código HEX para su color personalizado.
    
32. Haga clic en Aplicar.
33. Seleccione Métricas en el menú.
    
34. Seleccione una de las siguientes métricas para resaltar oraciones con una banda de métrica relacionada (por ejemplo, con sentimiento negativo o esfuerzo duro):
    
    • Esfuerzo (3 bandas)
    • Esfuerzo (5 bandas)
    • Intensidad emocional
    • Opinión (3 bandas)
    • Opinión (5 bandas)
35. Haga clic en el icono de rueda dentada junto a la métrica seleccionada.
    
36. En la ventana Configuración, seleccione el nivel o niveles de intensidad emocional que desea incluir.
    
37. Haga clic en Actualizar.
    
38. Seleccione un estilo de icono del menú bajo Estilo de banda para resaltar frases que coincidan con el tipo de frase.
    
39. Seleccione NLP en el menú.
    
40. Seleccione una agrupación NLP para resaltar frases que contienen valores relacionados derivados automáticamente de opiniones no estructuradas por el motor XM Discover Natural Language Processing (NLP).
    
41. Haga clic en el icono de rueda dentada junto a la agrupación seleccionada.
    
42. En la ventana Parametrizaciones, seleccione los valores que desea incluir de la agrupación NLP seleccionada.
    
43. Haga clic en Actualizar.
    
44. Haga clic en el cuadrado de color debajo Color de visualización.
    
    
45. Utilice el selector de colores o especifique un código HEX para el color personalizado que desea utilizar para mostrar un enriquecimiento seleccionado.
    
46. Haga clic en Aplicar.
47. Active Puntuación inteligente (no cuenta para el límite de 3 lanes).
    
    Consejo Q: Esto solo está disponible para cuentas con Puntuación inteligente.
48. Haga clic en Guardar en la parte inferior derecha de la pantalla de conversación.
    Consejo Q: Para restablecer la configuración de visualización de la conversación a los valores predeterminados, despliegue el menú de acciones junto al proyecto predeterminado y seleccione Restablecer valores predeterminados.

Paletas de colores

Además de utilizar paletas de colores del sistema listas para usar, puede personalizar sus informes de Studio creando paletas de colores personalizadas de hasta 10 colores diferentes.

Puede realizar estas acciones utilizando paletas de colores:

• Crear una paleta de colores personalizada
• Importar una paleta de colores
• Habilitar una paleta de colores
• Desactivar una paleta de colores
• Duplicar una paleta de colores
• Sustituir una paleta de colores por otra
• Establecer una paleta de colores predeterminada
• Eliminar una paleta de colores

Crear una paleta de colores personalizada

1. Inicie sesión en Studio.
2. Expanda el menú de avatar de usuario en el área de navegación superior.
   
3. Seleccione Configuración.
4. Seleccione la ficha Apariencia.
   
5. Desplácese hacia abajo hasta la sección Paletas de colores.
   
6. Haga clic en Paleta nueva.
7. En la ventana Crear, introduzca un nombre descriptivo para la paleta de colores en el cuadro Nombre de paleta.
   
8. Haga clic en el botón más (+ ) para añadir un color a la paleta de colores.
   Consejo Q: Puede añadir hasta 10 colores a su paleta de colores.
9. Haga clic en el cuadrado negro.
   
10. Utilice el selector de colores o especifique un código HEX para su color personalizado.
    
11. Haga clic en Aplicar.
12. Arrastre y suelte los cuadrados de color para cambiar su orden en una paleta. Este paso es opcional.
    
    Consejo Q: Los colores más a la izquierda aparecen en los informes con más frecuencia y se utilizan para elementos más destacados.
13. Para copiar los códigos HEX de los colores seleccionados actualmente, haga clic en el botón Copiar paleta en el portapapeles. Puede reutilizar estos colores importando una paleta. Este paso es opcional.
14. Haga clic en Guardar. Esto agrega su nueva paleta de colores a la sección Paletas de colores. Para utilizarla, debe activar la paleta de colores.

Importar una paleta de colores

Puede importar una paleta de colores proporcionando hasta 10 códigos HEX separados por comas.

1. Inicie sesión en Studio.
2. Expanda el menú de avatar de usuario en el área de navegación superior.
   
3. Seleccione Configuración.
4. Seleccionar Apariencia.
   
   
5. Desplácese hacia abajo hasta Paletas de colores.
6. Localice la paleta de colores que desea importar.
   Consejo Q: Puede introducir el nombre de la paleta de colores en el cuadro Buscar paletas de colores para buscarla.
7. Expanda el menú de acciones para la paleta de colores.
   
8. Seleccione Editar.
9. En la ventana Editar, haga clic en Copiar paleta en el portapapeles para copiar los códigos de color HEX.
   
10. Haga clic en Cancelar.
11. Para importar los códigos de color HEX a una paleta de colores, expanda el menú de acciones junto a esa paleta de colores.
    
12. Seleccione Editar.
13. Pegue los códigos de color HEX en Importar paleta.
    
    Consejo Q: Los códigos de color HEX deben estar precedidos por un hashtag (#). Se ignorarán los códigos no válidos.
14. Haga clic en Aplicar.
15. Haga clic en Guardar.

Activar y desactivar una paleta de colores

Cuando crea por primera vez una paleta de colores personalizada, está desactivada, lo que significa que puede continuar editándola sin afectar a otros usuarios. Una vez que la paleta de colores esté lista, puede habilitarla para que esté disponible en la configuración de color del informe.

1. Inicie sesión en Studio.
2. Expanda el menú de avatar de usuario en el área de navegación superior.
   
3. Seleccione Configuración.
4. Seleccione la ficha Apariencia.
   
5. Desplácese hacia abajo hasta la sección Paletas de colores.
   
6. Introduzca el nombre de la paleta de colores que desea activar en el cuadro Buscar paletas de colores para localizarla.
7. Active la paleta de colores para activarla.
   
8. Desactive la paleta de colores para desactivarla. Cuando desactiva una paleta de colores, ya no está disponible en la configuración del widget, pero cualquier widget configurado para utilizarla continúa haciéndolo.
   Consejo Q: No puede desactivar las paletas del sistema ni una paleta de colores definida por el usuario que esté fijada como predeterminada.

Duplicar una paleta de colores

Puede duplicar una paleta de colores existente, lo que puede ser útil si desea editar varios colores o cambiar su orden.

1. Inicie sesión en Studio.
2. Expanda el menú de avatar de usuario en el área de navegación superior.
   
3. Seleccione Configuración.
4. Seleccione la ficha Apariencia.
   
5. Desplácese hacia abajo hasta la sección Paletas de colores.
   
6. Localice la paleta de colores que desea duplicar.
   Consejo Q: Introduzca el nombre de la paleta de colores en el cuadro Buscar paletas de colores para buscarla.
7. Expanda el menú de acciones junto a la paleta de colores que desea duplicar.
   
8. Seleccione Duplicar. Esto agrega una copia desactivada de la paleta de colores a la sección Paletas de colores.

Sustituir una paleta de colores

Puede sustituir una paleta de colores por otra en todos los widgets que la utilicen.

1. Inicie sesión en Studio.
2. Expanda el menú de avatar de usuario en el área de navegación superior.
   
3. Seleccione Configuración.
4. Seleccione la ficha Apariencia.
   
5. Desplácese hacia abajo hasta la sección Paletas de colores.
   
6. Localice la paleta de colores que desea reemplazar.
   Consejo Q: Introduzca el nombre de la paleta de colores en el cuadro Buscar paletas de colores para buscarla.
7. Expanda el menú de acciones junto a la paleta de colores.
   
8. Seleccione Sustituir.
9. En la ventana Sustituir, seleccione la paleta de colores de sustitución del menú Sustituir por.
   
10. Haga clic en Sustituir. Esto aplica la paleta de colores de sustitución a cualquier widget que estuviera utilizando la paleta original.

Configuración de una paleta de colores predeterminada

Puede establecer una paleta de colores predeterminada para todos los paneles de instrucciones nuevos en su cuenta maestra.

1. Inicie sesión en Studio.
2. Expanda el menú de avatar de usuario en el área de navegación superior.
   
3. Seleccione Configuración.
4. Seleccione la ficha Apariencia.
   
5. Desplácese hacia abajo hasta la sección Paletas de colores.
   

6. Localice la paleta de colores que desea utilizar de forma predeterminada.
   Consejo Q: Introduzca el nombre de la paleta de colores en el cuadro Buscar paletas de colores para buscarla.
7. Haga clic en el enlace Utilizar como predeterminado en la columna Cuenta predeterminada para la paleta de colores que desea utilizar como predeterminada.
   
8. Como alternativa, expanda el menú de acciones junto a la paleta de colores que desea utilizar de forma predeterminada.
   
9. Seleccione Utilizar como valor predeterminado de cuenta.

Eliminar una paleta de colores

Puede eliminar paletas de colores personalizadas que ya no necesite.

1. Inicie sesión en Studio.
2. Expanda el menú de avatar de usuario en el área de navegación superior.
   
3. Seleccione Configuración.
4. Seleccione la ficha Apariencia.
   
5. Desplácese hacia abajo hasta la sección Paletas de colores.
6. Localice la paleta de colores que desea eliminar.
   
   Consejo Q: Introduzca el nombre de la paleta de colores en el cuadro Buscar paletas de colores para buscarla.
7. Expanda el menú de acciones junto a la paleta de colores que desea eliminar.
   
8. Seleccione Eliminar.
9. En la ventana Eliminar, seleccione la paleta de colores de reemplazo del menú Reemplazar con.
   
10. Haga clic en Sustituir. Esto elimina la paleta de colores y aplica la paleta de sustitución a cualquier widget que estuviera utilizando la paleta de colores eliminada.