Responsive Design is the backbone of next-generation mobile BI. Responsively designed BI apps enable you to deploy one application to all devices – one design that adjusts to any screen size, keeping development simple and maintenance efforts low. Here are some guidelines to keep in mind when designing responsive content for a mobile interface.
1. Use tiles or panels
Design content in a series of modular tiles or panels. The tiles can then form a grid layout, which makes it easy for users to scan the app for relevant content.
2. Think symmetry
When designing tiles, make them symmetrical in terms of height and width. In so doing, you’ll be able to rearrange content easily and even re-use it between multiple BI apps.
3. Shrink your work
Not every piece of content visible on a large screen needs to be present on a smaller tablet or smartphone screen. Pick out the most relevant content for a mobile audience and hide unnecessary features that only make sense on a desktop app.
4. Shrink images
Remember that smaller devices such as smartphones have limited bandwidth, so stick to images that can be resized proportionately and downsized to a lower resolution to save space.