Análisis de patrones de navegación del usuario mediante Flujos de usuarios de Application InsightsAnalyze user navigation patterns with User Flows in Application Insights

Herramienta Flujos de usuarios de Application Insights

La herramienta Flujos de usuarios permite visualizar cómo navegan los usuarios por las páginas y características del sitio.The User Flows tool visualizes how users navigate between the pages and features of your site. Resulta idónea para responder a preguntas del tipo:It's great for answering questions like:

  • ¿Cómo salen los usuarios de una página del sitio?How do users navigate away from a page on your site?
  • ¿En qué hacen clic los usuarios en una página del sitio?What do users click on a page on your site?
  • ¿Dónde están los lugares que los usuarios abandonan con más frecuencia en su sitio?Where are the places that users churn most from your site?
  • ¿Hay lugares donde los usuarios repitan la misma acción una y otra vez?Are there places where users repeat the same action over and over?

La herramienta Flujos de usuario se inicia a partir de una vista de página inicial, un evento personalizado o una excepción que especifique.The User Flows tool starts from an initial page view, custom event, or exception that you specify. En función de este evento inicial, Flujos de usuario muestra los eventos que se produjeron antes y después durante las sesiones de usuario.Given this initial event, User Flows shows the events that happened before and afterwards during user sessions. Aparecen líneas de varios grosores que muestran cuántas veces han seguido cada ruta los usuarios.Lines of varying thickness show how many times each path was followed by users. Los nodos especiales de Inicio de la sesión muestran dónde iniciaron una sesión los nodos posteriores.Special Session Started nodes show where the subsequent nodes began a session. Los nodos de Fin de la sesión muestran cuántos usuarios no enviaron vistas de páginas ni eventos personalizados después del nodo anterior, destacando los momentos en los que los usuarios abandonaron probablemente su sitio.Session Ended nodes show how many users sent no page views or custom events after the preceding node, highlighting where users probably left your site.

Nota

El recurso de Application Insights debe contener vistas de página o eventos personalizados para poder utilizar la herramienta Flujos de usuarios.Your Application Insights resource must contain page views or custom events to use the User Flows tool. Aprenda a configurar la aplicación para que recopile vistas de página automáticamente con el SDK de JavaScript de Application Insights.Learn how to set up your app to collect page views automatically with the Application Insights JavaScript SDK.

Elección de un evento inicialStart by choosing an initial event

Elegir un evento inicial para Flujos de usuarios

Para empezar a responder a las preguntas con la herramienta Flujos de usuario, elija una vista de página inicial, un evento personalizado o una excepción que sirva como punto de partida de la visualización:To begin answering questions with the User Flows tool, choose an initial page view, custom event, or exception to serve as the starting point for the visualization:

  1. Haga clic en el vínculo del título ¿Qué hacen los usuarios después de...? o haga clic en el botón Editar.Click the link in the What do users do after...? title, or click the Edit button.
  2. Seleccione una vista de página, un evento personalizado o una excepción en la lista desplegable Evento inicial.Select a page view, custom event, or exception from the Initial event dropdown.
  3. Haga clic en Crear gráfico.Click Create graph.

La columna "Paso 1" de la visualización muestra lo que los usuarios hicieron con más frecuencia justo después del evento inicial, ordenado de arriba a abajo de más a menos frecuente.The "Step 1" column of the visualization shows what users did most frequently just after the initial event, ordered top to bottom from most to least frequent. El "Paso 2" y las columnas siguientes muestran lo que los usuarios hicieron a partir de ahí, creando una imagen con todas las maneras en que los usuarios navegaron por el sitio.The "Step 2" and subsequent columns show what users did thereafter, creating a picture of all the ways users have navigated through your site.

De forma predeterminada, la herramienta Flujos de usuarios muestrea de forma aleatoria solo las últimas 24 horas de vistas de página y eventos personalizados del sitio.By default, the User Flows tool randomly samples only the last 24 hours of page views and custom event from your site. Puede aumentar el intervalo de tiempo y cambiar el equilibrio de rendimiento y precisión para el muestreo aleatorio en el menú Edición.You can increase the time range and change the balance of performance and accuracy for random sampling in the Edit menu.

