From classic to new user interface

The user interface (UI) of the Uptrends app has been out there for quite some years and it was time for a change.

One of the goals of the new UI is the integration of Uptrends' products Synthetics, RUM and Infra within the same Uptrends app. This becomes obvious in the new side menu and the new dashboard “360-degree overview”, which shows information from the various products. In addition, the UI got an overall fresher look and we added hubs that present related information in one place.

If you haven’t tried it yet, switch to the new side menu using the menu toggle at the right of the classic menu. In case you need to go back to the classic menu, use the toggle at the top of the new menu.

This article will help you to find your way in the new UI of the Uptrends app. Many things have changed, but may not affect the way you work. For example, the dashboards have been restyled for a fresh look. This looks different, but you still find the things you need in the well-known places.

The menu is a different story. It has been totally reworked, positions of menus and even some names have changed. We recommend checking the Menu section below to learn more about the changes.

Read on to get on top of the new UI.

Changes in the UI

The following improvements are part of the new UI:

• Side menu, check out the Menu section for the details
• Hubs, a new way of presenting you with nutshell information on the actual monitoring situation, some background info, and links to further reading.
• All dashboards popup, including thumbnail views, that allows you to browse and search all Synthetics, Infra, RUM, and 360 dashboards.
• Option to mark dashboards as favorite, and the Favorites section in the Dashboard menu
• Search option to search through all menu items and more
• Dedicated sections in the Synthetics menu for transactions, browser, API, and uptime monitors
• The gear icon of the dashboard tiles was changed to the three-dot menu icon .
• Feedback option (in the Support menu) for sending us quick feedback

Please visit the page User interface for a detailed description of the user interface parts.

Menu

The following changes have been implemented in the new menu:

• While the classic menu is located at the top, the new one is located at the side.

• The three main products Uptrends Synthetics, Uptrends Real User Monitoring, and Uptrends Infra are accessible in one menu.

• Within Synthetics, there are dedicated sections for the main monitor types: Transactions, Browser-based monitors (Full Page Checks and Real Browser Checks), API monitors and Uptime monitors (HTTP(S), SSL, DNS, SMTP, Ping, etc.)

• You can collapse and expand the menu, giving more (or less) space to dashboards. Optionally, you can pin the menu.

• Each dashboard (default or custom) can be marked as favorite. Just click the Favorite button (star) at the top right of the dashboard while the dashboard is visible.

  

  The favorite dashboards show up as quick links in the Dashboards menu.

• A search feature for menu entries, monitor names and operator names is available at the top of the side menu. Just start typing e.g. the word ‘transaction’ to find all transaction-related functions.

• The grouping of menu items and their menu names have changed. Please check the menu mapping table Classic vs new menu below.

How do I show the classic or new menu?

For a while the classic and new menu will coexist. During that time there is a switch that lets you toggle between the classic and new menu. This applies only to accounts that were created before 3rd March, 2021.

When you are using the classic menu, use the button at the top right of the Uptrends app to switch to the new menu.

And when you are using the new menu, use the button at the top of the new menu to switch to the classic menu.

Search

The search functionality is a global search, searching across all of the Uptrends app. It is located at the top of the side menu. When entering a search term, all menu items, monitors and operators will be searched and the result is presented in the menu space immediately.

You could search for everything containing the word “transaction” or for operators with a certain (part of) surname. Or maybe you have a series of monitors with the customer’s name in the monitor name. You then can easily search based on the customer’s name.

Below is an example, showing that the search will bring up results from different parts of Uptrends, monitors and operators in this case, having the search term “trav” in common.

We are still improving the search functionality and look forward to your input and suggestions for new search features. Please select Help improve this search function to send your feedback to Uptrends.

Classic vs new menu

The table below shows how the classic menu maps to the new menu.