Dashboarding part 1: Global design setup
Designing your dashboard application isn’t something you do in an hour, at least that is what I think. The main reason for this is the fact that gathering and organizing all information that should get attention takes time to address. This is called the ‘information architecture‘ part of your dashboard application. But before we do any of that, we could already setup and define some things that need to be in the UI to make it look nice.
- A background could help the dashboard look nice and be the first element that indicates the real estate and screen resolution that are going to be used.
- If you already have an idea of the number of columns and rows that need to be on the dashboard screen, you can already lay this out on the canvas using line elements or white space techniques to achieve the appropriate design.
- Setting up the design parameters in QlikView, a few defaults for development could be configured already:
- Here you setup the defaults for font types (Arial as best practice standard)
- Defining the font size
- Here you can setup font properties, backgrounds, alignment and action icons for the caption of your objects
- Configuring the settings for your fields, for example alignment
- Object and element settings can be done here, for example; borders, colors, scroll bars and layering
- General and global settings
- Showing or hiding the tabrow
- Defining background colors or images
- Styling mode: advanced or simple
- Listbox styles
- Global transparency
- And color schemes for QlikView navigation elements
- Object style
With this post I’ll post two backgrounds for a width of 1024 px resolution, this to give you a quick start or some inspiration.
So this post should get you started with setting up and defining your design environment.
This post is the first part of a series around building and designing dashboard applications in QlikView. Stay tuned for the next episodes…
For now, have fun and happy designing!