Browser-based vs desktop app in Figma - Dashboard Approaches Compared

Dashboard Mode - Browser-based vs desktop app

Business Question

Which type of application, browser-based or desktop app, performs better in terms of user engagement and sales conversion?

Sample Data

App Type	Users	Sessions	Sales	Avg Session Duration (min)
Browser-based	1500	4500	300	5
Desktop app	1200	3600	400	8
Browser-based	1600	4800	320	6
Desktop app	1300	3900	420	7
Browser-based	1400	4200	310	5
Desktop app	1250	3750	410	7

Dashboard Components

• KPI Card 1: Total Users by App Type
  Formula: SUM of Users grouped by App Type
  Result: Browser-based = 4500, Desktop app = 3750
• KPI Card 2: Total Sales by App Type
  Formula: SUM of Sales grouped by App Type
  Result: Browser-based = 930, Desktop app = 1230
• Bar Chart: Average Session Duration by App Type
  Formula: AVERAGE of Avg Session Duration grouped by App Type
  Result: Browser-based = 5.33 min, Desktop app = 7.33 min
• Table: Detailed Data Table
  Shows all rows from sample data for detailed view

Dashboard Layout

+----------------------+----------------------+
|      KPI Card 1       |      KPI Card 2       |
|   Total Users         |   Total Sales         |
+----------------------+----------------------+
|                      Bar Chart                 |
|          Avg Session Duration by App Type      |
+------------------------------------------------+
|                 Detailed Data Table             |
+------------------------------------------------+

Interactivity

A filter for App Type allows users to select either "Browser-based" or "Desktop app" or both. When the filter changes, all components update to show data only for the selected app type(s). This helps compare performance easily.

Self Check

If you add a filter to show only Desktop app data, which components update?

• KPI Card 1 will show total users for Desktop app only (3750).
• KPI Card 2 will show total sales for Desktop app only (1230).
• Bar Chart will show average session duration for Desktop app only (7.33 min).
• Data Table will show only rows where App Type is Desktop app.

Key Result

Dashboard compares user engagement and sales between browser-based and desktop apps.

Practice

1. Which statement best describes a browser-based app like Figma?

easy

A. It only works on mobile devices.

B. It installs on your computer and works without internet.

C. It runs inside a web browser and usually needs internet access.

D. It requires special hardware to run.

Solution

1. Step 1: Understand browser-based apps

   Browser-based apps run inside web browsers like Chrome or Firefox and usually need internet to load and save data.

2. Step 2: Compare with other options

   Desktop apps install on computers and can work offline, so It installs on your computer and works without internet. is incorrect. Options C and D are unrelated to browser-based apps.

3. Final Answer:

   It runs inside a web browser and usually needs internet access. -> Option C

4. Quick Check:

   Browser-based app = runs in browser with internet [OK]

Hint: Browser apps run in browsers and need internet [OK]

Common Mistakes:

• Confusing browser-based with desktop apps
• Thinking browser apps install on computer
• Assuming browser apps work offline

2. Which of these is the correct way to open Figma's desktop app?

easy

A. Double-click the Figma icon installed on your computer

B. Run Figma from a USB drive without installation

C. Use a mobile app store to open Figma

D. Open a web browser and go to figma.com

Solution

1. Step 1: Identify desktop app usage

   Desktop apps are installed on your computer and opened by clicking their icon.

2. Step 2: Eliminate other options

   Open a web browser and go to figma.com describes browser use, not desktop app. Use a mobile app store to open Figma is about mobile apps. Run Figma from a USB drive without installation is not typical for desktop apps.

3. Final Answer:

   Double-click the Figma icon installed on your computer -> Option A

4. Quick Check:

   Desktop app = open installed icon [OK]

Hint: Desktop apps open from installed icons, not browsers [OK]

Common Mistakes:

• Confusing browser access with desktop app launch
• Thinking desktop apps run from USB without install
• Assuming mobile app store opens desktop app

3. If you lose internet connection, which Figma app will still let you work offline?

medium

A. None of the above

B. Browser-based Figma app

C. Mobile browser Figma

D. Desktop Figma app

Solution

1. Step 1: Understand offline capabilities

   Browser-based apps need internet, so they stop working offline.

2. Step 2: Identify desktop app features

   Desktop apps can work offline because they are installed locally and save data on your computer.

3. Final Answer:

   Desktop Figma app -> Option D

4. Quick Check:

   Offline work = desktop app only [OK]

Hint: Only desktop apps work offline [OK]

Common Mistakes:

• Assuming browser apps work offline
• Confusing mobile browser with desktop app
• Choosing 'None' when desktop app works offline

4. You try to open Figma desktop app but get an error saying it can't connect. What is the likely cause?

medium

A. The desktop app requires internet for some features

B. You are not connected to the internet

C. You opened the browser instead of desktop app

D. Your computer does not support browsers

Solution

1. Step 1: Understand desktop app internet needs

   Desktop apps can work offline but some features like syncing need internet.

2. Step 2: Analyze error cause

   If the app can't connect, it likely needs internet for syncing or updates, so The desktop app requires internet for some features fits best.

3. Final Answer:

   The desktop app requires internet for some features -> Option A

4. Quick Check:

   Desktop app needs internet for syncing [OK]

Hint: Desktop apps may need internet for syncing [OK]

Common Mistakes:

• Assuming desktop apps never need internet
• Confusing browser with desktop app
• Blaming computer hardware incorrectly

5. You want to work on Figma designs during a flight with no internet. Which setup is best?

hard

A. Use the browser-based Figma app before the flight

B. Install and use the desktop Figma app on your laptop

C. Use a mobile browser to access Figma

D. Save files on a USB and open in browser offline

Solution

1. Step 1: Identify offline work needs

   Working during a flight means no internet, so you need an app that works offline.

2. Step 2: Choose the right app

   Desktop Figma app works offline if installed, so it's the best choice. Browser apps need internet, so browser-based and mobile browser options fail. Save files on a USB and open in browser offline is not possible because browser needs internet to open Figma files.

3. Final Answer:

   Install and use the desktop Figma app on your laptop -> Option B

4. Quick Check:

   Offline work needs desktop app installed [OK]

Hint: Offline work? Use desktop app installed on laptop [OK]

Common Mistakes:

• Trying to use browser app offline
• Assuming mobile browser works offline
• Thinking USB files open in browser without internet