Thursday, April 30, 2009

Hulu

Navigation
The navigation looks clear, but is confusing. The grid on the home page is nice, but the top navigation bar has confusing labels like "collections" and "spotlight" that are far too vague. 

Architecture
I don't like the architecture. It appears to be primarily clip oriented, rather than show oriented. When you go to the channels page, for example, all shows in a channel are lumped together, and the menu to choose a show is very discreet and hard to discover. It aims for a flat architecture, but I'm not sure that visitors are looking to browse as much as they want to go to their favourite shows. Also, there are far too many channel options, making it hard for viewers to distinguish between them. 

Content/Typography
The content is shown nicely. All the videos are laid out clearly, and labelled with the channel and the season they were from. Watching a video is very clean. There's a lot of extra content below the fold, but the video area itself is separated from it well. One thing that would be nice would to allow switching from a list to grid view over the entire site, since they both have their uses. 

Grid/structure
The site uses a grid extensively to lay out the videos, and it makes the site look very clean. 

Iconography/imagery
Since it's a video site, most of the imagery on the site consists of screenshots from the clips in question, which works out well. There could be more icons for the channels perhaps. The row of boxes to select the different items in the slideshows is subtle but clear. The icons in the video window are great. They're nice and big, in black and white to avoid distraction, and have a label below them to prevent confusion. 

Color Palette
There's very little colour on the site itself. The grey gradient bars are random but don't clash with anything, and the video screen shots add enough colour that it makes sense not to have more colours to distract from them. 

Site Focus
The site aims to present videos in a clear manner, and it works well. Videos load quickly and reliably, and the layout is very clean, particularly when compared to services like Youtube. 

Monday, April 27, 2009

Big Picture (Boston Globe)

Navigation
The main navigation is just scrolling through the different posts, since each post has multiple links to the full post itself. There is also an archive finder via month and year, which I wish could be more prominent. Likewise, the most recent posts are listed as bullets below the archive menu, which are also not obvious enough. There is a link to the text blog section of the site, labeled as "Big Picture Notes"

Architecture
The architecture is fairly flat. The homepage links to the various entries, with links to "yahoo buzz" and "share this". There's a toggle to see all comments, but otherwise no real sublevels. 

Content/Typography
The content i.e. photos are displayed clearly and prominently. Each photo and its caption share a black background box, linking them effectively. The text that is there (captions and an introduction) looks good. Most text is in a comfortable serif, and captions are in a white on black sans serif (they could be made a little bigger though). The comments in particular are presented very cleanly and made very legible. 

Grid/structure
The structure is very linear: pictures are stacked on top of one another. The j/k key shortcuts for navigation are very effective, though the instructions to use it should be made more prominent. 

Iconography/imagery
There's very little iconography, for things like comments and email to a friend, and mostly subtle. The only issue is that the comments icon resembles a thumbs down as well as a speech bubble. The site revolves around images, and definitely keeps all the attention on them by increasing the size as much as possible while accommodating smaller monitors, and reducing other imagery (ads are before and after the actual photos). 

Color Palette
The colour palette is quite minimalist. Links are blue, and everything is black or grey. With the large photo sizes though, there's no need to add extra colour. 

Site Focus
This site aims to present interesting photos in an elegant way. It is built in a photoblog structure, where each post presents a series of photos, which I find to be an elegant, "no-frills" approach. 

Thursday, April 23, 2009

Fmylife

Navigation
The top navigation is not great. The links are not formatted to be prominent, and should not be put together, since they fulfil very different roles i.e. the top, flop and random FML's should be separate from the API and Team's blog.

Architecture
The architecture is incredibly flat, since it's a series of short posts. All you can do is obtain various subsets of posts and click each post to get comments. Some links e.g. API and Team's Blog are different, but there's no real hierarchy.

Content/Typography
The site really only has one type of content, and it does a fairly decent job of organising it. The text is fairly legible, with enough leading. 

Grid/structure
The structure is not great. They probably should have made the layout more of a grid rather than just a stack of posts, since each one is so short, but, at least they're contained in subtle boxes. 

