Skip to content

Instantly share code, notes, and snippets.

@samanpwbb
Created March 16, 2012 15:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save samanpwbb/2050533 to your computer and use it in GitHub Desktop.
Save samanpwbb/2050533 to your computer and use it in GitHub Desktop.
CDI Delivery Note

Jeff -

Here are the wires we'll walk you through today.

You'll see we are planning on less maps than expected and do dynamic stack graphs instead. We found this approach to be much better suited as it naturally gives an impression of the situation in the entire US. Animations between graphs will allow for nice comparability between facets. More about that in our meeting at 1 PM today.

This change affects scope but we can still make it work within the budget by just moving the $10,000.- we had allocated for maps and to doing stack graphs. We are planning to still have some maps on the site - on state profiles. We'll use them to situate the state and give a way to laterally browse the site by clicking from neighbor state to neighbor state. Again here: we'll talk more about this in our meeting today.

We call these deliverables "wires" because they talk about communications goals, broad functionality and rough space usage. They do not suggest specific colors, fonts, imagery or icons - we will work on these items in the mockup phase.

Looking forward to talking later.

Front page

The goal here is to give a high level overview of the situation of competitive foods in American schools. We'll walk you through locations and highlight key findings for each of them. Once you're on a location you can jump directly into the data (see screenshots further down below). We plan on having an animated transition between the front page and the inside pages and using the same icons in each section so that we create a tight experience between the illustration and the graphs.

home

Stack graphs for general policy variables

These stack graphs place states in policy categories, categorizing states cleanly while at the same time creating a picture of the situation in the entire United States. Any configuration here will be linkable so that users can share what they found exploring data. Changes between graph configurations will be animated.

general

Stack graphs for location aspects

This is an example of how we will accomodate 5 columns for location aspects. Selections will be "sticky" meaning that if a user selects "soda portion size" in "vending machines", then goes on to select "school stores", the aspect selection will remain "soda portion size" - resulting in comparison functionality along the time axis.

locations

See also the location mock-up with the aspect dropdown menu active.

State profile

The state profiles will be straight forward listings of variables. There will be a map for navigation (we should talk whether we can show a variable on that map).

state

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment