Say you are reviewing a session recording of a client and notice that the bottom of your page is not loading properly. In this case, click on the page analytics and check if you can see clicks on the bottom page. No clicks? That’s a sign that the problem may be with your webpage and you need to further analyze the situation with developers. 

Let’s examine how this tool will help you with product analysis:

Quick solution for evaluating product changes

Page analytics are more than suitable for evaluating product changes. Define the period you’re interested in, and heatmaps will be generated strictly from the data collected during this time. 

Changed your UI recently? Select a time range that covers the before and after and immediately compare heatmaps.

Different heatmaps for different pages

Adjust the clustering level of a heatmap by clicking on the top right button. 

By sliding to MIN, your heatmaps will show points where users clicked directly, including how many times. These heatmaps are an ideal solution for static pages where elements remain in the same place. 

On the other side, when sliding to MAX, your heatmaps will show you an approximation of all clicks on each element. This comes in handy for dynamic pages or elements that may appear in slightly different positions. A typical example is a floating window or a play button on a video. 

Choose a BALANCED clustering level if your page combines static and dynamic elements. 

Distinctive visually, exact in numbers

At first glance, the colors show you which element is most clicked on. If you’re looking for the exact number of clicks, move your mouse to the specific element, and the number will appear automatically. 

Easy to navigate

Locate the most clicked on element immediately using the Elements section on the right side of the recording. Click on the element and use it as a filter to find other recordings with the same element or use it to create a new event.

Page analytics is suitable for anyone working on product performance and analysis. It helps product managers determine weak points, and allows UX designers to access heatmaps of any pages in record time.   

Like our page analytics, or see room for improvement? Keep in mind, this is the beta version – we’re still working on it. Leave us feedback so we can improve and make it everything you wished for.

The post Introducing Page analytics appeared first on Smartlook Blog.

Set it up in three simple steps:

1. Go to Integrations under Smartlook’s Project settings

2. Select HubSpot integration
3. After you’ve enabled it, you’ll be redirected to HubSpot.

2. Click on Grant access and voilà – Smartlook is now integrated with your HubSpot

Your user recordings will be available under visitor contact in HubSpot. For a detailed step-by-step tutorial, check out this article. 

This integration will help marketing teams analyze and form a better understanding of customer behavior so they can generate more leads and increase conversion rates. Customer service teams can easily manage inquiries and tickets thanks to the ability to review user actions. Sales teams can use such insights to track customer interactions and improve the sales pipeline.

Are you a HubSpot user? Try it and tell us what you think! 

The post Introducing HubSpot integration appeared first on Smartlook Blog.

Console (websites only)

We kept it similar to the console found in website browsers to minimize the learning curve. Spot the events that have already occurred (blue rows), including those that are about to take place in the session recording (lighter rows). To make things easier, you can choose color-coded levels: verbose, info (blue), warnings (yellow), errors (red). Additionally, you can use the filter option.

The console helps with the debugging process by allowing you to see what took place if the session recordings show something unexpected. 

Network (website + mobile)

Website

When implementing Network tracking on your website project, choose from either simple or advanced network capturing.

• Simple
  • Set it up using Project settings → Recording tab → DevTools → Capture network traffic
  • Network traffic is tracked using the browser’s API
  • Basic information only – URL, duration
  • No request/response bodies and headers

• Advanced
  • Set it up by activating Simple first
  • Inspect request/response bodies and headers
  • Further filter data by type into Fetch/XHR, Assets/media, JavaScript, or other assets
  • Set it up through web SDK tracking code

Mobile

The Advanced Network available for mobile projects

• Advanced
  • Set it up through mobile SDK
  • Information about both response/request bodies and headers
  • Ideal solution for debugging problems involving the login process
  • Possibility to filter request and response data through robust API

Performance (websites only)

Discover core website vitals measured by Google Benchmark and get an idea of how your site performs in the user’s browser. Metrics include – First Paint, First Contentful Paint, Cumulative Layout Shift, Largest Contentful Paint and First Input Delay. To learn more about what each metric represents, click on the information button next to it. 

