Dashboard Design Best Practices

Consider the following best practices and considerations when designing dashboards for your business stakeholders.

Understand What Your Stakeholders Need

Understand what information your business stakeholders need to either take action on information or make that information easier to do. Understanding what your stakeholders need guides you in how to design the Display-type Screens to provide that information. Consider the following examples.

Stakeholder Need

Design Guidance

Manager needs an overview of team progress and status.

Include Save Search Charts that show Request and Task status and when each started to provide insight on team member progress.

Team starts Requests for the same Processes frequently.

Use Rich Text controls with "button" images that link to Processes that may be started via Web Entry. See Locate the URL to Start a Request Via Web Entry.

Employees need information and files.

Design a homepage or portal that provides employee information and files employees may download via File Download controls.

Design a Screen to Contain Your Dashboard

Prior to creating a dashboard, ensure that the following ProcessMaker Platform assets exist for a dashboard:

  • A Display-type Screen must contain the content for your dashboard. If the specific Screen for this dashboard does not exist, create that Screen.

  • While a dashboard may contain any content that a Display-type Screen supports, consider any of the following for an effective dashboard:

  • Design the Screen as intended to display the dashboard's content. Consider the following when choosing the chart types:

    • Line charts: Use line charts to plot data points over a period of time. They are compact, clear and precise. Line charts format is common and familiar to most people so they can easily be analyzed at a glance.

    • Bar charts: Use bar charts to divide your data into neat categories. These charts are easy to understand, clear, compact, and have multiple use cases.

    • Pie charts: Although pie charts can be visually scanned easily and stakeholders notice the biggest slice immediately, challenges in terms of scale may result in the smallest slices being so small that they even cannot display.

  • Keep the layout and order of information in mind. Follow these general design principles for stakeholders to more easily assimilate dashboard information:

    • Key information should display first, preferably in the top left region of the page. This mimics how written words are traditionally parsed. Research has shown that users will initially look to that area of a page when it has loaded.

    • Major trends, data points, and the most important tasks should be visible at a glance. After displaying the initial overview, provide more granular information.

    • Group charts, metrics, and functionality by theme with comparable items placed next or near each other.

pageWhat is a Dashboard?pageView All DashboardspageOpen a DashboardpageCreate a DashboardpageEdit a DashboardpageDelete a DashboardpageConfigure a Custom Home Page and/or a MenupageWhat is a Screen?pageScreen TypespageWhat is a Saved Search?pageDynamic UI PackagepageWhat is a Package?

Last updated

© Copyright 2000-2024 ProcessMaker Inc. All rights reserved.