5lb. butter = How many cows?

My local, local-foods eatery, Common Roots, has launched the first of a series of profiles on the local farms from which the restaurant/coffee shop sources their ingredients. First up: Butter from Hope Creamery in Hope, MN.

Nice story about the history of the creamery (though slightly lengthy for online attention spans) . And a short video (the first time I’ve seen 2500 pounds of butter churned). But what was most Background Story-esque is a graphic that was included in an email announcing the endeavor:

How many cows does it take...
How many cows does it take...

Not only does this factoid give us a bit of background on butter production (by stating the average daily output of 1 cow), it also quantifies the cafe’s own usage in terms of cows. This kind of information puts data in context. I hope to see similar comparisons (especially in terms of land use, water use, etc.) in future showings of Common Roots’ farm/product profiles.

Tracking water droplets: Playing raincloud.

An exhibit on Water at the Science Museum of Minnesota contains an interactive display that allowed people to ‘become’ a raincloud. By rubbing a ‘raincloud’ tool over a series of screens displaying a topographic map, the cloud rains drops of water onto the topo-map. Visitors can see how the drops of water run down the sides of a topographic map to slow and pool together in the valleys between mountains. Colliding together, the blue drops create rivers which meander through valleys until falling off the screen.

Interactive table created interaction for watersheds
Interactive table created interaction for watersheds

As a fun way for visitors to interact with the exhibit, this project helps people understand how water flows (the fact being downhill- which I thought was obvious, but apparently there is an overwhelming number of people who are surprised when rivers turn to flow North instead of South, as on maps they must have an idea that gravity makes the water flow off the page.)

Reality, augmented. […sustainably?]

Merging analog and digital, this new tool allows users to use their webcam to make a simple printed page come to life. In 3 dimensions!
Augmented Reality: a virtually 3-d landscape unfolds via your computer's webcam.
Augmented Reality: a virtually 3-d landscape unfolds via your computer

An incredible display of technology, it’s not hard to imagine the communication possibilities for sustainability, communicating the background stories of products…or anything for that matter. However it’s not immediately clear how this technique is as exclusive to the future of sustainable communications as it would have us believe (the tool is introduced from within GE’s micro site promoting sustainable technologies like the smart grid and smart power meters). Though a extremely promising tool, a slight scent of greenwash clouds the air.
Watch the video, as presented by Adobe CTO, then try it for yourself.

On the topic of eco-magination, there are some wonderfully communicative info-graphics throughout the micro site. However, overall the site is excessively flashy: lots of pretty pictures…but not much overall content.Ā  It seems to have been created as a playground for cutting-edge graphics more than to support sustainability. (Though, one could argue that’s GE’s intent…) More easily accessible information to back up the claims that GE wants to communicate through such elaborate – and interactive- visuals would lend significantly more credibility to this site.
bar graphs bring information to life with visual virtual worlds
Bar graphs bring information to life with visual virtual worlds

Environmental and financial savings stack up in a bar graph.
Environmental and financial savings stack up in a bar graph.
GE infographic - Mapping CO2 Emissions
GE infographic - Mapping CO2 Emissions

Home energy usage via Google

Google is in the development stages of a power meter that enables users to monitor real-time feedback on their household energy consumption. This kind of instantaneous feedback gets to the basic premise of why it’s important to show & tell background stories. This power meter is tool that enables the customer to make their own choices: in this case, the customer can make the connection between more energy usages= more $.

Google's plan to meter home energy consumption
Google's plan to meter home energy consumption.

Follow google’s developments on www.google.org/powermeter.

Perhaps this precision monitoring of the background of products also paves the way for technologies enabling people to generate their own power – and sell it back to utilities.

Frowning Utility Bills

A utility company is literally establishing an emotional connection with the audience: via smiley or frowning faces on their utility bills.

Visual Comparison, photo by Max Whittaker for The New York Times
Visual Comparison, photo by Max Whittaker for The New York Times

A New York Times article reports how a Sacramento utility is inspiring residents to lower their energy usage by providing them visual feedback on their utility bills…and it doesn’t hurt that the bill compares them with their neighbors. A little competition can go a long way – it puts people’s own actions in context to their peers.

Chips with visual crisp

Good info-design requires consistency and repetition in order to establish a visual pattern. This site does both well.

Using a small-multiples-like approach that allows the viewer to compare the chips at-a-glance, the designer has clearly paired color pallet with the chips. The miniature chips (color, texture and all) are both a reference to the chip variety, and a visual navigation to additional information on the product.

Website with chip navigation
Website with chip navigation
Small multiples of chips, color-coded
Small multiples of chips, color-coded

And they taste good too.

www.foodshouldtastegood.com

No Smoking. No Food. No Robots.

No Smoking. No Food. No Robots.

A lesson in information and graphic design:Graphics need to be able to withstand the test of time.

This info-graphic inside a Minneapolis bus does alright communicating no smoking and no food or drink. But my only guess is that the ‘robot’ icon was intended to represent a tape deck (as a symbol for loud music) … a technology that has not withstood the test of time. At least not in this era.

This lends a lack-of-trust and a sense of out-dated-ness to the first 2 graphics – which are quite comprehensible by themselves.

It’s important that an audience be able to comprehend a visual icon. An infographic must be able to capture the essence of the object/idea without being too detailed about age/brand/….etc. Naturally, this job is made difficult by the changing design of products, trends, etc.

Car eco-label only inches forward despite potential

Environmental label for CA cars
Environmental label for CA cars

Effective since January 1st, California has launched a clean air label required on every new car produced and sold in California. The label rates ‘Smog’ and ‘Global Warming’ on a scale of 1-10 (5 being the average car, 10 being the cleanest). Though there has been a smog index label since 1998, this marks the first time such information has been available to the consumer at point-of-sale – though it seems you’ll have to pop the hood to find the label.

The best part is that the implementation of the label signifies a step toward transparency and ultimately sustainability: a system is now in place to transfer information from car producers, 3rd party reviewers, auto dealers and to communicate that to consumer.

However, the visual representation of the label leaves a lot to be desired. Very little actual information is communicated in these graphics – despite the seemingly substantial space allocated. A simple line makes up the ranking, but portrays very little detail about what the vague titles are all about. I’d like to see this label make use of the technique of layering: to call out the most basic important information (what’s already shown), while incorporating another level of supporting information to further educate viewers.

The ‘global warming’ score actually includes some interesting elements to touch on the larger life-cycle of the system – a stance not often acknowledged in products. But although this label touches on some issues related to sustainability, it leaves many questions in the viewer’s mind. For many audiences that already have a basic understanding of the principles of sustainability, the infographic neglects to transparently inform what the ‘smog’ and ‘global warming’ rankings actually include. [smog-producing emissions from use of the car for the former, and greenhouse gas emissions from fuel production, vehicle operation, and the car’s A/C system for the latter.] It’s also unclear whether average car score will adjust as cars are built cleaner in the coming years.

An online website clears up some of the vagueness: Consumers can also see the top 10-rated cars and check another vehicle’s ratingĀ  on the DriveClean website. But as information design, it certainly would be nice if the visual representation took the opportunity to communicate more substantive information to potential buyers, educate them on the potential environmental outcome of their purchases, or even motivate them toward sustainability.

Detail of the DriveClean site
Detail of the DriveClean site