Tips for designing mobile dashboards in Klipfolio

Tips for designing mobile dashboards in Klipfolio

By now, you've likely heard the big news: Klipfolio is now available for the iPhone, and can be downloaded on the App Store.

Mobile devices are fast becoming the primary way to consume information on the web. As any web designer will tell you, mobile use cases and responsive design presents unique challenges. Designers are meticulous when it comes to responsive design, and are known to belabor each web design decision and then extensively test designs on multiple devices and screen resolutions.

Tips for designing mobile dashboards in Klipfolio

Tips for designing mobile dashboards in Klipfolio

With the Klipfolio App fresh on the marketplace, it's a good time to talk about design considerations for your mobile dashboard software. Here are 6 tips to help you design effective mobile dashboards:

Simplify Klip design

When it comes to dashboards, simplicity reigns supreme; when it comes to mobile dashboards, a simplistic, even minimalistic approach will serve you best. Avoid cramming your Klip full of needless visualizations and extraneous components.

Recommendation: Use 1 component per Klip.

Build Klips for mobile consumption

Imagine the following scenario: you're out of the office, about to go into a big meeting, and want to be rock solid on your numbers. You sign into the Klipfolio app... what numbers do you see? Chances are the numbers you'll want at your fingertips will be those that change frequently, that are core to your business, and that reflects your current situation. Smart mobile designers design understand how and when their content will be consumed.

Recommendation: Build Klips with an eye to use-cases and situational context

Shorten Klip titles and use abbreviations

Keep the titles of dashboards and Klips short to ensure they are not inadvertently truncated by the mobile display. One of the best ways to do this is to use abbreviations. Of course, you need to strike a balance between making information concise and not giving your audience enough context. The best practice is to establish and follow common abbreviations and to provide additional context when necessary.

Recommendation: Limit Klip titles to 50 characters or less.

Fixed pixel widths

Setting fixed pixel widths desktop and wallboard displays allows to precisely control to look and feel of your dashboards. On mobile devices, responsive design kicks in and your finely designed Klips may not display as expected. The Klipfolio app adjusts to use the space available, which may result in some Klips being cut off.

Recommendation: Remove fixed pixel widths from Klips to be displayed on mobile.

Use menus and filters to simplify complex data sets

The Klipfolio App provides much of the interactivity you've come to know and love in the web version. This means that you can set up dropdown menus and filters to help your users explore complex data sets. Consider using these options to limit the information you display on mobile dashboards to avoid overloading your auidence.

Recommendation: Set up dropdowns and filters for mobile dashboards

Test your Klips

A screen size simulator, such as Screen Resolutions Tester for Google Chrome, allows you test your Klip layout in different screen sizes. This will help you anticipate issues and troubleshoot before you publish a mobile dashboard.

Recommendation: Test your mobile dashboards before launching them.

Metric Stack Newsletter

New benchmarks, trending metrics content, and tips and tricks to help you level up your analytics. Delivered to your inbox every week.

Subscribe now

Topics: Dashboards

Originally published October 6, 2015, updated Apr, 07 2021

Related Articles

photo of a laptop on a desk

The Starter Guide to Dashboards

By Emily HaywardJune 9, 2021

Illuminated office building

The Starter Guide to Business Intelligence

By Emily HaywardMay 26, 2021