AI Agent in Dashboard

This project focuses on providing SMB marketing professionals with quick and easy access to key insights from their marketing data in our Supermetrics Hub.

AI agent building a dashboard in the Supermetrics Hub

Exploration & direction

Based on previous research, we laid out a few functions that would help our users:

  • Builder: creates a dashboard from a prompt
  • Migrating: recreates a dashboard from an uploaded image
  • Branding: applies styling from a reference image
  • Blending: create data blend from a prompt

We defined the success criteria, and moved to write user stories and move on to the user flow design.

The team were all new with creating an Agent so this is a learning process for all of us. All designers working on AI synced regularly and maintained a shared status folder. This keeps everyone aligned.

  • I follow the AI principle guideline set by our principal designer to keep consistency
  • We have weekly syncs with Data Explorer team: tracking progress, avoiding duplicate work, flagging uncertainties early
Image: User flow for dashboard agent

Challenges

AI was new for everyone: engineers needed exploration time before any estimation could start, making planning uncertain

  • Opportunities felt endless on the design side, however we had to cut scope to the bare minimum, the rest can be added later on.
  • Screen real estate was a constant tension: how to balance toolbar and agent chat while keeping the dashboard legible

In this project, user flow is heavily utilized due to it being easier to follow the logic. It is also easier for developer to follow the user flow rather than Figma prototype. This is a collaborative project, design and development work hand in hand.

The “Wow” Moment and the Tradeoff

We have to make a decision for the “Wow” moment and the agent’s functionality:

Early on implementation, I realised that our agent require a lot of inputs from user in order to execute the task, especially the non templated ones, and I decided to add a few settings to our agent:

  • High ambiguity tolerance: act-first, reduce inputs from users
  • High deterministic agent: keeps the result consistent
  • High proactivity: anticipates and acts ahead of explicit instruction

The tradeoff:

  • The goal: let users sit back and watch, to see a dashboard appear from a prompt is a genuine confidence builder
  • Tradeoff: the agent might overstep or misread intent, power users might get a result they didn’t want after waiting through a loading time
  • My take: AI is new, and experimenting is necessary. If we can impress users early, that trust is worth building on.
Image: Dashboard agent in active

Future vision

The agent is currently focused on creation, but the natural next step is making it contextual. Prompts should be informed by the user’s connected data sources, workspace context, and their history of previously created dashboards.

Beyond that, I want to expand what the agent can do, not just building, editing and theming, but showing insights from the number in the dashboard. That’s where it becomes genuinely useful, not just impressive.

For now we’re starting with three template prompts, but that’s the direction I’m aiming for.

Next project