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.


Originally published October 6, 2015, updated Jul, 18 2019

Related Articles


6 Marketing Lessons to Apply in 2021

By Emily HaywardJanuary 12, 2021


The Evolution of Analytics

By Allan WilleDecember 3, 2020

Start building dashboards for your team and your clients.