Tableau Mobile: Designing Dashboards for Phones and Tablets

Tableau Mobile is the iOS and Android application for accessing Tableau Server and Tableau Cloud content on smartphones and tablets. It provides the same view content as the browser experience, with touch-optimised interaction. However, dashboards designed for a 1920x1080 desktop monitor do not translate to a 375x812 phone screen without deliberate redesign. This guide covers the device designer, mobile layout principles, and Tableau Mobile's offline mode.

Why mobile dashboards are different

Desktop dashboards are designed for mouse interaction, high-resolution displays, and typically undivided attention. Mobile dashboards are used on smaller screens, with touch interaction, often in short sessions, frequently in lower-attention contexts (between meetings, commuting, brief status checks).

The consequences:

- Touch targets must be larger than click targets — a small filter dropdown is difficult to operate on a phone

- Text must be readable without zooming — 10pt labels are legible on a monitor, illegible on a phone

- Information density must be reduced — 12 panels on a phone requires scrolling and loses spatial context

- The primary use case on mobile is monitoring, not exploration — "is everything ok?" not "why did revenue decline in the Southeast?"

Designing a mobile dashboard from scratch with these constraints produces a usable experience. Deploying an unredesigned desktop dashboard on mobile produces an unusable one.

The Tableau device designer

In Tableau Desktop, each dashboard can have multiple layout versions for different device types: Desktop, Tablet, and Phone. The device designer is accessed via the Dashboard panel's device preview dropdown.

When you create a phone layout, you start from a copy of the default layout and modify it for the phone viewport. Common modifications:

- Rearrange panels vertically (phones scroll vertically, not horizontally)

- Reduce the number of visible panels — 3–4 on a phone vs 12 on a desktop

- Increase font sizes and touch target sizes

- Simplify filters to the 1–2 most critical ones, hiding complex filter controls

- Hide panels that are not useful on mobile (supporting text, complex comparative charts)

The phone and tablet layouts are separate — you can have three distinct dashboard layouts from one workbook. When Tableau Mobile opens a dashboard, it detects the device type and renders the appropriate layout.

Mobile layout principles

**Vertical flow**: A phone user scrolls down, not right. Arrange all panels vertically. Avoid side-by-side layouts that require the user to scroll horizontally.

**One insight per panel**: Each visible panel should answer one specific question. "Revenue this week vs target" is one panel. "Revenue this week vs target, by region" is the same panel with one added dimension. Combining multiple questions in one panel on a phone creates visual clutter.

**Large, readable numbers**: The primary KPI should be a large number — minimum 24pt, ideally 36pt+. Subtext (label, trend indicator) can be smaller but should be at least 12pt. On a phone, a 40pt KPI tile with a trend arrow is immediately readable without zooming.

**Minimal filters**: Each filter control on mobile takes significant screen real estate and requires multiple taps to operate. Limit mobile layouts to 1–2 filters for the most critical dimensions. If the desktop version has 8 filters, consolidate to the 2 that matter most for the mobile use case.

**Bottom-anchored navigation**: If the dashboard has multiple tabs or pages, bottom navigation (aligned with how iOS and Android apps structure navigation) is more accessible than top-page tabs for thumb operation on a phone.

Touch interaction considerations

Tableau Mobile supports standard touch interactions:

- Tap: select a mark (equivalent to click)

- Two-finger pan: scroll the dashboard

- Pinch/spread: zoom in/out (if enabled)

- Long press: show tooltip

Filter controls, parameter sliders, and action buttons must be large enough to tap accurately. Minimum touch target size: 44x44 points (iOS Human Interface Guidelines recommendation). A filter dropdown at 20pt height is too small for reliable touch operation; 44pt is the minimum.

Avoid hover-dependent interactions on mobile — hover does not exist on touch screens. If a tooltip only appears on hover, it will not appear in Tableau Mobile. Ensure all essential information is visible without interaction.

Offline mode

Tableau Mobile supports offline mode — a dashboard can be configured for offline access, and Tableau Mobile will cache the rendered dashboard when the device has a network connection. When the network is unavailable (on a plane, in a facility with no WiFi), the cached version is available.

To enable offline mode on a dashboard: In Tableau Mobile, navigate to the dashboard → three-dot menu → Save for offline. The dashboard is cached in the app.

Offline mode shows the snapshot at the time it was cached. The user sees a staleness indicator showing when the data was last refreshed. For dashboards used in field environments (manufacturing floors, sales visits, remote sites), offline mode is a significant usability feature.

Common mobile design mistakes

**Shrinking a desktop dashboard**: Reducing font size and panel size to fit more content on a phone produces tiny, illegible dashboards. Design for mobile specifically, not just scaled-down.

**Keeping all filters on mobile**: A phone user presented with 8 filter dropdowns will abandon the dashboard. Limit to the essential 1–2 filters.

**Not testing on an actual device**: The device preview in Tableau Desktop approximates the phone viewport but does not reproduce actual touch behavior. Always test final mobile layouts in Tableau Mobile on a physical device before publishing.

**Ignoring landscape mode**: Phone users sometimes rotate to landscape. The phone layout should be usable in landscape orientation — avoid designs that are critically broken in landscape.

For the broader dashboard design context, see tableau dashboard design best practices and tableau dashboard storytelling. Our Tableau consulting practice designs mobile-ready dashboard experiences — book a scoping call to discuss your mobile analytics requirements.

A former Microsoft data architect audits your data foundation, identifies your top priorities, and sends you a written plan. Free. No pitch.