Design for mobile devices

Report Design in Power BI

Jess Ahmet

Content Developer at DataCamp

The importance of mobile layout

A regular report page from the Power BI mobile app.

A mobile-enhanced report from the Power BI mobile app.

Report Design in Power BI

The mobile layout

The mobile layout in Power BI Desktop

Report Design in Power BI

Zoom sliders

Zoom sliders

Zoom sliders in action

Report Design in Power BI

Mobile drillthrough

An example of mobile drillthrough

Report Design in Power BI

Mobile layout capabilities

Things you CAN do

  • Choose which visuals you wish to display when building the mobile layout
  • Drill through to another report page
  • Slice data and cross-filter visuals

Things you CANNOT do

  • Interact with the mobile layout view
  • Add new visuals or shapes
  • Display visuals that are hidden on the desktop view
Report Design in Power BI

Bookmark navigator

The bookmark navigator in action

  • Show bookmarks as chiclet buttons
  • Show all bookmarks or just a group
  • Create groups in the Bookmarks tab
Report Design in Power BI

Best practices for designing on mobile

1. Prioritize key metrics first

  • Avoid more than four metrics
  • Summarize display units to save space
  • Abbreviate measure names

2. Implement focal point tracking

  • Use the Z layout

3. Consider orientation

  • Not all visuals look good on mobile and web in the same orientation
Report Design in Power BI

Let's practice!

Report Design in Power BI

Preparing Video For Download...