Information Dashboard

Information dashboard organizes and presents the most important information from large amounts of data in a way that it is easy to read and understand for the user. Dashboards summarize information and focus on changes and exceptions in the data.
Overview page on Mint, an online personal finance and money management app, follows several best practices for designing a good Information Dashboard.
The design is very minimalistic and simple, but still aesthetically pleasing. The most important information, alerts for the user, are listed at the top of the page where user usually looks first. In the middle appear top movers and shakers in the user’s stock portfolio. At the bottom of the page graphs display visually clear comparison to the budget targets without reading the numbers on the bars. On the left side of the page is displayed an overview of current account balances in banks where the user has an account.

Overview page in Mint.

Overview page in Mint.

What problem does the pattern solve?

  • There is important, real time information from one or more sources that needs to be monitored regularly.
  • There is a lot of data and you need to point out something that deserves attention and might need an action.

When to use it?

  • There is important, real time information from one or more sources that needs to be monitored regularly.
  • There is a lot of data and you need to point out something that deserves attention and might need an action.

How to use it?

  • Distill and condense the key data using summaries and exceptions.
    • Provide high-level summaries of the data. Tell what is happening, not why it is happening, but provide a possibility for the user to drill down deeper into details.
    • Focus on changes and exceptions in the most critical data. Often the most important information to the user is unusual changes from normal situation.
  • Fit the information on a one page.
    • The purpose of a dashboard is to provide the key information from different sources quickly and easily to the user. Therefore the data should be shown on a single screen, preferably without scrolling.
  • Organize the content into meaningful groups to support its use (See our Content Groups pattern for details).
  • Strive for simplicity. Keep the dashboard clean and simple to make it easy to scan and understand.
    • Use visual elements consistently and as little as possible, and highlight only data that needs attention.
  • Customize the dashboard for its users.
    • You need to understand the users and their goals to be able to select the most important information to them to achieve their objectives.
    • You can also allow users to personalize the dashboard further.
  • Select the best display mechanisms for communicating the data clearly and efficiently.
    • Use text, graphs, mind maps, icons, images, tables etc.
    • Use “small multiples” that allow users to see related data at once to make comparisons.
    • What is the best way to present data depends on several things; the needs of the users, context of use, the type of the data, and so on.
    • Describing all the different techniques for visualizing data is out of the scope of this pattern. For more information about data visualization, see “Data Visualization: Modern Approaches” in Smashing Magazine.
  • Test it with users.
    • If the users don’t feel it is useful to them or it is difficult to use, they simply won’t use it.

Why to use it?

  • Well-designed dashboard is a powerful solution to information overload. It combines data from different sources and directs user’s attention to the most important information so that they can quickly identify trends and problem areas and react to them.
  • Dashboard makes users’ life easier, helps them make good decisions, and saves a lot of time, increasing productivity.



This pattern is inspired by Stephen Hew’s Book “Information Dashboard Design: The Effective Visual Communication of Data”.

Useful links

Example images (10 examples)


  • Jason Putorti (www) ⋅ July 23, 2010 22:33

    Thanks for featuring the Mint dashboard! That's the 'original' version I designed in 2007.

    Jason Putorti

  • Janne Lammi ⋅ July 26, 2010 16:40

    Thanks to you for designing a great dashboard that we can now use here as an example ;)

  • Vaishakh Pushpoth (www) ⋅ Oct. 21, 2011 10:36

    A very good compilation.
    Thanks a lot guys.

    BTW, a good talk by Des Traynor,
    on Dashboard Design:

    -Vaishakh Pushpoth

  • Stuart (www) ⋅ April 30, 2012 04:28

    Google Analytics dashboards have had a fair overhaul, might be worth updating them here.

  • C. Haw ⋅ Aug. 19, 2013 21:26

    Anyone ever played with the idea of an expander type "rollup" dashboard (header bar would contain alerts etc - click to open it anytime, as opposed to from a tab? Just wondered if that seemed like an application that would work, and if you had any examples...

  • Rupali Sharma (www) ⋅ Jan. 31, 2017 12:57

    very nice

  • ObatBatu Ginjal (www) ⋅ Feb. 2, 2017 05:25

    Thanks for posting this info. I just want to let you know that I just check out your site and I find it very interesting and informative. I can't wait to read lots of your posts.

  • barry (www) ⋅ Feb. 3, 2017 11:06

    Thanks for posting this info.

  • barry (www) ⋅ Feb. 3, 2017 11:07

    I just want to let you know that I just check out your site and I find it very interesting and informative.

  • happy wheels (www) ⋅ Feb. 4, 2017 06:20

    Thanks for sharing this great. Keep sharing more useful and conspicuous stuff like this. Thank you so much

  • happy wheels demo (www) ⋅ Feb. 4, 2017 06:20

    The one place where as a venue and fan I could search by what ever perimeters I chose .Good Luck with your future endeavors

  • nazumi (www) ⋅ Feb. 4, 2017 06:20

    Great article! Thank you to provide us this useful information

  • kungfia (www) ⋅ Feb. 4, 2017 06:21

    Thank you for another essential article. I have learned a lot from your article. Thank so much, again!

  • Fast 8 Leather jacket (www) ⋅ Feb. 5, 2017 19:02

    We have utilized a sheep aniline cover up for this Fast 8 Leather jacketh as been hand completed to a vintage complete on the seams.Around the outside of the neckline is a zipped configuration highlight while the shoulders don knit line enumerating.

  • Fast 8 Vin Diesel Jacket (www) ⋅ Feb. 12, 2017 22:16

    The one of a kind differentiator of this style is the imaginative bended creases at the front and the uncommon join enumerating on the shoulder and upper arm.To help accomplish the ideal fit there are several clasped midsection agents along the edge creases. Inside this calfskin coat is completely lined and incorporates three cowhide trimmed pockets. One of these is sped for additional security.

  • pof login (www) ⋅ Feb. 13, 2017 12:19

    I really like your article. It’s evident that you have a lot knowledge on this topic. Your points are well made and relatable. Thanks for writing engaging and interesting material.

  • Makanan Yang Baik Untuk Penderita Hipotensi (www) ⋅ Feb. 17, 2017 03:47

    Good morning and welcome to work back then for that we will always wait for the latest information thanks .
    <a href="">Cara Alami Mengobati Batu Berdarah Paling Ampuh</a>
    <a href="">Pengobatan Alternatif PCOS Secara Tradisional</a>
    <a href="">Makanan Yang Baik Untuk Penderita Hipotensi</a>
    <a href="">Pengobatan Alami Kanker Nasofaring Tanpa Operasi</a>
    <a href="">Ciri-Ciri Penyakit Tonsilitis</a>

  • vshare android (www) ⋅ Feb. 19, 2017 17:40

    download vshare app

  • John Smith (www) ⋅ today 12:33

    I've got a new convection oven, and I don't know what to do with it." I hear this plea a lot from cooks who have just redone their kitchens, and also from people