Tuesday, February 23, 2010
New York Times
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
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.
Document production: two CSS, style within the source also
Scripting & programming: Javascript, RSS feed compatible