DevTools are ideal for developers and customer support specialists who need to identify problems ASAP. Use the DevTools to determine what took place and send user sessions to your development team for review. With DevTools, you don’t have to be a developer to track and spot errors. Ensure a spotless customer experience with minimum error. 

The post Introducing in-player DevTools appeared first on Smartlook Blog.

5 things you can expect from the new player

• Better segment and user session navigation
• The ability to pin different properties (device, op. system, location,…) to the top of the player and adjust it according to your preference
• Customizable for various departments
• Easy event identification thanks to a cleaner timeline
• A reduced number of buttons
• Different modes for different teams – Player, DevTools

Don’t be afraid of getting lost in the data. All actions are color coded (with the option to tick/untick), so you don’t waste time monitoring events that aren’t worth your time. 

The Activities menu that displays user actions is now located on the right-hand side of the recording window. If an action is “event-worthy,” simply click on it to create an event right away. To find out more about a specific user, click User properties → Show all user details. For developers, we’ve prepared a special section — DevTools. Here, they can find everything they need to identify and fix bugs properly.

The new player is intended for anyone who uses Smartlook’s session recordings. Product managers, UX designers, and customer support will enjoy our new player, complete with adjustable properties. DevTools help developers spot and fix crashes. By making it cleaner and easy to navigate, it saves teams countless hours of time.

Our users love it; you sure will too.

“Really liking this new player. The layout makes more sense for me. Love the player track at the bottom, more easily identify events.” – Caitlin Weir, UX/UI designer

“New player is great! Much better layout than the old one, well done” – Karl Roche, product designer

”It’s good, clean and the information representation is more clean and easy to find” – Muhammad Adnan

Give it a try now and let us know what you think. 

Pssst! A dynamic heatmaps feature is coming out soon. View heatmaps in the player as you review user sessions. 

The post Introducing a new player appeared first on Smartlook Blog.

Smartlook’s crash reports feature is now available on both Android and iOS.

Crash reports enable you to:

• Review the exact steps that led to a crash through session recordings
• Access stack trace reports for quick bug identification and detailed crash analytics
• Stop reproducing crashes manually
• Mark resolved crashes as ‘done’ 
• Increase app stability and its position in app store/google play 

Existing crash reporting tools only locate crashes and detect bugs. They don’t tell you why a crash occurred. QA teams must reproduce crashes and report them to developers manually — what a waste of precious time! Our crash report feature – connected to session recordings – displays everything you need to know to successfully fix bugs. 

Crash reports are primarily made by developers, for developers — that’s why they’re great for accurately tracking crashes. They also enable QAs to ditch the manual crash reproduction process. Customer support and POs also benefit from a better understanding of user behavior. In other words, crash reports give you more insight into bugs. If a user reports a bug, you can see what occurred during their session, thanks to their unique ID.

Crash reports can now be found in the main left menu of your SL app.

Vojtěch Šibor

is a Product Marketing Manager at Smartlook. Vojtech is a marketer with product blood running through his veins. He always knows about all the new features and what's coming up. Sometimes he talks about brand stuff and makes sure that the communication is consistent.

The post Introducing crash reports appeared first on Smartlook Blog.

Revenue insights are a great fit if you want to: 

• Get a clear picture of how much money you’re losing annually
• View average order values
• Determine entire funnel revenue

To set it up, you’ll need to assign value to specific events via the API. Once done, you can create a funnel (or adjust existing ones), adding events with properties. When the funnel is set, the revenue insights switch (pictured above) will automatically appear top-right of the funnel. Switch it on to see the actual monetary value of your conversions. 

This feature acts as a guiding hand to those who work with quantitative data. Product managers, growth specialists, UX designers, and even marketing specialists can use this data to determine which purchase process steps need to be optimized and improved. 

Understand which parts of your funnel are a gold mine and which aren’t bringing in the revenue you want. Check, analyze, and make data-driven decisions. The new revenue insights feature is available to all Smartlook users. 

