Browser-based vs desktop app in Figma - Business Scenario Comparison

Scenario Mode

👤 Your Role: You are a product analyst at a software company.

📋 Request: Your manager wants a clear comparison of user engagement between the browser-based and desktop versions of your app.

📊 Data: You have user activity data for both app versions, including daily active users, session length, and feature usage over the past month.

🎯 Deliverable: Create a dashboard in Figma that visually compares key engagement metrics between the browser-based and desktop apps.

Sample Data

Date	App Version	Daily Active Users	Average Session Length (min)	Feature A Usage (%)	Feature B Usage (%)
2024-05-01	Browser	1200	15	40	30
2024-05-01	Desktop	800	25	50	45
2024-05-02	Browser	1250	16	42	32
2024-05-02	Desktop	820	24	48	44
2024-05-03	Browser	1300	14	41	31
2024-05-03	Desktop	850	26	52	46
2024-05-04	Browser	1280	15	43	33
2024-05-04	Desktop	830	25	51	47

1

Step 1: Import the sample data into Figma as a table or use a plugin to visualize data.

No formula needed; prepare data visually for design.

Expected Result

Data is visible in Figma for reference.

2

Step 2: Create two side-by-side bar charts: one for average Daily Active Users (DAU) by app version, and one for average Session Length by app version.

Calculate average DAU and Session Length for Browser and Desktop versions from sample data.

Expected Result

Bar charts show Browser DAU ~1257.5, Desktop DAU ~825; Session Length Browser ~15 min, Desktop ~25 min.

3

Step 3: Design two pie charts showing average Feature A and Feature B usage percentages by app version.

Calculate average Feature A and B usage for Browser and Desktop from sample data.

Expected Result

Pie charts show Browser Feature A ~41.5%, Feature B ~31.5%; Desktop Feature A ~50.25%, Feature B ~45.5%.

4

Step 4: Add clear labels, legends, and titles to all charts for easy understanding.

Use Figma text tools to add descriptive labels and legends.

Expected Result

Dashboard is easy to read and interpret.

5

Step 5: Arrange all charts in a clean layout with a header titled 'User Engagement: Browser vs Desktop App'.

Use Figma frames and alignment tools for layout.

Expected Result

Final dashboard is visually balanced and professional.

Final Result

Bar Chart: Daily Active Users

↓

Bar Chart: Avg Session Length (min)

↓

Pie Chart: Feature A Usage

↓

Pie Chart: Feature B Usage

✓Browser app has higher daily active users than desktop app.

✓Desktop app users spend more time per session than browser users.

✓Desktop app shows higher usage percentages for both Feature A and Feature B.

✓User engagement differs by app version, suggesting different user behaviors.

Bonus Challenge

Add a line chart showing daily trends of active users for both app versions over the sample period.

Show Hint

Calculate daily active users per date and plot two lines, one for Browser and one for Desktop.