Si algunas de las vistas de página, eventos personalizados y excepciones no son pertinentes, haga clic en la X en los nodos que desea ocultar.If some of the page views, custom events, and exceptions aren’t relevant to you, click the X on the nodes you want to hide. Una vez que haya seleccionado los nodos que desea ocultar, haga clic en el botón Crear gráfico situado debajo de la visualización.Once you've selected the nodes you want to hide, click the Create graph button below the visualization. Para ver todos los nodos que ha ocultado, haga clic en el botón Editar y mire la sección Eventos excluidos.To see all of the nodes you've hidden, click the Edit button, then look at the Excluded events section.

Si faltan vistas de página o eventos personalizados que esperaba ver en la visualización:If page views or custom events are missing that you expect to see on the visualization:

  • Compruebe la sección Eventos excluidos en el menú Editar.Check the Excluded events section in the Edit menu.
  • Utilice los botones de signo más en Otros nodos para incluir eventos menos frecuentes en la visualización.Use the plus buttons on Others nodes to include less-frequent events in the visualization.
  • Si los usuarios envían con poca frecuencia la vista de página o evento personalizado que espera, pruebe a aumentar el intervalo de tiempo de la visualización en el menú Editar.If the page view or custom event you expect is sent infrequently by users, try increasing the time range of the visualization in the Edit menu.
  • Asegúrese de que la vista de página, evento personalizado o excepción están configurados correctamente para su recopilación mediante el SDK de Application Insights en el código fuente del sitio.Make sure the page view, custom event, or exception you expect is set up to be collected by the Application Insights SDK in the source code of your site. Obtenga más información sobre la recopilación de eventos personalizados.Learn more about collecting custom events.

Si desea ver más pasos en la visualización, use las listas desplegables Pasos anteriores y Pasos siguientes encima de la visualización.If you want to see more steps in the visualization, use the Previous steps and Next steps dropdowns above the visualization.

Después de visitar una página o una característica, ¿a dónde van los usuarios y dónde hacen clic?After visiting a page or feature, where do users go and what do they click?

Usar Flujos de usuarios para ver dónde hacen clic los usuarios

Si el evento inicial es una vista de página, la primera columna ("Paso 1") de la visualización es una forma rápida de ver lo que hicieron los usuarios inmediatamente después de visitar la página.If your initial event is a page view, the first column ("Step 1") of the visualization is a quick way to understand what users did immediately after visiting the page. Intente abrir el sitio en una ventana que esté junto a la visualización de Flujos de usuarios.Try opening your site in a window next to the User Flows visualization. Compare sus expectativas de cómo los usuarios interactúan con la página, con la lista de eventos de la columna "Paso 1".Compare your expectations of how users interact with the page to the list of events in the "Step 1" column. A menudo, hay veces en las que un elemento de la interfaz de usuario de la página, que le parece insignificante a su equipo, puede estar entre los elementos más usados de la página.Often, a UI element on the page that seems insignificant to your team can be among the most-used on the page. Puede ser un buen punto inicial para realizar mejoras en el diseño del sitio.It can be a great starting point for design improvements to your site.

Si el evento inicial es un evento personalizado, la primera columna muestra lo que los usuarios hicieron justo después de realizar esa acción.If your initial event is a custom event, the first column shows what users did just after performing that action. Al igual que con las vistas de página, vea si el comportamiento que se ha observado en los usuarios se corresponde con las expectativas y objetivos del equipo.As with page views, consider if the observed behavior of your users matches your team's goals and expectations. Por ejemplo, si el evento inicial seleccionado es "Elemento agregado al carro de la compra", mire a ver si aparecen poco después "Ir a Finalizar la compra" y "Compra terminada" en la visualización.If your selected initial event is "Added Item to Shopping Cart", for example, look to see if "Go to Checkout" and "Completed Purchase" appear in the visualization shortly thereafter. Si el comportamiento del usuario es diferente de lo esperado, use la visualización para entender si los usuarios se sienten "atraídos" por el diseño actual de su sitio.If user behavior is different from your expectations, use the visualization to understand how users are getting "trapped" by your site's current design.

