Reviewing the new Apple Website: Overall

Apple home page on June 12, 2007 Apple has a new Website. The last time they had a major redesign was in 2001, coinciding with the release of OS 10.0 (you can review a lot of Apple homepage images on Flickr). Over the next couple of days I’ll review the different features and accessibility of the site, including the footer, main menu, the new slider menu, and support page.

My first impression was to like it. A lot. But why? (I guess that’s the point of reviewing something–giving your readers an informed opinion of why you like or dislike something). Well, there are many new things on the site, but they haven’t reinvented the wheel; the changes to the site are a development of the existing site without confusing their visitors.

adobe main website menuFrom the top, the new main menu is simplified version of the now iconic gel tabs (with horizontal sub-menu). My first thought was, “oh, they copied the new Adobe menu,” but it’s not really a copy despite their design similarities. The new menu doesn’t have a sub-menu riding along the bottom (nor is it a drop-down like the Adobe menu), but instead there is a new “slider menu” that appears on some pages (I’ll review that in another post). The new Apple page is 980 pixels wide, which gives the new menu room to spread. apple website sprite menuIn addition, unlike the Adobe menu, Apple’s is image based for a consistent look across all operating systems and browsers. Look at that Adobe image to the right; see how the “Store” item wrapped? I’m sure it’s fine on a PC, but on my Mac the execution is terrible. The new Apple menu uses a css sprite, first written about by Dave Shea on A List Apart (in 2004!). I’m a big fan of sprites, have used them many times, and don’t really see any downside. old apple gel tab menuApple gets a big thumbs up for the sprites. The gel tabs were getting tired.

In the next couple of days I’ll dig deeper into the new site, talk about the improved accessibility for people with disabilities, discuss the choices they made in regard to sub-menus, and the increased use of the black background color.

2 responses

  1. I definitely love how Apple has embraced today’s larger resolutions and went for a wide layout. What’s interesting is that they have been headed this way for a while now. A majority of their hardware pages, as well as their iPhone pages, had already been optimized for a wider display, and now the entire site has gotten this treatment. As you said, the changes were simply a development of the site they had already. I think it’s fantastic.

    I look forward to the rest of your review!

  2. Your post just made my day – so glad I got to read it,