766390 - Design app statistics overview dashboard

Status: RESOLVED FIXED

(Marketplace Graveyard :: Statistics, defect, P1)

Description

[Christopher Van Wiemeersch [:cvan]]

Attachment: 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.)

Comment 1

[Christopher Van Wiemeersch [:cvan]]

Please note this design should be optimized for only tablet and desktop.

Comment 2

[Maria Sandberg [:mushi]]

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

Comment 3

[Maria Sandberg [:mushi]]

Attachment: .psd - stats

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

Comment 4

[Kevin Ngo [:ngoke]]

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

Comment 5

[Wil Clouser [:clouserw]]

Maria: are there mobile views for this?

Comment 6

[Maria Sandberg [:mushi]]

(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?

Comment 7

[Wil Clouser [:clouserw]]

(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

Comment 8

[Christopher Van Wiemeersch [:cvan]]

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

Comment 9

[Christopher Van Wiemeersch [:cvan]]

This has kind of been done.