3

I'm designing some dashboards for a client who will see sliced and diced versions of data based on a lot of parameters.

I plan to give him a Pie Chart, Bar Graph and a Table on the same dashboard.

I want to know what should be the ideal positioning of these three.

The standard layout which my previous team member has used is

PIE | Table _|____

BAR GRAPH

Is this a good layout?

2
  • The position should be based on order of priority of the information/data rather than the type of chart. However, the size of the charts and how you optimise the arrangement on a page would be based on the amount of information contained within each chart.
    – Michael Lai
    Oct 13, 2016 at 21:50
  • Further to my comment, another consideration is how it can help to paint a picture or tell a story about the information within the dashboard.
    – Michael Lai
    Jun 13, 2017 at 23:23

2 Answers 2

5

The layout should be based on the information the charts show, and not on what type of chart it is (pie, bar, etc.).

Make the more important information more prominent and in an area that is likely to be seen first. For most areas of the world, that will be the top right down in a Z-pattern.

But at the same time, you should group related charts or data together if they will likely be used together.

There is no "right way" to do this. It's an art and takes a judgement call. However, you should speak to your customers and test whatever layouts you go for with them.

4

Take everything mentioned by @JohnGB into consideration, but also note that Tables typically take up more horizontal space and that pie charts often require a square container. In my experience with mixing chart and table data, the ideal layout looks like this for the requirements as provided:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.