« Websites from Class | Main | Bout User Interfaces in Gaming - Week 3 »

Website Study - Week 2 Assignment

Los Angeles Times

www.latimes.com

Content/Subject:
Online Newspaper

Source of the communication (purpose):
To relay news & give online information.

User (needs, interests):
All types of news - world, nation, local. They also want to be entertained, and want to easily access everything that they could get with a printed newspaper at anytime of the day. They also want the news to be updated, and want the page to read the same as a printed newspaper- big headlines for easy skimming, taglines for the writers, dates and times.

Context (similar web sites, situation - time for exploration, circumstance):
Layout is similar to other top news websites, which makes for easier exploration since you don't have to re-learn the navigation from site to site. The situation you would view the site in would be as a time waster, or if you are interested in reading about a specific news story, or if you missed the morning news and they forgot to deliver your newspaper and you really need to know what is going on in the world today.

Organization of content (parts of the web site/navigation scheme):
Navigaion to different major sections on the left hand side, a search bar at the top below the main banner, and links to different major partners at the bottem. The news stories are arranged from more important nationwide stories (at the top, bigger font) down to smaller important stories. Then the site get divided up into the various newspaper sections (entertainment, sports, et cetera), with the non-important sections lower and to the right on the page. Each section is divided with a gray block that shows the title of the section.

Graphic user interface:

• Grid design (communication, functionality):
Top banner & side banner (that don't change), then three columns, like newspaper columns. The pictures that accompany the stories fit into the columns, and don't go across columns. It is very simple and functional.

• Usability (communication, navigation, and accessibility elements):
The headlines act as links to the various full stories. The left column gives links to all the various sections and services. Anytime one of the sections is referenced is is a link. All the links are clearly marked in either blue or red, which makes it easy to tell what will lead you to another story and what won't.

• Style (appearance and location of graphic, multimedia, and navigation elements):
The only graphics are the photographs that accompany stories. There are simple colors for the banners, headlines, and links (blue). The ads are tasteful and simple. There are various opportunitys to watch videos (links) and the video on the homepage fits neatly into the grid. They have games and puzzles online, as well as search engines for various sections.


The Onion


www.theonion.com

Content/Subject:
Online News Parody

Source of the communication (purpose):
To spoof news stories and be entertaining with a humorous tone.

User (needs, interests):
Anybody who wishes to be entertained at the expense of popular nationwide news stories.

Context (similar web sites, situation - time for exploration, circumstance):
Layout is similar to other top news websites, which makes for easier exploration since you don't have to re-learn the navigation from site to site. The situation you would view the site in would be as a time waster, or if you are interested in reading about a specific news story spoof that you have heard about, if you just want to see stupid hilarious pictures. Or if you just want to read news made up about anything.

Organization of content (parts of the web site/navigation scheme):
There is a banner showing the stie name as well as navigation to the major sections. Each section is outlined with main headlines in green and have the story headlines in blue underneath. There is also a navigation bar at the bottem of the page. There are three columns, each with different items. The page is dived horizontally by three green lines. The first section is the main headlines (biggest stories) the second section is the site features, and the last section is more entertainment.

Graphic user interface:

• Grid design (communication, functionality):
Each main section is dived into the same three grid system, but when you click on a story headline, the page you are directed to is two columns. Otherwise, the pages are consistent, and the grid is clean and easy to follow. The stories and pictures don't leave the grid structure.

• Usability (communication, navigation, and accessibility elements):
The headlines act as links to the various full stories. The top navigation bar gives links to all the various sections and services. Anytime one of the sections is referenced is is a link. All the links are clearly marked in either blue or green, which makes it easy to tell what will lead you to another story and what won't. All the headlines are accompanied by little blurbs.

• Style (appearance and location of graphic, multimedia, and navigation elements):
The only graphics are the photographs that accompany stories. There are simple colors for the banners, headlines, and links (blue).


Fecal Face Dot Com


www.fecalface.com

Content/Subject:
Online artist's website.

Source of the communication (purpose):
Informs people of upcoming artshows in the San Francisco area, has interviews with various artists, tutorials on different art processes, displays artist's work from around the world, has a directory of artist's blogs.

User (needs, interests):
Users are interested in the art world, and the artist process, finding information about shows and openings in the S.F. area. It is a place for artists to come together, to show off their work and receive critiques. It also is a place for artist's to ifnd links to other artist's websites, and also has a forum where artist's can come together to speak.

Context (similar web sites, situation - time for exploration, circumstance):
Layout is similar to news websites, which makes for easier exploration since you don't have to learn a complicated system of artistic navigation. Artists would view this site when they want to find other artists, find tutorials, post their work/shows, and when they want to talk to other artists/look at other artists work. Other viewers would go to the site to look at art, to be entertained, and to find out about the San Francisco art scene.

Organization of content (parts of the web site/navigation scheme):
There is a banner showing the stie name as well as navigation to the major sections. Each section is outlined with large headlines and have smaller headlines underneath. There is also a navigation bar at the bottem of the page. The text is in black, with links in orangish-red so that they can differenciate from each other. There are a lot of pictures to help further develop the topics, which is necessary since you are dealing mainly with artists.

Graphic user interface:

• Grid design (communication, functionality):
The grid is laid out in three columns. The left hand column shows new features, interviews, tutorials. The middle column shows what is going on right now in the SF art scene. The third column shows the different blogs, links, comments and has a search bar. There is a nice use of drop down menus so that the site doesn't become too cluttered and also stays within the grid system.

• Usability (communication, navigation, and accessibility elements):
The headlines act as links to the various full stories. Anytime one of the sections is referenced is is a link, and each story has a link to the full story. All the links are clearly marked in either blue or red, which makes it easy to tell what will lead you to another story and what won't.

• Style (appearance and location of graphic, multimedia, and navigation elements):
There are many photographs that accompany stories. The layout is somewhat retro, with a changing banner and background lines. There are simple colors for the banners, headlines, and links (blue, orange, gray). The ads are pertain to the site users.