Tuesday, February 21, 2012

JavaJam Assignment for Web Dev. Class

Chapter 5: JavaJam

1.           Examine the site map in Figure 2.26. What type of site organization is used for
the JavaJam Web site? Is it the most appropriate organization for the site? Why
or why not?

Figure 2.26
The JavaJam Web site uses hierarchical organization as its type. It is the most appropriate organization because hierarchical organization offers the easiest to navigate website when using a small number of webpages. It is best used when there is a home page and several (5-9) topic pages.



2.          Review the recommended Web page design practices from this chapter. Use the
Web Design Best Practices Checklist (Table 5.1) to evaluate the JavaJam site that
you created in earlier chapters. Cite three design practices that have been well
implemented. Cite three design practices that could be implemented in a better
way. How else would you improve the Web site?

               Design Practices that have been well implemented:
  1. Consistent site header/logo -------------------------------[x]
  2. Consistent navigation area --------------------------------[x]
  3. Color has good contrast with associated text --------------[x]
               Design Practices that could have been implemented in a better way
  1. All navigation hyperlinks work: There is not a page for the "Jobs" link yet.
  2. Page footer area - copyright, last update, contact e-mail address: Does not include the last update.
  3. Content provides links to other useful sites: There are no links to external sites.

 



Design Principles - They don't have them

Two Bad Websites 

Sixties Press Poetry Magazine  &  Richards Brothers Seafoods
         The overall design of these two webpages are bad - really bad.
Checklist for these sites?
Organization ------------ [  ]
Presentation ------------ [  ]
Matching colors -------- [  ]
Overall "ugly site" ------- [x]

         The first of the two is the Sixties Press Poetry Magazine's Website. The header is nearly unreadable. The graphics on this page are random, and the colors seem to have no correlation to each other at all. There is no clear organization. The navigation menu is using all different colors and is not well presented.
         As far as the design principles go:
  • Repetition of visual elements: The only element that is repeating on this site is the complete lack of repetition.
  • Contrast: There are a few blocks of text that contrast well with its background. However, there are very few of these. Also, there are several that are nearly illegible. See "Barry Tebb's Mental Health Blog Site" navigation link and the entire "Feature Articles" section for examples of this.
  • Proximity: So the good part is related items (as in the heading and related paragraphs) are actually near each other as they should be. The issue is, nearly everything is at this same proximity. "Reviews" and "E Magazine" are two separate sections, yet they are spaced the same distance as the line breaks in the paragraphs!
  • Alignment - Align Elements to Create Visual Unity: Sixties Press seems to have tried this within the main section of their site; however, they seem to have failed. While the sections and paragraphs are aligned in vertical columns, the text is all centered. It sort of makes sense being based on poetry, but this is not a poem. This is a website. The navigation menu seems to have ignored alignment altogether. 
So overall, its a pretty bad site. 

         The second site is Richards Brothers Seafoods. To be honest, I am still not sure what the point of this website is. I see contact information, very generic information about the company in question, and the companies name (not in that exact order). After that all I see is products and news placed randomly in a centered column. What is this sites goal? Who is their target audience? What are visitors supposed to be looking for? There is not much of an introduction, and the website creator seems to have never heard of "above the fold" before. 
         Design principles:

  • Repetition of visual elements: The only repetition here is text color. There are all different text sizes and types.
  • Contrast:  The contrast is actually decent on this website. White or yellow text on a black background makes the text stand out decently. But that is where it ends. Attention is not drawn to anything specific. The images below the fold are simply placed on the black background without any borders or reason.
  • Proximity: What proximity? Nearly every line is spaced the same distance, regardless of topic or location. The only thing here right (proximity-wise) is the navigation menu.
  • Alignment - Align Elements to Create Visual Unity: The only alignment here is centered. Everything is centered. The whole page is one centered column of text and images.
         Richards Brothers Seafoods is not quite as bad as Sixties Press Poetry Magazine. However, that is like saying getting shot in the leg is not as bad as getting shot in the stomach - Both choices are painful.

Wednesday, February 8, 2012

A Review of LifeHacker

LifeHacker.com
      The overall purpose of this site is to give users simple and effective ways of controlling their life. The purpose of this specific article is to instruct people on how to use their computers more comfortably over long periods of time.
 
     The intended audience of the site is anyone with problems in daily life. The intended audience of this specific article is people who use their computers for long periods of time, and experience discomfort because they have to position themselves around the keyboard and computer screen. I believe that this site definitely reaches its audience. If this type of information is what you are looking for, then it is easy to find this website. This site was actually quite useful to me. I found several quick easy solutions to some minor frustrations in my life. I would also be willing to recommend this site to others.

     The colors of this website are very simple and easy to see. It has a plain white background, with black text, and a simple font. There is nothing too fancy or complicated. The images were all on topic to what the posts were about, and the links were in a contrasting green for easy navigation. The color use overall made the site much easier on the eyes than other similar sites, and it also allowed much an easier navigation.