Why visuals enhance design quality in Figma - Business Case Study

Scenario Mode

👤 Your Role: You are a business analyst working with a design team

📋 Request: Your manager wants you to explain why using visuals improves the quality of business reports and dashboards

📊 Data: You have examples of reports with and without visuals, and feedback from users on clarity and engagement

🎯 Deliverable: Create a simple Figma presentation that shows side-by-side comparisons and explains the benefits of visuals in design quality

Sample Data

Report Type	Visuals Used	User Clarity Rating (1-5)	User Engagement Rating (1-5)
Sales Summary	No	2	2
Sales Summary	Yes (Bar Chart)	4	4
Customer Feedback	No	3	2
Customer Feedback	Yes (Pie Chart)	5	5
Inventory Status	No	2	3
Inventory Status	Yes (Heatmap)	4	4

1

Step 1: Open Figma and create a new presentation file

No formula needed; start a blank file

Expected Result

A new blank Figma file ready for design

2

Step 2: Create two frames side by side labeled 'Without Visuals' and 'With Visuals'

Use Frame tool; set size 800x600 px each; add text labels

Expected Result

Two frames visible with clear labels

3

Step 3: In 'Without Visuals' frame, add text blocks showing report data as plain numbers

Add text elements with sample data from table rows where Visuals Used = No

Expected Result

Plain numeric data displayed without charts

4

Step 4: In 'With Visuals' frame, add simple charts representing the same data (bar, pie, heatmap)

Use Figma shapes and colors to mimic bar charts, pie charts, and heatmaps matching sample data

Expected Result

Visual charts displayed that correspond to the data

5

Step 5: Add a text box below each frame summarizing user clarity and engagement ratings

Write: 'Clarity: X/5, Engagement: Y/5' using average ratings from sample data

Expected Result

Clear summary of ratings under each frame

6

Step 6: Add a final text block explaining why visuals improve design quality

Write: 'Visuals help users understand data faster and keep them interested, improving report quality.'

Expected Result

A concise explanation visible on the presentation

Final Result

Bar Chart

↓

Pie Chart

↓

Heatmap

✓Reports with visuals have higher clarity and engagement ratings.

✓Visuals make complex data easier to understand quickly.

✓Users stay more interested when visuals are included.

✓Using charts and colors improves overall design quality.

Bonus Challenge

Create an interactive prototype in Figma where users can toggle visuals on and off to see the difference

Show Hint

Use Figma's component variants and interactive overlays to simulate toggling visuals