Organising Multi-Page Report with Section: Better Navigation Experience with Data Studio Dashboard

Best News Ever! Do you know that you can now organize report pages by adding sections and icons in Data Studio? Check out this tutorial to learn how to create single-nested and double-nested sections!

October 2021 Updates: Improved Page Navigation

With Sections and Icons, you can organise your report now with these new-added functionalities in Data Studio.

 
Google Data Studio October 2021 Updates

 

Navigation UI Makeover: Step by Step Guide

In this navigation that I created with just sections, we can expand and collapse the menu easily with just a single click! It offers a better user experience for report viewers. It also helps report editor to structure and organise report content better.

 

Click to collapse or expand the menu.

Excited to implement this new feature in your dashboards? Here’s the detailed video guide for you:

How To Add Single Nested Section

To add a single-nested section, follow the instructions below.

  1. Switch to Edit Mode. To make changes to the navigation menu, make sure you’re on edit mode by clicking on the edit button on top. Then, click Manage Pages pane to open the editor.

  2. Add a section. Hover on the plus button and hit Section. A new section would be created instantly.

    • Note: Colour for the section is different from the page, which makes it easier to differentiate them.
  3. Move the related pages into the section. To move the pages, just hover on the bar, then click on the 6 dots and drag-and-drop it to the section.

 

How To Add Double Nested Section (Sub-Section)

The steps to create a sub-section in Data Studio Navigation Menu is pretty simple and just need one additional step as compared to adding a single-nested section.

  1. Switch to Edit Mode. To make changes to navigation menu, make sure you’re on edit mode by clicking on the edit button on top. Then, click Manage Pages pane to open the editor.

  2. Add 2 sections. To add section, hover on the plus button and hit Section.

  3. Next, move one of the section into the main section.

  4. Lastly, You can then move pages into the main section or sub section depends on how you would like to structure the report. Make sure you have at least 1 page inside the sub-section.


🎁 Bonus: Productivity Tips for Report Editors

You can utilise section functionality to group all the work-in-progress pages under one section, then hide them all together with just a single click. Whenever it’s completed and ready to show your client, you can just drag it out from the section.

Engaging Reports with Icons and Different Page Layout

To make the report more interesting, you can also add a logo in front of every page or section title. Check out the video tutorial above for more detailed guidance.

You can also experiment with different page layouts and see which one you prefer more! The example we showed earlier is using a left navigation layout.

Here’s how it looks like when we select tab navigation type. 

 

Tab Layout with Nested Navigation: Tab navigation appears on top and resembles the website user interface.

Page Navigation Fundamentals

If you have 7 minutes and are passionate to learn about all the fundamental functions such as changing the navigation layout, adding an icon, renaming sections and pages, here is the detailed tutorial.

Enjoy!

Back to blog