Creating Interactive Dashboards

Interactive dashboards thrive when students learn by doing, because interaction design requires iterative testing and user feedback. Sketching, critiquing, and testing dashboards mirror real-world data work where functionality must meet user needs.

• 11th Grade
• Computer Science
• 4 activities
• 20 min–40 min

Learning Objectives

1. Design an interactive dashboard to visualize trends and patterns within a chosen dataset.
2. Evaluate the effectiveness of different dashboard layouts and interactive elements for user comprehension.
3. Justify the selection of specific chart types and data visualizations based on audience needs and the data story.
4. Critique the user experience of a peer-created dashboard, providing actionable feedback for improvement.

Project-Based Learning

⏱ 25 min·Small Groups

Design Sprint: Dashboard Wireframing

Before touching any tool, each group wireframes a dashboard for a given dataset and audience (such as a school principal reviewing monthly attendance trends). Groups present wireframes for peer critique, focusing on layout, what questions each visualization answers, and what interactive controls are needed. Critique informs the build phase.

Prepare & details

Design an interactive dashboard to present insights from a dataset.

Facilitation Tip: During the Design Sprint, circulate with a timer and remind students every five minutes: the goal is a rough layout that answers one key question, not a polished final product.

Setup: Flexible workspace with access to materials and technology

Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Project-Based Learning

⏱ 30 min·Small Groups

Usability Testing: Blind Navigation

Groups complete and share a dashboard, then swap with another group. The receiving group attempts to answer a set of provided questions using the dashboard without any explanation from the creator. Creators observe silently and note where users struggle. This generates specific, actionable feedback for revision.

Prepare & details

Evaluate the user experience of different dashboard layouts and features.

Facilitation Tip: For Usability Testing, assign one student to observe quietly and note only the verbal reactions and clicks, not their own interpretations.

Setup: Flexible workspace with access to materials and technology

Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Think-Pair-Share

⏱ 20 min·Pairs

Think-Pair-Share: Audience Analysis

Present two dashboard designs for the same data: one targeted at an executive summary view and one at an analyst exploration view. Students individually identify three differences in design choices, compare with a partner, and the class discusses how audience goals change everything about layout, detail level, and interactivity.

Prepare & details

Justify the inclusion of specific visualizations based on the target audience and data story.

Facilitation Tip: In Think-Pair-Share, ask the pair to write one sentence that captures their shared insight before sharing with the class.

Setup: Standard classroom seating; students turn to a neighbor

Materials: Discussion prompt (projected or printed), Optional: recording sheet for pairs

• Understand
• Apply
• Analyze
• Self-Awareness
• Relationship Skills

Project-Based Learning

⏱ 40 min·Whole Class

Structured Critique: Dashboard Review Panel

Each group presents their dashboard in a structured format: data source, target audience, key insight each panel communicates, and one design decision they debated. The class provides structured feedback using a rubric covering clarity, appropriate interactivity, visual hierarchy, and whether the design serves the stated audience.

Prepare & details

Design an interactive dashboard to present insights from a dataset.

Facilitation Tip: During the Structured Critique, provide a one-page rubric with three tiers: Insight, Clarity, and Craft, so reviewers focus on communicative value over aesthetics.

Setup: Flexible workspace with access to materials and technology

Materials: Project brief with driving question, Planning template and timeline, Rubric with milestones, Presentation materials

• Apply
• Analyze
• Evaluate
• Create
• Self-Management
• Relationship Skills
• Decision-Making

Teaching This Topic

Teachers should frame interactive dashboards as tools for specific audiences, not collections of features. Start with low-stakes sketches to reduce perfectionism, then introduce usability testing early so students experience firsthand how unclear controls confuse users. Research shows that novice designers overestimate visual appeal and underestimate clarity; make the shift explicit through peer review.

What to Expect

Successful learning looks like students who can articulate why their dashboard controls serve a specific audience and who revise designs based on usability feedback. Students should move from adding features for novelty to curating insights that guide decision-making.

Watch Out for These Misconceptions

Common Misconception

During the Design Sprint, watch for students adding many interactive controls to impress peers rather than answering a clear question.

What to Teach Instead

Stop the sprint at the 10-minute mark and ask each student: ‘What one question does your dashboard help its user answer?’ If they can’t state it simply, return to wireframing with a single filter or button.

Common Misconception

During the Structured Critique, watch for students praising dashboards that look polished but fail to reveal key trends.

What to Teach Instead

Hand critics a printed rubric with three columns: Insight, Clarity, Craft. For each dashboard, they must place sticky notes in only two columns, forcing them to separate communicative value from visual appeal.

Common Misconception

During Think-Pair-Share, watch for students choosing metrics that interest them rather than aligning with an audience’s needs.

What to Teach Instead

Give each pair a persona card (e.g., Parks Department Director, Community Advocate) and require them to justify each metric choice by writing how it serves that persona’s goals.

Assessment Ideas

Peer Assessment

After the Design Sprint, have students present wireframes in small groups using the peer checklist: at least two interactive elements, clear data communication, and a coherent story; peers offer one specific suggestion for improvement.

Exit Ticket

During the Usability Testing wrap-up, students write on an index card one key design decision they made (e.g., filter placement, chart choice) and explain how it serves their target audience.

Quick Check

After the Think-Pair-Share, the teacher poses a scenario: ‘A Parks Department dashboard needs three metrics. What would you prioritize and why?’ Students write brief answers and the teacher collects them to spot trends before moving to the next activity.

Extensions & Scaffolding

• Challenge early finishers to add a small multiple view that compares trends across three slices of data.
• Scaffolding for struggling students: provide a starter dashboard with pre-placed filters and ask them to remove one filter that doesn’t serve the audience.
• Deeper exploration: invite students to interview a real user about their dashboard needs and iterate their design based on the interview.

Key Vocabulary

Dashboard	A visual display of the most important information needed to achieve one or more objectives; consolidated and arranged on a single screen so the information can be monitored at a glance.
Interactive Visualization	A data graphic that allows users to engage with the data by filtering, zooming, or drilling down to explore different aspects.
Data Storytelling	The process of translating data into a narrative that is understandable and engaging for a specific audience, often using visualizations.
User Experience (UX)	The overall experience a person has when interacting with a product, system, or service, in this case, a data dashboard.