aol.com
Featured Bloggers
Peter Rivera
SVP, Interactive Design
& Development
Rachel Been
Photo Editor, AOL Living
Allison Bucchere
VP, AOL Lifestyle Design
Michael Costantino
Principal UI Designer & Information Architect
Jason Cranford-Teague
Director, Web Design Standards
Rich Foster
Creative Director,
Key Experiences
John Kilpatrick
VP, AOL Entertainment Design Studio
Bill Knight
Creative Director,
Experience Design
Milissa Tarquini
Director, UI Design
Feb 26th 2009 9:54PM
I was stuck for a couple of extra hours at the airport in Dulles and I noticed this amazing visualization of the Internet from AT&T Labs and a company called "Lumeta". Yes, I know these have been done before, but rarely with any sense of aesthetics in mind. Alas, some extensive searching revealed no aditional information on this monstrosity (it is rather large). It is one of those things you'd really like to get a copy of, but for some reason, a company smart enough to map the Internet is not smart enough to put an URL on the poster to follow up on their creation. Something this cool deserved a "How We Did It" type of explanation somewhere. Oh well. If you are in Dulles or Reagan airports, be sure to check it out. It color codes major nodes and networks, and that faint gray "haze" is actually thousands of labels for major servers in the network. A great marriage of science and design.

And apologies for the quality of the picture. It was taken with my phone.

Aug 14th 2008 10:14AM
Filed under: process, technologies
I recently needed to optimize around 30 photos that I exported from iPhoto. These files are huge and not ready for the web, but saving all 30 manually seemed a task for the mundane.

I then remembered Droplets, a little known feature of Photoshop to convert any Action (save, resize, filter, etc.) into an icon that you can drag and drop files to, and have it perform that action automatically - a productivity booster indeed.

Learn how to create a Droplet in Photoshop by checking out my video tutorial and article here:

Bulk Image Compression with Photoshop Droplets
A word of caution, always check the results to ensure quality and filesize are in total harmony!
Jul 28th 2008 10:00AM
It's been a while (since Sprites?) since I've had something new in optimization land for designers.

I've read a couple enlightening articles recently on PNG8, and how if you use Fireworks, you get a full alpha transparency layer that degrades nicely in IE6 (transparent pixels disappear, opaque pixels stay) without the performance impact of the AlphaImageLoader filter.

Check this article out first: PNG8 - The Clear Winner

And then read my article practicing real-world scenarios and let me know what you think:

PNG Transparency Tools & Techniques - Optimizing PNGs
!

If you're a Photoshop user, Fireworks PNG8 should be a new tool for creating low-bandwidth transparent masterpieces. If you're a Fireworks user, you may just be thinking Artz is a newbie. Let me know which one you are :)
Jul 11th 2008 3:21PM

Greetings shiftlings! I'm Dave Artz, leader of AOL's Website Optimization team, a group at AOL charged with helping the willing and able speed up their site and make it more accessible to devices and search engines. I created a screencast on a recently open sourced tool from AOL, Pagetest. This tool makes it easy to figure out why the designs you've worked so hard on might be slowing down once they're built, and ammunition to get back into shape.

Jul 2nd 2008 9:51AM


