Tuesday, February 23, 2010

New York Times

Graphic Design: bland colors: neutral, red, and lots of blue. Nothing really stands out on the page except for photos and ads. Each section is separated with lines, like most other news Web sites. Halfway down the page, there is a larger, noticeable double line, that breaks the page in half.

Information Design: the top has 5 columns, and the main story/teaser takes up the first 3 columns. After the double line, there is an image and link to the top story in each section of the paper. Below that, there are links to the top 3 stories in each section, as well as an area with the most popular stories.

Interface Design: The header is centered on the page with ads on either side, which change each time you refresh the page. There are links above the header, but the nav bar is vertical and floated to the left side of the page, almost missed it. When you open up a story, the nav bar moves to the top.

Document Production: RSS, severalexternal stylesheet, mobile page

Scripting & Programming: php, javascript

Mulitmedia: images all over the page, and there is a section dedicated to videos/mulitmedia.

Thursday, February 18, 2010

San Francisco Chronicle

Graphic Design: There are boxes separating each section, however, everything is so clustered together that it makes it more difficult for a reader to see what is most important. You can't tell what is an advertisement and what is not.

Information Design: four columns, with 3 stories across the first row underneath the nav bar. There are links to staff blogs, things to do in the area, most commented on/most read/most e-mailed, but no links to facebook or twitter. But at the bottom of the page there are the top stories for each section of the Web site.

Interface Design: The header is at the top with the weather forecast and adds inside of it. the nav bar is below the header and red, which makes it stand out because it is the boldest color on the page, besides ads. Links are not underlined.

Document Production: external stylesheets

Scripting & Programming: javascript, widgets

Multimedia: photos, videos but they are not shown any different than photos (difficult to tell)

Tuesday, February 9, 2010

Newsok.com

Graphic design: Each section, towards the bottom of the page, has a separate header and each one has its own color, allowing it to stand out from the rest. There are dotted lines to separate all sections of the homepage. In the navigation bar, the links to different sections with stories are black and if you are looking for a job, car or home, the blocks around them are red.

Information design: three columns, relatively same size. Towards the bottom of the page, the site breaks up to show the different sections and the current headlines on those pages. It also shows current and previous updates on Twitter and a link to their Facebook Page. Above the footer, there is a section where a viewer can upload their opinion, photos, videos or stories.

Interface design: the navigation bar is located under the header. Unlike most sites, the header has an ad above it as well as a box with links to sign up or log in to receive the member benefits. Also, within the header box, there is a link to the top viewed story and the date and temperature. There is a second navigation bar below the first with options that do not hold current stories. Not all of the links are a separate color from the text, and none of the links are underlined to stand out. There are no seek options with the video, but you can email, get the link or the code. The search option is below the navigation bars, above the story columns.

Document production: two CSS, style within the source also

Scripting & programming: Javascript, RSS feed compatible

Multimedia: box containing all multimedia in the center column, under top headlines. Videos on top and a photo gallery on the bottom. The photos do not circulate like a slideshow.