Design app statistics overview dashboard

RESOLVED FIXED

Status

Marketplace
Statistics
P1
normal
RESOLVED FIXED
6 years ago
6 years ago

People

(Reporter: cvan, Unassigned)

Tracking

({uiwanted})

uiwanted
Points:
---
Dependency tree / graph

Details

(URL)

Attachments

(2 attachments)

(Reporter)

Description

6 years ago
Created attachment 634657 [details]
Sketch of stats overview

Sections:
- Installs
  We have the following data. We could show it with pie charts or something:
  * Top Devices breakdown (from which device an app was installed) - example of what AMO does: http://f.cl.ly/items/3K2p2c1z272K272y3J3I/Screen%20shot%202012-06-19%20at%202.56.52%20PM.png
    + Desktop
    + Tablet
    + Mobile
  * Top Sources (from which page an app was installed)
    + Home
    + Category Browse
    + App Detail Page
    + Search
    + User Profile
    + Unknown
  * Top Regions (from which region an app was installed)
    + United States
    + Canada
    + Brazil
    + France
    + etc.
- Sales
  * Amount Earned
    + Zoom range (daily, weekly, monthly, etc.) - example of what Google Finance does: http://f.cl.ly/items/2H2O1k1d3z0M0z3a3V3N/Screen%20shot%202012-06-19%20at%202.56.07%20PM.png
    + Currency total breakdown (piechart)
    + Source total breakdown (piechart)
  * Number of Sales
  * Number of Refunds

Very nice-to-have features:
- Simple graph(s) with links to view advanced graphs:
https://marketplace-dev.allizom.org/en-US/app/seevans-underworld-adventur/statistics/
  * See examples on Marketplace of the different types of graphs we currently have:
    + http://f.cl.ly/items/2g3N3O4007130p2l1m3c/marketplace-dev.allizom.org%20screen%20capture%202012-6-19-14-44-12.png
    + http://f.cl.ly/items/2g3N3O4007130p2l1m3c/marketplace-dev.allizom.org%20screen%20capture%202012-6-19-14-44-39.png
    + http://f.cl.ly/items/2g3N3O4007130p2l1m3c/marketplace-dev.allizom.org%20screen%20capture%202012-6-19-14-46-53.png
    + http://f.cl.ly/items/2g3N3O4007130p2l1m3c/marketplace-dev.allizom.org%20screen%20capture%202012-6-19-14-53-26.png
- Links to generate reports
  * See last two pages of spec for details: https://docs.google.com/document/d/1-Zb-foJIQL5LyjQc53bN2hhibiIPD3ZOzbopl45Ywy0/edit


Current implementation on Marketplace:
https://marketplace-dev.allizom.org/en-US/app/evernote-web/statistics/

Current implementation on AMO:
https://addons.mozilla.org/en-US/firefox/addon/firebug/statistics/


(Ignore "Usage" for now since AITC is not yet completed. We also have review data if we want to surface that here.)
(Reporter)

Comment 1

6 years ago
Please note this design should be optimized for only tablet and desktop.
Summary: Design mobile app statistics overview dashboard → Design app statistics overview dashboard
(Reporter)

Updated

6 years ago
Blocks: 695236
Keywords: uiwanted
Whiteboard: [ui]
(Reporter)

Updated

6 years ago
Priority: -- → P1
Okay, here's a first stab.

Lots of things haven't been thought through, ask questions if you have them and let's also be okay with this being a first version. I worked off of the current color scheme for the Marketplace. At some point this should get the attention of a real visual designer. In my .pngs the colors look horrible for some reason, they should be pretty subtle, let me know if that is not what you see. 

1. For the pie charts in the overview I'd like to try and put the text in the right contextual place on the slice it belongs to rather than under. I didn't spend time mocking up what a pie chart with more than one slice looks like. If there is any risk of getting more than let's say 5-6 slices per chart, we should consolidate smaller into an "others" slice. 

2. In every view but the overview we should offer the option of viewing as a line graph or a stacked bar graph, did not mock up the latter one, I'm sure you can get far without a mock. 

Hope this helps. 
http://cl.ly/2D3a3R2Y2K461F2u0A3v
http://cl.ly/1F0J442k2X3l3c2c0r1V
Created attachment 637347 [details]
.psd - stats

Bugzilla won't let me upload the .psds, they are too big. Here's a zip.

Comment 4

6 years ago
Thank you for the mocks!

It occurred to me recently that it may be difficult (impossible) to display Amount Earned as a single dollar value. There are purchases coming from different countries/currencies, and we can't simply sum them and convert it all to a single currency because of fluctuating exchange rates. So instead of displaying a single dollar value, we might have to display a breakdown by currency.

US - $32,543
EUR - 2,500 euros 
JPN - 100,000 yen
show more
(Reporter)

Updated

6 years ago
Blocks: 770246
Maria: are there mobile views for this?
(In reply to Wil Clouser [:clouserw] from comment #5)
> Maria: are there mobile views for this?

No, and I feel like that would be a pretty low priority?
(In reply to Maria Sandberg [:mushi] from comment #6)
> (In reply to Wil Clouser [:clouserw] from comment #5)
> > Maria: are there mobile views for this?
> 
> No, and I feel like that would be a pretty low priority?

Agreed
(Reporter)

Comment 8

6 years ago
Chatted with Maria, and for the overview page, take into account the mock above and this sketch:
http://f.cl.ly/items/193J340o1k0f2u0o0o31/stats.jpg

Requirements:
- Install counter
  + 71 installs (e.g.)
- Table for installs:
  + device (Desktop, Tablet, Mobile)
  + regional store (Worldwide, United States, or Brazil)
  + country location (any country)
  + source (Homepage, Detail Page, Search, Category Browse, User Profile)

- Purchases counter (optional, or tab-able for now)
  + $500 (e.g.)
- Table for purchases:
  + price
  + device (Desktop, Tablet, Mobile)
  + regional store (Worldwide, United States, or Brazil)
  + country location (any country)
  + source (Homepage, Detail Page, Search, Category Browse, User Profile)

- In-App Purchases counter (optional, or tab-able for now)
- Table for in-app purchases:
  + in-app product name
  + price
  + device (Desktop, Tablet, Mobile)
  + regional store (Worldwide, United States, or Brazil)
  + country location (any country)
  + source (Homepage, Detail Page, Search, Category Browse, User Profile)

- Links to view graphs (we currently have a full sidebar, but this can/should change)

Non-requirements:
- Showing sentiment for install/purchases counter (e.g., +5%, etc.)
- Showing daily max record
- Showing sparkgraphs à la http://dribbble.com/shots/368170-Dashboard-Full-2/attachments/18789
(Reporter)

Comment 9

6 years ago
This has kind of been done.
Status: NEW → RESOLVED
Last Resolved: 6 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.