A HubForge playbook

Designing Dashboards with AIPlaybook

The best thinking on dashboard design, from Tufte to the Financial Times, turned into a method you can practise here and now, with AI doing the heavy lifting and you keeping the judgement. For any field, any tool.

What brings you here today?

Rate this playbook

1Begin with a test

You have five seconds.

That is roughly how long a busy reader gives a dashboard before deciding whether it is worth their time. Try it. You will see one dashboard for five seconds, then answer one question.

Round one

A typical district services dashboard. Look for which region needs help most.

Total Requests YTD48,213
Avg Handle Time6.42 min
CSAT (%)81.73%
Escalations2,104
Requests by Region (Q3)
■ North ■ South■ East ■ West■ Central ■ HillsShare of Escalations
On-time %71.2%
First Call Fix58.0%
Backlog1,240
Staff on shift212
Region table: North 74.1% · South 76.3% · East 69.8% · West 72.4% · Central 73.0% · Hills 51.2%
Trend: Jan 70 Feb 71 Mar 69 Apr 72 May 70 Jun 71 Jul 72 Aug 70 Sep 71

The Hills region resolves only 51% of requests on time, twenty points behind every other region.

On time, all regions71%
Backlog1,240
Hills, on time51%
South76%North74%Central73%West72%East70%Hills51%
  1. Press the button. A dashboard appears for five seconds.
  2. Look for one thing: which region needs help most?
  3. Answer from memory. Then try round two and compare.

Why this matters now

AI makes dashboards fast. It also makes bad ones fast.

Most dashboards don't fail loudly. They launch, get opened twice, and quietly die. The causes are almost always the same three.

1

Built for data, not decisions

Every metric goes on the page because it exists, not because anyone acts on it.

2

Too much, too clever

Twenty charts, five colours, three fonts. The one number that matters gets lost.

3

Numbers nobody trusts

No definitions, no source, no date. One wrong figure and people return to spreadsheets.

The frameworks in this playbook give you the right dashboard: decades of research on how people read charts and make decisions. AI gives you that dashboard built and checked, faster, once you tell it what good looks like.

2The method

Follow one dashboard from blank page to launch.

Meet Sahayak, a public helpline that takes thousands of requests a month. Its managers asked for "a dashboard". As you read the six stages of the DESIGN loop, watch their dashboard take shape beside you. The same steps work for a sales team, a clinic network or a school system.

3Keep this open

The field guide.

Sahayak showed the loop in motion. These are the reference pages to come back to while you build your own: the whole loop on one screen, the four kinds of dashboard, the metric card and the layout rules.

D

Decide

Who decides what, how often?

  • Write: this helps [who] decide [what] every [cadence]
  • Pick the kind: strategic, operational, analytical or communicative
  • List three to five questions in the readers' words
  • Interview two real readers first

Stands on Patton's utilization-focused evaluation, Munzner's domain level and jobs to be done.

E

Establish metrics

Which numbers answer those questions, exactly?

  • Derive metrics from your theory of change, logframe or OKRs
  • One card per metric: definition, formula, source, owner
  • Pair each lagging outcome with a leading indicator
  • Plan equity breakdowns before collecting data

Stands on SMART indicators, results chains and Few's warning about deficient measures.

S

Structure the layout

What does the reader see first, second, third?

  • Inverted pyramid: headline, KPIs, trends, breakdowns, detail
  • Core view on one screen
  • Most important number top left
  • Group related items; same metric, same place

Stands on Shneiderman's mantra, Few's single screen, Gestalt and Z and F reading.

I

Illustrate

Which chart shows each relationship most clearly?

  • Choose charts by relationship
  • Bars start at zero; label directly
  • Grey everything, colour only what matters
  • Titles state the takeaway

Stands on the FT Visual Vocabulary, Tufte's data-ink, Knaflic and pre-attentive attributes.

G

Guard

Can everyone read it, and trust it?

  • Contrast 4.5:1 for text, 3:1 for marks
  • Never encode meaning in colour alone
  • Show source, freshness and definitions
  • De-identify; suppress small groups

Stands on WCAG 2.2, the Okabe and Ito palette and do-no-harm data ethics.

N

Nurture

Is it used, and getting better?

  • Test with five readers on three tasks
  • Track views, filters and questions
  • Review quarterly; retire what nobody uses
  • Version it and log changes

Stands on usability testing, Few's thirteen mistakes and Munzner's validation.

4Practise

The workshop.

Five tools to sharpen your eye. Each one teaches a principle by letting you do it, not read about it.

Spot the flaws

This chart went to a board meeting. It contains five classic mistakes. Click on each one you can find.

