Instead of sending the deliverable through google docs. we thought it would be better to do this over github since your team is on the repo already and it would be easier to make comments in the ticket below.
Introduction
Our goal in this phase is to set an external structure for the visual contents that will be implemented in the next phase. The feedback provided this week helped us approach the wireframes with a narrative outlook by showcasing the map of the countries and then highlighting the methodologies of individual KPI’s below.
Landing page
The purpose of the landing page is to set the context of the program and for it to contain high level stats for each of the KPIs. Users get an overview of the countries where the program is growing on the map view. In each KPI section below the map, there is an opportunity to call out a specific country's data set to encourage users to click deeper into country levels.
Access
We’re showing access by using a large scale map along with a line graph that begins to animate when you land on the page. (see a similar example here: http://india.nightlights.io/#/nation/2002/7). Similar to the India lights map, as the line graph forms, areas on the map will grow in size to visualize the growth in access. We think having an interactive tool like this encourages users to engage with the presented data.
Usage
To visualize usage, we want to display the data with a high-low chart like below. The purpose of this chart is to visualize the potential reach of each location in comparison to the actual use of dispensers. A shorter line would indicate the amount of actual users that are close to what is potential, which is a good thing. As a user hovers over each point, we would show the overall adoption rate as well as the number of actual and potential users. (Image below does not include current data)
Reliability
The value of the two-way bar chart highlights the growth of dispensers added over time while showing the number of dispenser outages. This can be a powerful visual tool that helps users understand the uptime of the dispensers and see the potential effect on usage. (Image below does not include current data)
Feedback
We've thrown a lot at you this round and hope to hear your team on the structured wireframe and the visualizations for each high-level KPI
Specifically, we'd like to know if you think the visualizations would reflect the data that's available?
We purposefully structured the wireframe to be more narrative like, and would like to know if you had other expectations on the layout here?
Let us know if you have questions on anything we've posted here
Next Steps
DevSeed
We're continuing with building out the backend structures
Based on feedback we get from your team we will start implementing front-end frameworks
We'll continue design revisions and visualization brainstorms based on feedback we get from your team and carbon datasets we have yet to receive
Evidence Action
We'll need the carbon data sets from you to figure out the visualizations
Mary shared this link, and to access the style-guide and logo it seems like we need the box login and password info.
Hi @katrinskaya ,
Instead of sending the deliverable through google docs. we thought it would be better to do this over github since your team is on the repo already and it would be easier to make comments in the ticket below.
Introduction
Our goal in this phase is to set an external structure for the visual contents that will be implemented in the next phase. The feedback provided this week helped us approach the wireframes with a narrative outlook by showcasing the map of the countries and then highlighting the methodologies of individual KPI’s below.
Landing page
The purpose of the landing page is to set the context of the program and for it to contain high level stats for each of the KPIs. Users get an overview of the countries where the program is growing on the map view. In each KPI section below the map, there is an opportunity to call out a specific country's data set to encourage users to click deeper into country levels.
Access
We’re showing access by using a large scale map along with a line graph that begins to animate when you land on the page. (see a similar example here: http://india.nightlights.io/#/nation/2002/7). Similar to the India lights map, as the line graph forms, areas on the map will grow in size to visualize the growth in access. We think having an interactive tool like this encourages users to engage with the presented data.
Usage
To visualize usage, we want to display the data with a high-low chart like below. The purpose of this chart is to visualize the potential reach of each location in comparison to the actual use of dispensers. A shorter line would indicate the amount of actual users that are close to what is potential, which is a good thing. As a user hovers over each point, we would show the overall adoption rate as well as the number of actual and potential users. (Image below does not include current data)
Reliability
The value of the two-way bar chart highlights the growth of dispensers added over time while showing the number of dispenser outages. This can be a powerful visual tool that helps users understand the uptime of the dispensers and see the potential effect on usage. (Image below does not include current data)
Feedback
Next Steps
DevSeed
Evidence Action
cc: @olafveerman @ascalamogna