Screen Shot 2018-03-19 at 16.17.51 PM.png

The Comparative Impacts Project

The Comparative Impacts Project


The Comparative Impacts Project is an interactive educational tool focusing on electrical energy sources and their related emissions.

The major goals of this project are:

  • educate individuals on the complexities of energy sources

  • compare environmental, health and social costs of energy sources

  • explore pros and cons of different electrical energy portfolios for a city

  • empower individuals to make informed decisions around energy



The methods used to accomplish these goals are:

  • making the information more relatable through user input

  • making the results simple to understand through data visualization

  • promoting critical comparison of energy sources through interaction and manipulation


The project is intended to be used in the educational/classroom domain, with a specific age group of high school to university.

This project is being developed with Bhawani Venkataraman, Associate Professor of Chemistry at the New School, and was presented at the 3rd National Energy Education Summit in Washington D.C. (2018)

Technologies Used: 

  • D3.js


Iterations:

The Comparative Impacts Project was born out of conversations with Bhawani Venkataraman, Associate Professor of Chemistry at The New School, about the many complexities surrounding electrical energy generation technologies. We sought to bring these complexities to light for a broader audience without oversimplification but with interaction, data visualization, and transparency of information.

The beginning of this body of work consisted of:

  • researching scientific literature

  • gathering data

  • reviewing other information based interactive projects

  • constructing and disseminating questionnaires to our target audience

  • brainstorming the most effective ways we could accomplish our goals 

Once we had set out more detailed goals and means by which to accomplish these goals, I began mocking up interfaces for synthesizing multiple layers of data. 

IMG_1012.JPG
IMG_1013.JPG
IMG_1016.JPG
IMG_1014.JPG
IMG_1015.JPG
IMG_1017.JPG
IMG_1018.JPG
IMG_1019.JPG
IMG_1020.JPG
IMG_1021.JPG

 

Lo-fi digital mockups: used for user testing and interaction mockups

data-screen-mockup.jpg
thesis-mockup-1.jpg
thesis-mockup-4.jpg
mainScreenMockUp.jpg
thesis-mockup-2.jpg
thesis-mockup-3.4.jpg
input-screen-2.jpg

 

At this point in the process, I had written some of the basic building blocks of the code and we had received a lot of feedback about what people responded to when viewing data in different forms. There was a tendency to prefer visuals that were recognizable such as histographs and line charts which lead to some of the mock ups above. But, I felt that these were not visually interesting enough to further engage a user, so I went back to sketching interfaces with the intention of creating something new that had recognizable elements. 

At the same time, I began to storyboard a narrative, into which this main visualization could find context for the user. 

IMG_1022.JPG
IMG_1023.JPG
IMG_1024.JPG
new-mockup-c1.png
new-mockup-interface-2.2.png
Screen Shot 2018-03-19 at 16.17.51 PM.png