0/5

5Working with AI

The AI pact.

AI can draft almost everything on a dashboard. It cannot be accountable for any of it. Here is how to split the work: eight jobs it does well, what you keep in each, and six promises that hold whatever the tool.

Eight roles AI can play. One it can't.

AI is a fast, tireless collaborator. It is not accountable for your numbers. You are.

1

Interviewer

Surfaces purpose, readers and decisions.

You keep: confirming with real users
2

Metric architect

Turns questions into metric cards.

You keep: signing off definitions
3

Layout sketcher

Drafts wireframes and reading order.

You keep: choosing what to cut
4

Chart chooser

Matches relationships to charts.

You keep: the final visual call
5

Builder

Writes DAX, SQL, formulas or chart code.

You keep: recomputing the headlines
6

Critic

Reviews against Few, Tufte and Knaflic.

You keep: weighing trade-offs
7

Accessibility checker

Flags contrast, colour-only meaning and jargon.

You keep: testing with a contrast tool
8

Narrator

Writes takeaways, summaries and alt text.

You keep: checking every claim

The one it can't play: the person who answers for the numbers.

Six promises to keep.

1

Every number traces to a row

Nothing on the page you can't follow back to source data and a formula.

2

Headlines get recomputed

The top three figures are checked by a person before anyone else sees them.

3

No personal data goes in

Aggregate and de-identify first, unless your organisation has approved the tool.

4

Definitions come first

AI fills a gap with a plausible definition. Give it yours.

5

A person signs off

Each dashboard has a named owner for numbers, wording and release.

6

AI's help is disclosed

One line on the page: what AI drafted, what people checked.

Where AI lives in your tools.

ToolAI help for dashboardsBest for
General assistantsClaude, ChatGPT, Gemini and Copilot draft metric cards, layouts, chart code and critiques, and analyse filesDesign thinking, critique, code
Power BI with CopilotGenerates report pages, suggests DAX measures, writes narrative summaries, answers questionsMicrosoft 365 teams
Tableau PulsePersonalised metric summaries, proactive insights, alerts by email or SlackMetric monitoring
Looker with GeminiConversational analytics, a visualisation assistant, calculated fieldsGoogle Cloud teams
ThoughtSpot SpotterConversational analysis and AI-assisted dashboard creationSearch-style self-service
Metabase MetabotSQL generation, chart summaries, query debuggingOpen-source, lean teams
SpreadsheetsCopilot in Excel and Gemini in Sheets suggest formulas, pivots and chartsSmall teams, trackers

AI features in BI tools change every few months. Check your tool's release notes; the pact holds whatever the tool.

6Borrow these

Conversation starters.

Eighteen openings for any AI assistant, grouped by stage. Replace the highlighted words. Then push back on the first answer; the second one is usually better.

7Before you launch

DESIGN-ready?

Twelve checks, two for each stage of the loop. Tick them off for the dashboard you are building; the ring fills as you go.

0/12

Start with the purpose.

After launch, keep it alive.

Track useViews, filters used, comments and questions
Review quarterlyKeep, change or retire every element
Version itLog what changed and why
Close the loopTell readers what you changed from their feedback

8Go deeper

The library of ideas.

The concepts, theories and practices this playbook stands on, each in plain words: where it comes from, why it matters, and how to use it on Monday.

On the shelf.

The books, papers and standards behind the ideas above, if you want the originals.

Information Dashboard DesignStephen Few
The Visual Display of Quantitative InformationEdward Tufte
Storytelling with DataCole Nussbaumer Knaflic
The Big Book of DashboardsWexler, Shaffer and Cotgreave
A Nested Model for Visualization DesignTamara Munzner, 2009
The Eyes Have ItBen Shneiderman, 1996
Visual VocabularyFinancial Times
Utilization-Focused EvaluationMichael Quinn Patton
WCAG 2.2W3C
Colour-blind safe paletteMasataka Okabe and Kei Ito
VisEval benchmarkEvaluating AI-generated charts
Claude Dashboard PlaybookHubForge
Shashidhar S A

written by

Shashidhar S A

Founder, HubForge Global · MERL & AI Innovator

  • En-Intrapreneur
  • Driving evaluation ecosystems through People, Process & Product
  • Co-Chair, IOCE Comms & Storytelling
  • Co-Lead, EvalYouth Global Champion Engagement

A note for the next reader

Was this useful?

Rate the playbook and, if you like, leave a short note about what worked. No account or email needed.

Loading community features…

Your rating

An anonymous browser ID remembers your rating. Written feedback stays private unless it is approved for publication. You can update your rating from this browser.