¿Cómo entiendo el diseño, los modos y la navegación principal de Studio?

¿Cómo entiendo el diseño, los modos y la navegación principal de Studio?

Category: Configurador

SMOC Studio es tu espacio de trabajo para crear, editar y analizar flujos.
Esta guía te ayuda a entender rápidamente dónde está todo y qué hace cada zona.

¿Cuáles son las áreas principales de Studio?

Cuando abres un flujo, Studio suele dividirse en estas áreas principales:

  • Barra superior: acciones del flujo como Abrir flujo, Publicar, Versiones y acciones de utilidad.
  • Lienzo: el mapa visual del flujo donde están los nodos y las conexiones.
  • Panel del editor de nodos: se abre cuando seleccionas/editas un nodo, donde configuras el contenido y los elementos.
  • Áreas de Ajustes / estilo: where you configure flow-level behavior and appearance.
  • Controles de modo: cambia entre las vistas de creación y de análisis de rendimiento.

¿Cuáles son los modos principales de Studio?

Studio se usa en dos modos principales:

  • Modo de diseño
    Úsalo al crear flujos: añadir nodos, conectar rutas, editar contenido y configurar el comportamiento.

  • Modo de análisis
    Úsalo al revisar el rendimiento: visitas a nodos, comportamiento de las rutas, señales de finalización y oportunidades de optimización.
Example of the studio with Design mode activatedExample of the studio with Analyze mode activated

¿Cómo me muevo por el lienzo del flujo?

Para moverte rápido por flujos más grandes:

  • Haz clic y arrastra un espacio vacío del lienzo para desplazar la vista.
  • Usa la rueda del ratón/el trackpad para acercar/alejar.
  • Haz clic en un nodo para enfocarlo/seleccionarlo.
  • Usa la búsqueda para saltar rápido a los nodos coincidentes.
  • Usa las flechas de navegación de las aristas para saltar al nodo anterior/siguiente.
  • Activa Mostrar siempre los elementos al pasar el cursor en los ajustes del editor para mantener las flechas de navegación visibles en todo momento.
Example of the studio with navigation elements showing

¿Qué son los nodos, los controles y las aristas?

  • Nodo: un paso del flujo (por ejemplo Texto, Pregunta de encuesta, Formulario, Promoción, etc.).
  • Control: un punto de conexión en un nodo (se usa para rutas salientes/entrantes).
  • Arista: la línea/ruta que conecta un nodo con otro.

En los nodos de ramificación, varios conectores representan resultados distintos (por ejemplo uno por respuesta de la encuesta).

¿Dónde edito el contenido del flujo y dónde los ajustes del flujo?

  • Edita el contenido del nodo en el editor de nodos (texto, botones, campos de formulario, enlaces, etc.).
  • Edita los ajustes a nivel de flujo en Ajustes (por ejemplo localización, velocidad de la conversación, avisos, head tags, inserción, claves).

Esta separación ayuda a mantener organizados el contenido de los mensajes y la configuración global del flujo.

Consejos rápidos

  • Mantén claros los nombres y el contenido de los nodos para que buscar sea más fácil después.
  • En los flujos grandes, aleja el zoom primero para entender la estructura y luego acércalo a una rama a la vez.
  • Usa el modo de análisis con regularidad para validar el comportamiento real, no solo el previsto.