BETTER CARBON CALCULATOR GROUP 2

Michelle ArandaPatricio LegrasHaley BowmanShyam PanchalTakahiro Karasawa

Better Carbon Calculator

Our group is focusing on: The visual aspect of

the website What the number

means on the result

Environmental Issue and Distribution

Environmental Issue The reduction of the green house gasses

emitted by a single person IT intervention and Distribution

Modifying the layout and the visual aspect of the Better Carbon Calculator website

Show the user a graphical representation of the number of tons that they emit each year

Resources

Visual Aspects Learn what the other carbon calculators

have Use of MTurk to gather information of

what is needed on the current website Graphical Representation

Research online how much a ton of Carbon Dioxide can be represented as

Roles

Visual Aspects Michelle Haley Shyam

Programming Patricio Takahiro

Visual Display

http://www.conservation.org/act/live_green/carboncalc/Pages/default.aspx

Tabs that give the user more Information about the website and advise them on how to reduce their footprint or what to do next

The visual display here is in constant motion. The pictures are manipulated to appear like videos and are changing every five seconds or so to another ecological environment. This is an effective way to catch the users attention.

http://www.3degreesinc.com/carbon_calculator/

Larger and more colorful graphics and buttons help direct users on what they should do first and createa more pleasing display.

http://www.begreennow.com/reduce-offset/carbon-calculator/

Using “green” pictures of the environmentcreate a nicer display and contribute to the meaning of the website. After all, what weare trying to do is send the message that weneed to stop polluting the environment toprotect its beauty and efficiency.

Buttons with graphics on them make the website easier to use because they add a visual aspect. We plan to place buttons like these next to the modules to better convey their purpose.

http://www.b-e-f.org/

The graphics of this webpage capture the “greenness” that wementioned before. The site includes aspects of the environmentand uses recyclable-looking materials to create its images. Thesemethods effectively communicate the website’s eco-friendly goals.

http://www.carbonfund.org/Calculators/

Here is another example ofeffective buttons/graphics.

Tabs, like those used here, would be very helpful in communicating the background information, purpose, and goals of the Better Carbon Calculator website. The tabs make the aims of the website clearer and make the carbon calculator easier to use.

http://www.vnf.com/assets/htmlimages/Windmills_on_hill.resize.jpg

http://www4.swansea.gov.uk/media/images/p/i/Reduce__reuse_recycle_200px.jpg

http://www.livescience.com/environment/060324_glacier_melt.html

http://www.bio.warwick.ac.uk/res/resimg/csheppard1.jpg

Examples of Pictures That Would Be Used To Help The Aesthetics of the Better Carbon Calculator Website

Problems with Front Page

Problems with Results