Monday, January 31, 2011

Week 1 Reading

Summary - Chapter 1 of Information Design Workbook
I loved that freakin intro about all the job titles and how they integrate the term information graphic design! I wanted to have each of these jobs:Array("interaction designer", "user experience designer", "Human Computer Interaction Specialist"). This list of jobs unfortunately were not the ones highlighted later in the chapter. This book does an excellent job summarizing the importance of information organization, and points out all of the places that we interact with it on a daily basis. I also liked how it pointed out our craving for a tailored experience, where it's obvious someone has tried out the experience enough times to have it perfect.


2 Things I've Experienced From The Preface
"What Floor, Please?"
Definitely wondered why P and G are so popular and so vague in parking structures and buildings with parking. If a floor has multiple bottom floor exits, show a name of it clearly at the entrance and use the same name in the elevator, duh. Avoid separating them by parking and ground.


"Cursing In The Aisles"
Its very discouraging as a shopper to have to read fine print to find the information that is commonly needed to make a decision. When other big words about savings take up the label, and the fine print has the versions it works with and the parts it's compatible with, it makes you think theyre hiding what it can do. 


GDS Infographics
This guy is a huge collection of infographics all shared on flickr. it appears that they have done all of them, and they make it look like a ton of fun.


HTML5 Readiness
Totally awesome statistical infographic, with links a plenty for the even more curious viewer. This graphic is proof this person is in a user centered mindset. 


Monday, January 24, 2011

Project 1: Project Statement

Project Statement - public google doc (read-only foo)

v1 - design ideas (for the infographic)

landing state for the info graphic

those circles will fall to the bottom after a selection, and become the nav between engines
This is the popularity heat-map v1
Concept Sketches








research gathered

visited google.com from the 5 major browsers and tested their engines, check it out.
chrome developer tool 'timeline' view

firefox addon httpfox displaying the ins-and-outs

all i got get out of ie 8's developer toolbar for header information

opera's 'network' view was pretty sweet, very informative and nice to look at

safari's and chromes views look very similar, just a different in color bars reall


Tuesday, January 18, 2011

Project 1: Visual Explanation

goalmake a sweet infographic in fireworks and then animate (with purpose of course) in catalyst
topicunder the hood - requesting facebook.com from webkit, gecko, and trident
the destination: a webpage, my webpage, this blog, projectors, and android tablets
interface:

  • var page_states:Array = new Array( "popularity heat map" , "webkit" , "gecko" , "trident" );
  • var detail_states:Array = new Array( "sent" , "received" , "client-side" , "server-side" );
  • navigation between states

inspiration:




other sweet info graphics:

Monday, January 17, 2011

CSS vs TABLES

i've been a year in the search for a simple 3-column layout creator or explanation for css. i constantly resort to a table because i can dev it up in seconds without testing or effort. for argyle ink, none of the projects have needed multiple style sheets for device screens, so it's never been an issue. but i'd like to think it's easier than it is. i like writing clean html code, and i feel i get judged for putting tables into my layouts. 


 

resources so far:
plugin: The Perfect 3 Column Liquid Layout (Percentage widths) - almost as easy as i want it
browser compatibility: sounds like you could set a dev on a 3-column layout task for a week
floats: tries to teach you a floated 3-column layout

anyone else have any better places to go?