Why visuals enhance design quality in Figma - Dashboard Impact

Dashboard Mode - Why visuals enhance design quality

Goal

Understand how adding visuals improves the quality and clarity of design presentations.

Sample Data

Design Aspect	Without Visuals	With Visuals
Clarity	Low	High
Engagement	Medium	High
Understanding	Medium	High
Feedback Quality	Low	High
Decision Speed	Slow	Fast

Dashboard Components

• KPI Cards: Show scores for Clarity, Engagement, Understanding, Feedback Quality, and Decision Speed comparing without and with visuals.
• Bar Chart: Visual comparison of scores for each design aspect with and without visuals.
• Summary Table: Lists design aspects and their scores side by side for quick reference.

Dashboard Layout

+----------------------+----------------------+
| KPI Cards (top row)  | KPI Cards (top row)  |
| Clarity, Engagement, | Understanding,       |
| Feedback, Decision   |                      |
+----------------------+----------------------+
|                      Bar Chart                      |
|          Visual comparison of design aspects       |
+----------------------------------------------------+
|                   Summary Table                     |
|          Side by side scores for quick reference   |
+----------------------------------------------------+

Interactivity

Use a filter to select "With Visuals" or "Without Visuals". This updates KPI cards, bar chart, and summary table to show scores for the selected option only.

Self Check

If you apply the filter to show only "With Visuals", which components update their displayed scores?

• All KPI cards update to show higher scores.
• The bar chart highlights the "With Visuals" bars.
• The summary table shows only the "With Visuals" column.

Key Result

Dashboard shows how visuals improve design quality by comparing key design aspects with and without visuals.