Analytics Dashboard 1.0

Transcription

1 Analytics Dashboard.0 UX Design Document Created By Gabriela Viana Wireframes v /03/202

2 Analytics.0 UX Design Document Wireframes v /03/202 Table of Contents Analytics Dashboard Analytics...3 2

3 . Analytics 3

4 Analytics.0 UX Design Document Wireframes v /03/202 Interface Description 2 07// //2009 Day Week Month 3 docs.webplatform.org Date range selection (interaction with details will be presented on next wireframes version) Visits 4 2 Time granularity: The user can select to see by day, by week or by month 5 3 Switch websites: The user can switch across websites 6 Demographics Registration As of 3 August, 203 at 9:02pm Visits Unique Visitors Pageviews / Visit % New Visits Avg. Visit Duration Bounce Rate % 00:0:3 82.7% 4 5 Select Metric: The user can select another metric to compare with the actual selected metric Graph: The user can see the graph through a time period (interaction to be detailed on next wireframes version) Show rows 20 Go to of 5 6 Menu selection for dimensions: The user can select different dimentions to look for. (interaction to be detailed on next wireframes) 4

5 Analytics.0 UX Design Document Wireframes v /03/202 Interface Description 07// //2009 Day Week Month docs.webplatform.org Visits 7 8 Secondary dimension: The user can select a secondary dimension to look at. (interaction to be detailed on next wireframes) As of: It displays the time the report was generated 9 Table: The user can see the raw data of the dimensions and metrics Demographics Registration As of 3 August, 203 at 9:02pm Visits Unique Visitors Pageviews / Visit % New Visits Avg. Visit Duration Bounce Rate % 00:0:3 82.7% 0 Pagination: User can add more rows to the table or navigate through the pages. 0 Show rows 20 Go to of 5 5

6 Analytics.0 UX Design Document Wireframes v /03/202 The Menu for Dimensions 07// //2009 Visits Day Week Month The menu for the Dimensions allows the user to drilldow the information that will be displayed on the table and the graph 2 In the example, the user selects the Location dimension. As of 3 August, 203 at 9:02pm 3 The information is displayed on the table. The user can see the totals for each metric and its correspondent dimensions Demographics Location Language Registration 2 Country 3 Canada United States Portugal Visits Pageviews % New Visits Avg. Visit Duration Bounce Rate 72 COUNTRIES % 00:0:3 82.7% % 00:0:3 82.7% % 00:0:3 82.7% % 00:0:3 82.7% 4 As well, the drilldown of dimensions and metrics Note: The numbers and totals are for illustration purpose. No real data is displayed. France % 00:0:3 82.7% Englad % 00:0:3 82.7% Spain % 00:0:3 82.7% % 00:0:3 82.7% Show rows 20 Go to of 5 6

7 Analytics.0 UX Design Document Wireframes v /03/202 Selecting another Dimension 07// //2009 Edition Day Week Month The user can select another Dimension. In this case, he selects the dimension and the information about the articles is displayed As of 3 August, 203 at 9:02pm Edition Status Article View Unique Article Views Avg. Time on Article Entrances Bounce Rate % Exit 72 ARTICLES 40 EDITIONS 50 (90%) PUBLISHED 86.40% 76% % 00:0:3 789 Article Article 2 On edition Pending Article 3 Published Article 4 Refused Show rows 20 Go to of 5 7

8 Analytics.0 UX Design Document Wireframes v /03/202 Adding/reading comments 07// //2009 Edition Day Week Month Lorem Ipsum is simply dummy text of the printing and typesetting industry. 08/5/203 A visual indication will identify that there is a comment on the graph. The user then, can click on it and the comment will be displayed. If the user wants to add a comment, he clicks on the white rectangle and types. Once he finishes typing, he presses enter and the information is added 72 ARTICLES 50 (90%) PUBLISHED As of 3 August, 203 at 9:02pm Status Article View Unique Article Views Avg. Time on Article Entrances Bounce Rate % Exit 50 (90%) :02:45 AVARAGE % 76% Note: More interactions on the Comment Component such as edit and delete a comment will be presented on next wireframes version) Article Article 2 On edition Pending Article 3 Published Article 4 Refused Show rows 20 Go to of 5 8

9 Analytics.0 UX Design Document Wireframes v /03/202 Selecting a 07// //2009 Edition Day Week Month The user can select a. In order to do so, he clicks on the dropdown and selects another dimension. As of 3 August, 203 at 9:02pm Demographics Location Status Article View Unique Article Views Avg. Time on Article Entrances Bounce Rate % Exit 50 (90%) PUBLISHED :02:45 AVARAGE % 76% Article On edition Language 2 Pending Article 3 Published Article 4 Refused Show rows 20 Go to of 5 9

10 Analytics.0 UX Design Document Wireframes v /03/202 Selecting a 07// //2009 Status Day Week Month Once the user selects another Dimension, for instance, to see with Locations then, the user can know which article has been more read in which country Location 72 ARTICLES Country As of 3 August, 203 at 9:02pm Status Article View Unique Article Views Avg. Time on Article Entrances Bounce Rate % Exit 72 COUNTRIES :02:45 AVARAGE % 76% 50 (90%) PUBLISHED Article Canada On edition Article 2 United States Pending Article 3 Portugal Published Article 4 France Refused Show rows 20 Go to of 5 0

11 Thank You