Tuesday, June 28, 2011

week 4 posts - two websites

website1 - http://www.slate.com/

Slate.com is an online news magazine. It manages a lot of data in a very efficient and functional format. They use switchable banners that you can toggle through, or change change on a timer, so you're presented with a banner for a different article every few seconds, or you can control it yourself.  The links are laid out in a logical columnar fashion, categorizing the article across the top, and headlining various recent articles down the center. there's also a toggle to view various ongoing blogs related to the content.

contrast on text is good (use of fonts as well), with a repetitive theme including the placement of banner and box ads along the right column, color scheme and logo.

Using the CRAP method, contrast makes for comfortable reading of text, repitition is evident in the logo, color scheme, and repeated use of selection bars w/ links, and proximity is well used, in that the ads are in a column and centered, the text of the headers and the articles are also well laid out.

website2 - http://morebeer.com/

Morebeer.com is a commerce site for beermaking equipment and supplies. they also sell wine and coffee equipment as well.  The site is very well laid out, since they sell quite a lot of different types of items. the links are well laid on on a lefthand column, with the center holding banner ads for specific products (sales, clearances, etc). there are informational articles toward the bottom, and an index if you scroll down.

the use of space is good, in that before you scroll down you're presented with a tangible amount of information that brings up most of what the site is trying to convey. the use of color and contrast makes a bust page less annoying and more useful.


Using the CRAP method, contrast of blue background/white text for the links works well, while the sandy color of th grain the the banner looks good with the dark red logo, repitition is evident in the use of fonts, repeating of the logo, and the uniformity of the links that display items for sale. Proximity works, in that the links are logically grouped and the splash pics are together in the middle of the page, drawing your eye

No comments:

Post a Comment