piksels

Today I came across two very noteworthy examples of clever information design which make understanding sets of data both more visual and relative. The best way to grasp what data means is often to put it into perspective with other sets of data so you can easily make a comparison. This is when charts and illustrations quickly become a better data medium than numbers.

How the World Really Shapes Up

The first example takes a map of the world and distorts each region size, relevant to the category it is in. For example, while viewing the map on HIV presence, Africa will be bloated compared to the rest of the world.

See more maps or read more about the project at the UK Daily Mail.

(These maps were produced together by the universities of Michigan and Sheffield)

Size of the Universe

Universcale is a very interactive example of helping us putting into perspective the size of the universe. We quickly can understand how small we are compared to the billions of light years which span across the universe, whilst still being millions of times larger than the building blocks which make up the universe.

(I found Universcale through a design website which I frequently visit, Position Absolute)

Here is a video which also helps us fathom just how large the universe really is

Subscribers to .mac will be pleased to try out Apple’s new web gallery. It looks great, and is a sure example of how well offline applications can be translated into online web apps. Instant image resizing, different viewing modes, and lots of reflections make you quickly forget you are viewing the photos online.

Great features like live image resizing make Apple Web Gallery really give Flickr and other foto services something to catch up to.

Although Apple did a great job thinning the line between offline and online photo viewing, it still needs some major work. All of the web2.0 goodness make just the home page clock in at more than 1.4MB, which even on my 6Mbit connection feels sluggish and irritating.

A table of download times from Websiteoptimization.com

Sure waiting a minute on a T1 doesn’t seem too bad, but showing these images to your mom on her ISDN line will take her more than 2 minutes just to download the index page! Pure blasphemy
Curious, try out Apple’s Live Web Gallery for yourself.

UPDATE: Read the follow up post ‘Adobe’s Listening‘

Every designer reading the title of this post will understand what I am talking about, because we’ve all been there once before.

For obvious reasons most things on the computer are organized using a certain structure, it is just makes sense that way. Bigger to smaller, first to last, newer to older, top to bottom, and so on. Computers usually do a great job at organizing linear data, but when humans become involved with this data it can easily and quickly become a mess.

Try, try, and try again we all seem to end up in this same situation every once and a while. Sure, sometimes we are better at in than other times, and sure we teach ourselves little tricks to help prevent it, but it seems to be a curse which follows us. Sometimes you need to make a simple change to the color of the logo, and 30 minutes later you find yourself with 5 new versions, 3 which you exported to JPG, 2 of which you had to change to RGB to upload to the website, etc. It’s a mess, and there should be an easier way. Sure it’s partially our fault, but I’d rather blame Adobe. Therefore, my open letter to Adobe:

“Dear Adobe,

I’m kind of sitting here online with a couple million designers, and we think you should fix this.

Love,
Designers”

My proposal:

Every project we work on should be a single master file. This master file will act as a container, in which every version, revision, edition, etc will be found.

Here is a basic version of what should be in the file

The project file should allow the user to open the file and view snapshots of each file revision, that way it will be easy for us to know which one to open, and to have a quick overview of all of the designs, version history, etc.

Similar to Adobe’s approach to PDFs, they should make an application (similar to Adobe Reader) to view these project files without having to purchase Adobe CS3 software, or even open it (darn loading times!).

Let’s call this Adobe ProjectReader, for now =)

ProjectReader would be a simplified yet extended version of Adobe Bridge. It should allow us to quickly browse through project files, compare them, and export files to necessary formats.

For example, I recently made a logo for a client, and upon delivery of the final version, I ended up sending him a plethora of files (AI, JPGs both large and small, both RGB and CMYK, TIFF, and PDFS), obviously they were neatly categorized in folders, and so on, but we should be able to overcome problems like these with a simple application.

Imagine how convenient it would be, if you could send your client a single master which he then will be able to export to any necessary format, whether it be a .PDF for easy printing or a small RGB JPG for online use.

But it will take a while for my dream software, ProjectReader, to come out… until then, what are your tips for file naming?

UPDATE: Read the follow up post ‘Adobe’s Listening‘