The post Introducing revenue insights appeared first on Smartlook Blog.

A native recording tool is a powerful way to obtain qualitative data. However, you need to define what should and shouldn’t be recorded (except text inputs and web views that are sensitive by default), which may be tedious and time-consuming. Additionally, native recording data privacy is challenged by Compose/SwiftUI applications. 

Wireframe mode is Smartlook’s new way of collecting qualitative data. Put simply, every bit of information remains hidden. Essentially, you’re only recording abstract representations of an app that still provides you with the essential information for user behavior analysis. This approach not only saves time but minimizes the collection of personal data that may be subject to the requirements of GDPR or CCPA. Its unique function allows you to record Compose/SwiftUI applications and handle data safely.

 Why should you switch to wireframe recordings?

• They’re compliant by default
• They allow you to securely record Compose and SwiftUI applications.
• They have a minimal influence on app performance thanks to lower CPU usage

Although the native recording remains default, you can switch from native to wireframe recording by setting a different rendering mode. 

This update is useful for your team members who work with session recordings: developers, product managers, UX professionals, and even your customer support team.

The post Introducing wireframe mode appeared first on Smartlook Blog.

With our new multiple dashboards feature, you can:

• Create private or shared dashboards
• Create as many dashboards as necessary 
• Customize your dashboards
• Create dashboards for every team in your organization

The multiple dashboards feature is perfect for team members who prefer polished and customizable dashboards. To share or not to share your dashboard? That’s the question….

To create a new dashboard, simply go to Dashboards and select +New Dashboard. Choose whether you’d like to share it or keep it private, name it, and you’re good to go. Add tiles that you need and start analyzing user behavior with an improved user interface. Even though you can create your own dashboards, the dashboard that is by default shared within your company is still available under the Project overview section. 

The post Introducing multiple dashboards appeared first on Smartlook Blog.

Do you use Smartlook for user behavior analysis and another platform for taking microsurveys? That could get messy – sometimes you don’t even know where to look. With the Smartlook + Survicate integration, all your data remains in one place and you can still enjoy every feature you need, including data from microsurveys. Create a better user experience for your visitors by streamlining your tech stack with Smartlook.

How can microsurveys help you?

Say you designed a new sign-up flow. But for some reason, even though your design and UX teams did their best, the number of negative reviews increased. To find out what’s frustrating your users, you set a quick survey on the sign-up page so they have the option to provide feedback. 

1. Thanks to our integration with Survicate, you can create a survey within minutes – the results are displayed in your Smartlook app. 
2. After receiving a relevant number of responses, you can filter out the answers that are important to you via the Smartlook app. 
3. Go to the event section in your Smartlook app.
4. In Custom events, choose the event “survicate.questionanswered” where you find answers to your question
5. Filter the answers in “Custom event with property” and opt for an “answer” with property value “1” (considering “5” is a 5-star rating and “1” is the worst regarding customer satisfaction with the new design). Remember, it’s the negative reviews that will help you improve your website accordingly.

6. By watching the session recordings of users who selected option 1, you can pinpoint the problems they encountered and eliminate them.

Since it’s native integration, no 3rd party is involved which gives you better control and easy access to survey-related data without having to manually switch between platforms. The streamlined integration also allows you to be aligned with your data governance processes.

Product managers, marketers, and UX designers will benefit from this integration the most since they can ask their users everything they need to know and receive clear feedback. The integration is possible only for those who have our startup or business subscription which allows them to use API and user identification.

Integration with Survicate provides you with more qualitative insights regarding your user’s behavior on your website and establishes a personal relationship with your users. The more data you have, the better your product will be! 

The post Introducing Survicate integration appeared first on Smartlook Blog.

Canvas recording allows you to record:

• 2D graphics
• 3D graphics 
• Interactive elements
• Flutter and other canvas-based frameworks

The canvas recording tool is useful for everybody in your team working with Smartlook.  

All you have to do is add a special attribute to an element you wish to record and you’re good to go. 

The post Introducing canvas recording appeared first on Smartlook Blog.