Thursday, October 9, 2008

transparencies

does anyone know where i could get transparencies? Does the art store sell them?

Monday, October 6, 2008

Update!

So my idea totally changed from my last post. The color came out a bit dull, but this is what I'm thinking about.


The screen will show up like this, and you would have to hover you're mouse to view the next screen.

This shows the consumption of both male and female.

The viewer can click either the fast food (burgers) or non fast food (sandwich) to see the next screen.

Three different age group icons will appear. The first one is between 4-8 years, second is 9-13 years, and the third is 14-19 years.

When you click on the icon, it would begin to show the data and transform the icon slowly into an overweight one.

This is how it looks like once the information is loaded and you can click the next button to continue.


It will bring you back to the "take a bite" screen, but this time you can only click on the non fast food.






In the end, you can compare the differences between people that consumed fast food and those who didn't.

Overall, fast food makes you overweight! As shown on the last screen, one is fatter than the other! :D

Sunday, October 5, 2008

New college flash

Ok, I've changed a number of things. First of all, there's only the map, no list version; second of all, gender and size are shown by dots, not pie charts. And pics aren't the first thing to show up.

Check it out here: http://jackieweber.net/Flash.html

I'm debating adding a few other interesting pieces of info; but this is a lot of info already, so we'll see.

Thanks for any feedback!

Tuesday, September 30, 2008

Interface Mockups

Still working on an interactive prototype, but here's some screen shots/story boards:


[1] - The user selects between viewing the whole database or just a sampling from a specific city, depending on their curiosity and if they're willing to put up with longer loading times.


[2] - The main interface loads and the viewer sees each posting is represented by a small symbol, in an ambient cloud. The user can uncheck the boxes at the left to hide entries from specific categories.


[3] - The user types in a word and presses enter. A small timer indicates the interface is loading.


[4] - The user's word emerges in the scene. Postings that contain the word flock towards it and highlight in color; those that don't fall to the bottom.


[5] - The user can also add another word by typing it into the text box and pressing enter. Again, postings flock towards words that they contain and highlight themselves. Postings hover in between if they contain both words, and highlight to an intermediate color. If they contain more of one word than the other, than their position reflects that bias.


[6] - If the user mouses over one of the words, the interface shows a small X that they can click on to remove it from the visualization.


[7] - If a user clicks on one of the posting icons, a more detailed view of the original post shows up.

-----------------------
Things I need help with:
-----------------------

- How can a user tag or highlight specific postings to keep track of?

- How are the positions of the user entered words determined? To more prevalent words come forward automatically? Does the user interact with or even specifically change them?

- My intention with adding color is to allow the postings to retain a reference to their user-defined groups. So if I add other views, say, geographic or demographic, the user can compare it back to this view. For example, if the user searches "yins" and then does a geographic view, they might find a concentration in the Pittsburgh.

More icons! I found a few more things I'd like to show. The pic has some of my new icons in it.

The top ones are the rainbow/anti-rainbow, just a few different ideas. Which one(s) do you like best?

I'm not going to describe the others, since I want to see if they make sense without a description :)

Sunday, September 28, 2008

A much more interactive version is now up, if anyone wants to play around with it. Still a lot of 'look and feel' issues though...

http://jackieweber.net/Flash.html
I've started playing around with Flash. It's still pretty rough.

There's two views of the data - one is in a list form, and the other is in map form.
In list form, I think types of data should be able to be turned on and off via some control. On the map, I was thinking that data would pop up as you mouse over an image, along with the name of the school.

I'm not sure I'm going to show anything besides gender split, religious or not, size of school, and (for the map) location. Those seem to be the most interesting and relevant things.

The circles aren't exactly proportional, because the schools vary in size from 350 to 20,000, but hopefully they still give the user a decent feel for the relative sizes. I know this list page is really ugly, not sure what to do about it. The circles are kind of unwieldy.

Does the rainbow/anti-rainbow make sense? If you didn't know what this project was about, could you figure it out from that first page?

Right now, the only buttons that work are those in the upper left hand corner.
If you have Flash 9, you can check out what I have so far at : http://jackieweber.net/Flash.html


Thanks!