For those of us that think visually and like to click on pictures (ok, that's most of us btw), PicLens is a pretty amazing app that brings the Web to life as a visual medium. Just download the extension and PicLens turns image and video feeds from top sources into an interactive "wall of media" that animates smoothly across your screen. So smoothly, in fact, that you may actually get motion sickness playing with it (like I did).

Like most interactive things it really has to be experienced to be appreciated. If you have ever felt that image or video search should be more compelling than this one is certainly for you. I recommend everyone on my team try it out. Though if you haven't wanted a more visual, interactive Internet than this plug-in will probably go into the "cool things" bookmark graveyard you never go back to visit. I do believe the new "Shop Amazon" feature is a stretch though.

Speaking as the General Manager of PIXCETERA, this one is a tough act to follow I must admit.
Jun 23rd 2008 9:30PM
Another company with a name that looks like a typo.

Apture is a killer new publishing application that lets you hook interactive multi-media modules from the Web onto your editorial. It has to be experienced to be really understood, so, for example, if you were writing a blogpost on the Aurora Borealis and wanted to provide definitions, pictures, and video from top sources like Wikipedia and YouTube, you could do so with just a couple of clicks. And then your audience gets to experience multi-media and related content on your website.

It's rare I say "wow" these days since I'm steeped in the Web all the time, but I have to say that this particular capability is stunning in its implications. Now ANYONE can have a site that is supported by some of the Web's top content providers (the Web 2.0 ones, that is).

Here are some examples of media stitched into a sentence (overdone for effect):
"The Summer's reigning blockbuster is still Iron Man, with Indiana Jones and the Kingdom of the Crystal Skull hot on it's heels. Me, I'm now rooting for The Incredible Hulk. And Will Smith's Hancock has yet to take a bow."

OK, the sentence is bad, but the multimedia in-page is really differentiating. Only real flaw is if there is no great content on any of those properties accessible within the application. For this type of interactive plug-and-play experience I can sure live with that.
Jun 10th 2008 12:59PM

Jonathan Meyers, the Program Manager for AOL News, passed on this great tip that we have posted an open competition cash-reward for an Elections experience. You can see it in the screen shot above at the bottom. All of the basic requirements are listing on the page.

For the uninitiated, TopCoder Studio is "the meeting place for clients who need creative work done and creative people looking to compete for that work." Nice to see an AOL project posted in an open marketplace like this.
Jun 5th 2008 10:52AM
Well, considering that that experience has little to do with words, I'll just say "check it out"...



But, if you like to read, the site says: "VUVOX is excited about the coming introduction of a new personal expression platform - called COLLAGE. This dynamic media creation suite will enable everyone to easily turn their photos, videos, text and audio clips into interactive story panoramas." At last someone finally built one of those. Been waiting... Thanks to Jonathan Meyers for the tip.
May 23rd 2008 3:49PM

When working with remote development teams in Bangalore with business hours that barely overlap with ours, we need to employ new techniques to enhance our communication to create greater efficiencies.

A Senior Art Director on our team regularly captures screenshots of issues that need to be updated and includes notes in a PDF for absolute clarity (see example above). These visual instructions are key to great communication.

Back in March, a group of us at SxSW had a conversation about some other ideas on how to maximize our remote collaborations:

> Try having designers brainstorm and sketch during the day and have developers craft a prototype overnight as an example of very agile development.

Click "read more" for more ideas >>
Apr 6th 2008 2:28PM
I am digitizing a life. Mine to be exact. One thousand two hundred CDs, piles of mini-DV tapes taken on my camcorder (normal and high def res), many boxes of negatives and prints, drawings I did when I was "destined" to be an Illustrator, the sketches of my growing sons. The list of historical assets seems endless as I troll about the basement. During the process I have occasionally envied those folks that have always been digital because the business of "porting" to a fully digital media life is a lot of work. It has literally taken me 3 years just to get around to digitizing all the CDs alone.

Then it hit me one night recently: "Should I even be doing this?"

Click "read more" for the good stuff...
Mar 20th 2008 10:52AM

According to a recent Stanford News Service report, Standford researchers are developing a camera exceeding our two dimensional standards.

Professor Abbas El Gamal and a team of students are embarking on research to develop a three-dimensional camera containing 12,616 lenses as opposed to the single lens in two-dimensional SLRs. Stanford News Service reports, "they've shrunk the pixels on the sensor to .7 microns, several times smaller than the pixels in standard digital cameras." These pixels are further grouped into arrays of 256 with a lens topping each array.

The coolest thing about this proposed invention is its depth perception and quality. Imagine having the ability to upload images and instead of viewing and editing a flat surface, different planes of the image are navigable and alterable. Direct your 'crop' tool to take you five feet into the frame instead of 20 pixels from the top and side. The quality of the imagery would lead you into gigapixel territory, eliminating the antiquated 'megapixel' devices.

Cost and size? Cheaper than your current point and shoot, and smaller than your cell phone. Now if that isn't photo-progress, I'm not really sure what is.

Mar 19th 2008 4:03PM


Are you tired of the limited fonts at your disposal as a Web designer? I know I am. But, that changed yesterday when Apple released Safari 3.1 which includes the ability to download common Open Type and True Type fonts to be used in your Web designs without having to install them on the users computer first. Make no mistake, this is the beginning of a revolution in Web design. And I mean an actual revolution-not like the way the word "revolution" is used in TV commercials to make you think you are doing something new when you actually are doing the exact same thing only paying for it-since Apple is openly revolting against the status-quo established by the dominant player in the browser market.

I saw this demoed at the W3C conference last fall, so I wasn't too surprised that Apple could do it, but I am surprised that they are willing to throw down the glove to Microsoft who is opposed to allowing fonts to be used without a strict DRM system in place to not only prevent fonts from being misused either in sites they are not licensed for or stolen by the end user.

CSS has included all of the syntax needed to download fonts for years, the only thing holding typography on the Web back was that the browser makers could not agree on a common font file format to support. Microsoft recently offered to open their proprietary .eot format, but many considered it too little too late. With Safari 3.1, you can now add any True Type (.ttf) or OpenType (.otf) fonts that you have at your disposal.

Feb 22nd 2008 12:12PM
Since its Friday, I decided a nice roundup of photography tidbits should occupy afternoon perusing.

LOHAN, DRAPED.
If you live in the vicinity of media-popdom, then you probably have encountered the Lindsay Lohan/Bert Stern shoot published in the recent addition of New York Magazine. The contemporary shoot was a recreation of a famous session between Marilyn Monroe and Bert Stern in 1962.

The Lohan slideshow clogged New York Magazine's server. You would think that the past ubiquity of Lohan's nether regions would settle such reactions to suggestive silhouettes, but the shoot is going strong, producing headlines such as "Lindsay's dad won't view her nude pics", and feature articles in almost every single pop-media source. I sense an overflowing 'outtakes' onslaught.
Feb 20th 2008 6:21PM

If you have an iTouch or an iphone you're now able to browse one of the leading movie sites on the web in style. Check us out at iphone.aol.movies.com. (If you are not on one of those devices that URL is gonna look funny btw). The effort was completed in exactly one month to the day by the design and dev teams. The app also made "staff Pick" status.
© Copyright 2008 AOL, LLC All Rights Reserved