Iconography/imagery
There's not a whole lot of iconography. There's a "new" marker for new posts, and French and British flags to indicate the two versions, but the other icons are share icons for other services and a twitter icon. The logo is really too small. The illustrated FML's and FML store graphics are nice, but it seems odd to make them so prominent. 

Color Palette
The colour palette is nice and simple, with a blue gradient and white text boxes. 

Site Focus
Because the site is so focused on one task, posting messages, this allows it to have a fairly simple structure. But the layout is too flat, making it hard to spot important elements on the site. 

Saturday, April 11, 2009

Pandora

Navigation
The primary navigation is not great. About the music is misleading, it should be something like Browse music instead. Share is very vague, and has too many options in the sub menu. The Account and Your profile links seem to be doing the same thing, but they're placed at opposite sides of the page, confusing the user. On the other hand, the links at the bottom are nice, with a picture and subhead with them. It also makes no sense why the search bar is on the encyclopedia pages, but not on the 

Architecture
The architecture is not supposed to be deep. The site is mainly a music player. It is linked to a music encyclopedia, but that is designed to either be searched or browsed with links, so there is no true hierarchy. 

Content/Typography
The music player is well designed. the playlists are all prominent on the left for the user to select, with a clear link to Create a New Station. The boxes describing the music are a little narrow so it's hared to see fhe full name of the song, especially with the unused screen real estate, but it's nicer than looking at just a list, especially with the album covers. 

Grid/structure
The site is explicitly divided into small boxes, which makes it clearer to look at. The encyclopedia parts are not greatly laid out. There's a sidebar, but the main content area just looks disorganised and not laid out. 

Iconography/imagery
The iconography is decent. but not particularly great. The icons on the main page are very vague, and the graphics on the bottom navigation are too faint to see. Otherwise there is very little iconography, excluding album covers and advertisements. 

Color Palette
The colour palette is very uniform: it's all blue. There's a little use of gradient which makes the appearance less flat, but it feels a little to monochrome for me. One nice thing they've done is to highlight things that you've selected orange, like the play/pause button, since orange stands out a lot. 

Site Focus
The site is primarily a music player, and for that goal it mainly succeeds, although I think buttons like the play/pause button could be made larger for easier clicking. Sharing is a secondary aim, and I think it is fairly easy to do, even if the interface is very boring. The encyclopedia is not particularly great, and I think the site could have tried linking to an external service like wikipedia instead. 

Wednesday, April 1, 2009

Apple

Navigation
There's a very clear primary and secondary at the top of the page, although the lack of secondary navigation makes getting around confusing, especially for such a big site. I think the old site used to have secondary navigation, so it does feel missed.

Architecture
The architecture is fairly deep, but the primary categories are very clear so it subdivides the site effectively. The one exception is the support page, where the different subnavigations seem all

Content/Typography
In places that are more text heavy, the site uses weight to show importance with respect to headers. In the mac section, there is an emphasis on size as well to indicate importance, while the headers in the store section sidebars also use colored backgrounds to indicate that they are important.
Product description sites are fantastically laid out. There's a great mix of text and photos, about half and half, and a lot of space around everything so there's enough room for descriptions but it never feels crowded or dry.

Grid/structure
The site divides the page up well, and the boxes aren't especially distracting in themselves. However, there does seem to be too many mini navigation bars, so the site feels a little overloaded on pages like the store one.
The site does an excellent job of keeping the layout consistent between pages, with the centre highlighting key parts and the sides giving a navigation for the rest of the section.

Iconography/imagery
There's a fair amount of imagery, and the product pictures are clear and great at highlighting what the text is saying. There's a mix of photos and application icons that are repurposed. The icons might only be clear to people who already use the products, but they liven up the look regardless.

Color Palette
Color palette is very uniform. There is priimarily grey and white, with the grey gradient being especially common for headers and the like. However, there is some blue gradient, particularly in the store section, which doesn't clash, but does seem very arbitrary.

Site Focus
The site is primarily aimed at showcasing products, and it is good at doing that. Even though I think there are too many sidebars, the main section highlights key products well, with the photography making it easy to spot what you are looking for.