1 / 18

Group 2 Final Presentation Better Carbon Calculator Project

Group 2 Final Presentation Better Carbon Calculator Project. Haley Bowman Michelle Aranda Takahiro Karasawa Patricio Legras Shyam Panchal. Website Design. Creating the Website. Put Usability of Design First Questions How long does it take for each page to load?

Angelica
Download Presentation

Group 2 Final Presentation Better Carbon Calculator Project

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Group 2 Final PresentationBetter Carbon Calculator Project Haley Bowman Michelle Aranda Takahiro Karasawa Patricio Legras Shyam Panchal

  2. Website Design

  3. Creating the Website • Put Usability of Design First • Questions • How long does it take for each page to load? • Is the message unclear or hard to understand? • Does the user go to the wrong web pages when seeking information?

  4. Authors and Audiences “Web designers form a significant audience for each other’s work…experience in the viewing of other people’s pages as a user would do is seen as a valuable asset in designing pages.” • http://www.nature.org/initiatives/climatechange/calculator/ • http://www.ics.uci.edu/~wmt/socialCodeGroup/

  5. Empirical Validated Web Page Design • Webpage design should aid scannability by using headlines, colored text for emphasis and 50% less text than on paper (1) • Good pages use many text clusters, many links, and many colors (2) [1] Ivory, p. 53 [2] Ivory, p. 59

  6. Aesthetics • Eco-friendly appearance • Neutral/earth toned colors • Pictures • Brightness/prominence of colors

  7. Original Results Page

  8. Revised Results Page

  9. Revisions • Heighten impact of total number of carbon tons released per year • Move to the center of the page • Turn focus to the result itself • Curve rectangle to match style of website • Create a pie chart that equates the distribution of total emissions • Red for the most • Orange for the second

  10. Revisions (continued) • The total number and the pie chart were created using a Java Applet Reads the numbers directly from html code Supports infinite number of modules • The key supports up to 10 modules Animated pie chart

  11. Tags and Modules • Added “What is this?” Button • Fewer tags 12-16 tags Make tags more meaningful • Ex: Commuter, Airplane Flyer, etc. • Tags and Modules placed side by side Shows that there are two ways to refine results

  12. Video • Emphasize how small lifestyle changes can make a difference in reducing carbon footprint • Dramatic to inspire action http://ec2-75-101-202-69.compute-1.amazonaws.com/~group02/

  13. Research

  14. Environmental Threats • “Killer” Heat Waves • Rising Sea Level • Melting of Artic Ice Caps • Other Research

  15. Environmental Solutions • Wide range of solutions • Domestic changes • Transportation changes • Immediately feasible solutions • EPA and Climate Crisis • Reliability

  16. Advantages of Using the Web in Education • Free of cost for most users • Global propagation • Lessens production, distribution and archivation of paper • Enables more color and visual aids

  17. Goals of Website • Easily accessible and designed for a diverse audience • Show how computer technology can inspire action to improve current environmental problems • Benefit the actual Better Carbon Calculator website

  18. References • Terry, Thomas M. "Weaving the Web into Biology teaching". BioScience. Vol. 49, No. 9. 733-741 • Calongne, Cynthia. "Designing For Web Site Usablitity". D.CS. JCSC 16, 3 (March 2001), CCSC: South Central Conference • Christine Hine. "Web Pages, Authors and Audiences. The Meaning Of A Mouse Click" Communication & Society 4:2 2001 182-198 • Ivory, Melody. Sinha, Rashmi. Hearst, Marti. "Empirically Validated Web Page Design Metrics". CHI 2001. Volume No.3, Issue No. 1.

More Related