Watching LogRocket videos is the fastest way to understand how real users are experiencing your app. In just a few minutes, you can get insights into where your UX falls short and how to improve.
But if you have more than a few hundred sessions recorded in LogRocket, effectively utilizing search becomes key to surfacing insights. You can search based on simple traits like email, username, or location, but also construct much more advanced queries that give insights into particular funnels, segments, or flows in your app.
In this post, I’ll show you how to leverage search to better understand your users and get insights into important parts of your app’s UX.
LogRocket let you create segments of similar users so you can watch how they interact with your app. You can use traits like email, username, location, time on site, and and first seen/last seen.
You can also add custom traits via the LogRocket SDK like this:
LogRocket.identify('123456', {
name: 'John Smith',
email: '[email protected]',
// custom traits
subscriptionType: 'premium',
companyName: 'FooBar, Inc'
companySize: 'enterprise',
});
and then use them to segment users with the “User Trait” filter:
Flows and Funnels represent a series of actions users do you in your app. This could be traversing a multi-part form, completing onboarding, or purchasing items in a checkout flow. LogRocket search lets you understand any such path, for example, here we use the “Visited URL” filter to see sessions of users who went through our onboarding flow:
The distinction between funnels and segments, however, is really a false dichotomy. LogRocket lets you use both user traits, and user actions to surface insights. For example, we may want to limit our above onboarding flow to only users who possess certain traits, like users who first signed up in the last few days:
When building funnels and flows, it is often helpful to use custom events that are specific to your app. If you use our Redux integration, or another flux integration like ngrx, Vuex, or MobX, you get immediate access to all of your actions to filter over.
You can also use the LogRocket SDK to add custom events like this:
LogRocket.track('CLICK SIGNUP BUTTON')
and then filter like this:
When you build a segment, funnel, or flow that you plan to revisit in the future, you can save it by clicking the “Save filter…” button in the upper-right corner of the dashboard. This will summon a modal that lets you name your search and decide whether to share it with your teammates or keep it to yourself.
Once you’ve created a search you’re happy with, it’s time to sit back and watch some sessions to get insights into how to improve your UX. Simply click on a session in the sessions list and start watching. Make sure Autoplay is turned on, and once the first session ends, the next will start playing automatically.
Hey there, want to help make our blog better?
Join LogRocket’s Content Advisory Board. You’ll help inform the type of content we create and get access to exclusive meetups, social accreditation, and swag.
Sign up now
Learn how to manage environment variables in Next.js, which influence how an application behaves in different contexts and environments.
useActionState in React: A practical guide with examplesDiscover how React’s useActionState Hook makes it easier to handle user actions, especially form submissions and async state changes.
Compare two libraries that support creating 3D experiences in the browser. Learn how to get started with each, their core features, and key differences.
Image component to optimize imagesExplore automatic image optimization using Next Image, the built-in image optimization solution for Next.js.