¿Dónde están los lugares que los usuarios abandonan con más frecuencia en su sitio?Where are the places that users churn most from your site?

Observe los nodos de Fin de la sesión que aparecen en la parte de arriba de una columna de la visualización, especialmente al principio de un flujo.Watch for Session Ended nodes that appear high-up in a column in the visualization, especially early in a flow. Esto significa que muchos usuarios probablemente abandonaron su sitio después de seguir la ruta de acceso anterior de páginas e interacciones de la interfaz de usuario.This means many users probably churned from your site after following the preceding path of pages and UI interactions. En algunas ocasiones, aunque el abandono es previsible, como, por ejemplo, después de completar una compra en un sitio de comercio electrónico, este suele ser indicativo de problemas de diseño, bajo rendimiento u otras cuestiones mejorables.Sometimes churn is expected - after completing a purchase on an eCommerce site, for example - but usually churn is a sign of design problems, poor performance, or other issues with your site that can be improved.

Tenga en cuenta que los nodos Fin de la sesión se basan únicamente en la telemetría recopilada por este recurso de Application Insights.Keep in mind, that Session Ended nodes are based only on telemetry collected by this Application Insights resource. Aunque Application Insights no reciba datos de telemetría de ciertas interacciones de usuario, los usuarios pueden haber seguido interactuando con el sitio de esas maneras después de que la herramienta Flujos de usuarios indicase que la sesión había finalizado.If Application Insights doesn't receive telemetry for certain user interactions, users could still have interacted with your site in those ways after the User Flows tool says the session ended.

¿Hay lugares donde los usuarios repitan la misma acción una y otra vez?Are there places where users repeat the same action over and over?

Busque una vista de página o un evento personalizado que repitan muchos usuarios en los pasos subsiguientes de la visualización.Look for a page view or custom event that is repeated by many users across subsequent steps in the visualization. Normalmente, esto significa que los usuarios están realizando acciones repetitivas en su sitio.This usually means that users are performing repetitive actions on your site. Si observa mucha repetición, para reducirla, considere la posibilidad de cambiar el diseño de su sitio o agregar nuevas funcionalidades.If you find repetition, think about changing the design of your site or adding new functionality to reduce repetition. Por ejemplo, agregue la funcionalidad de edición en masa si observa que los usuarios realizan acciones repetitivas en cada fila de un elemento de tabla.For example, adding bulk edit functionality if you find users performing repetitive actions on each row of a table element.

Preguntas frecuentesCommon questions

¿Representa el evento inicial la primera vez que aparece el evento en una sesión, o las veces posteriores?Does the initial event represent the first time the event appears in a session, or any time it appears in a session?

El evento inicial de la visualización solo representa la primera vez que un usuario envía esa vista de página o evento personalizado durante una sesión.The initial event on the visualization only represents the first time a user sent that page view or custom event during a session. Si los usuarios pueden enviar el evento inicial varias veces en una sesión, la columna "Paso 1" solo muestra el comportamiento de los usuarios después de la primera instancia del evento inicial, no de todas las instancias.If users can send the initial event multiple times in a session, then the "Step 1" column only shows how users behave after the first instance of initial event, not all instances.

Algunos de los nodos en mi visualización son demasiado genéricos.Some of the nodes in my visualization are too high-level. Por ejemplo, un nodo que solo indica "Clic en Button".For example, a node that just says “Button Clicked.” ¿Cómo se puede dividir en nodos más detallados?How can I break it down into more detailed nodes?

Use las opciones de Dividir por en el menú Editar:Use the Split by options in the Edit menu:

  1. Elija el evento que desea dividir en el menú Eventos.Choose the event you want to break down in the Event menu.
  2. Elija una dimensión en el menú Dimensión.Choose a dimension in the Dimension menu. Por ejemplo, si tiene un evento denominado "Clic en Button", pruebe una propiedad personalizada denominada "Button Name".For example, if you have an event called “Button Clicked,” try a custom property called “Button Name.”

Pasos siguientesNext steps