More than a dashboard

A Curriculum design research project that concretely shapes
the future of HCI education @CMU

Product

Interactive Data Dashboard

Company

Human Computer Interaction Institute

Tools
Overview

The HCII needs a tool that provide insights of current HCI education to facilitate the board for decision-making.

I designed and coded an interactive data dashboard that allow high levels of customization, enabling people to visualize and analyze data with certain degrees of flexibility.

But, there are challenges out side of a scope for a designer, and here is how I dealt with them...

Context

Effectiveness? Innovation?
How is CMU education doing?

Is a Master in HCI worth it right now?

Honestly just looking for insight from those in the industry or in a program about how much they think the value of the degree has held up and/or helped them career-wise...

The Impact of Artificial Intelligence on Product Design and the Future of UI/UX

The Human-Computer Interaction Institute offers multidisciplinary undergraduate and graduate educational programs that emphasize technology for the benefit of people and society.

HCII needs to know how well their education is helping their students achieving their post graduation role.

In order to obtains the most updated design trend and market requirement, my supervisor conduct extensive research involving multiple stakeholders such as students, alumni, hiring manager, and other professionals.  

My Responsibility

Turn data into actions

Previous they've designed and collected a bunch of data, both qualitative and quantitative, from current students, alumni, industry partners, hiring managers, and other affiliated professions.

Now they need someone to turn those data into actions

My Deliverable

A Dual-Purpose Intelligence Data Dashboard

Under two month, I designed and implemented this dashboard

Decision-Support

Streamlining complex datasets to highlight actionable insights, enabling leaders to make evidence-based judgments efficiently.

Exploratory Autonomy

Providing filters to empowering users to conduct independent analyses .

Our data must be complete and unbiased,
our insights accurate and up-to-date,
and our UI matching users’ varying levels of data literacy.

Data Cleaning

Three Steps, Turning Chaos into Clarity

Polishing the Gems,
Unifying Data Formats

Crafting the Blueprint
The Index Chart

Trimming the Fat,
Removing Unnecessary Columns
Challenge

How to design a dashboard that is
well-organized, customizable, but with visual emphasis.

Design Decision One

Build a map, not a maze

Design with a layered information hierarchy to guide users from high-level trends to granular details

Progressive Disclosure
By default, the tool avoids overwhelming users with interpretive overlays. Contextual tooltips and progressive skill selection allow gradual complexity adoption.

Design Decision Two

Allowing high levels of customization

By enabling people to visualise and analyse data with certain degrees of flexibility, dashboards can unlock new perspectives and empower teams to analyse their data from multiple angles.

Design Decision Three

Guided Emphasis

Optional visual cues (e.g., dynamic heatmaps, fading saturation for peripheral data) and structural signposts (collapsible modules, priority zoning) subtly direct attention to high-impact patterns.

I really learned

Create a cleaner survey saves
a loooooot of time.

I did not involve in the beginning process when survey was created, which complicates my whole analysis process and delays final deliverable.

So if I do user/market research in the future where a survey is needed, I'll make sure that I tie the survey structure closely to our research objectives and format the survey in a way that facilitates data analysis.  

Other Projects