piksels

Avatar

joel laumans | new media designer

A look at Apple’s .mac web gallery

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.

Apple Web Gallery

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

Apple Web Gallery2

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

Connection Rate Download Time
14.4K 1171.17 seconds
28.8K 614.79 seconds
33.6K 535.30 seconds
56K 344.54 seconds
ISDN 128K 146.03 seconds
T1 1.44Mbps 66.01 seconds

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.

logoEDIT_pink2REAL_FINAL2b.jpg

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.

Bad file naming

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

future of file hierarchy

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

Real-life desktop

In digital interface design we usually try to take elements from the analog world and translate them into recognizable elements on a computer screen. Here is a clever video of someone doing the exact opposite:

Continue Previous page Next page

advertisements