Criteria for Consideration

Use the below General Criteria and Criteria Outline to understand what judges will be looking for while analyzing Detachment WebSites.

 
The goal of a website is to convey information in a manner useful to the reader, similar to the goal in writing a paper. How you convey the information can increase readers’ interest as well as their knowledge. For example, a page of text provides useful information but is not visually attractive. The same text with the appropriate colored figures, JavaScript, etc., can deliver significantly more information while motivating the reader to read further. Poorly designed websites either provide no useful content or are hard to use (takes too long, user cannot find the desired information, etc.). Thus, the hallmarks of a good website are:

 Usability
 Accessibility
 Solid content
 Presentation
 Navigability
 Originality
 Portable

Web browsers, computer processing speeds, and network bandwidth vary in every instance causing websites to download at different rates. Websites should accommodate for the least common denominator in each category. Thus the criteria of usability, accessibility, content, presentation, navigability, originality, portability, and load time are the judging categories.

Avoid using unsupported HTML elements, Java programs, images, etc., which may or may not work on some browsers.

Content
Category 1. Content (0 to 30 points)

The web was created as an efficient mechanism to deliver information (also known as the
“information highway”). Thus, the content of your website is very important. “Cool” JavaScript,
graphics, and other features should assist in enhancing the content; they should not be the content as they provide no useful information on their own. The rating of how the content is presented is judged as a separate category. Note that you should make a significant effort to ensure that your site is free of copyright violations.

Your website is your professional showing to the rest of the world. Accurate, up-to- date information should be present. Proper grammar, spelling, and composition are important. As English is the primary language used within the MCL, the content will be judged solely using English. If you are planning to enter the contest, please make sure your website is written in English. To encourage international support of websites, the use of multiple languages may be awarded up to two bonus points in this category. Multilingual support means equivalent or near-equivalent presentation of all material in different languages.

Navigation
Category 2. Navigability (0 to 25 points)

All links should be up-to- date and working. No “under construction” links should be present. Off-site links will not be evaluated, though a large number of broken off-site links may be a judging consideration (this is not to discourage you from linking off-site, just to encourage you to link to stable sites). Links to resources on Department and National sites are encouraged.

One large page is generally not easy to read and may also take a significant amount of time to load. Breaking the page into a multitude of smaller pages may require significant effort to retrieve the desired information. Thus, the logical structure of the website can result in a pleasant experience or a frustrating experience for your users.

Keywords used for hyperlinks should be logical and tasteful. For example, using an entire paragraph as a hyperlink is a poor design. A good website will have useful hyperlinks for material that should be logically hyperlinked. Excessive use of hyperlinks can be annoying for the reader (for example, hyperlinking every instance of MCL in a small document with several dozen instances of the term).

While many large sites have site maps, navigation bars, search engines, etc., to help the user find the appropriate information, it is by no means required. In fact, the use of these elements can backfire and create a website that is not visually pleasing or is highly complex to use. Many websites do well enough without these aids.

Remember to use relative links as much as possible to ensure easy site portability and mirroring. As an exception, use absolute links only when dealing with CGI script calls and the like.

Originality
Category 3. Originality (0 to 15 points)

Originality is somewhat subjective but is an important quality of a superior website. There are two types of originality; the first type is the content presented and the second type is the presentation of
the content. Most MCL websites typically include information on their officers, MCL or the detachment itself, and so forth. This information could be enhanced by adding interesting information about your detachment, members, etc. The presentation of “boring” information, such as the board of trustees, in innovative ways can significantly spice up a website and will receive significant
consideration in judging. Clearly, you do not want your detachment page to look like every other detachment page; your detachment is unique, and you should make your page reflect that.

Presentation
Category 4. Overall Presentation (0 to 15 points)

Presentation will be judged not on its originality but on how well it “works” with the content to provide the user with a pleasant viewing experience. Use of good presentation elements, such as color, fonts, tables, etc., can enhance raw information on a website. Overuse of these elements (or improper use of elements, such as blink) can result in a website being an eyesore. Presentation reflects your style. Group information with heading tags, use bulleted lists, and use tables for data representations of content.

Graphics should be relative to the page and text. Header, footer, and other navigation images should be small. Typically, high-quality images (large files) for icons are not required. Unless the image (video, script, etc.) is an important part of the page, you may wish to keep the image at a small size and allow the user to select it as they desire.

Backgrounds should be small (using the lowest possible resolution that looks nice) and should be neat and readable. Uniqueness is always a plus. Backgrounds should be used intelligently. They can either demonstrate the author’s savvy or bad taste. Make sure the backgrounds do not fall into the “bad taste” category. Backgrounds that are “loud” make it extremely difficult to read the text on top of them. The same ideas apply to scripts, video, audio, and other multimedia elements. They should all be the smallest possible size and, most importantly, useful. Like backgrounds, these elements can make your site positively outstanding or a site to avoid. When possible, the users should be given the option to load multimedia elements and not be forced to view or hear something they do not want to.

Portability
Category 5. Portability (0 to 10 points)

Unfortunately, there is no “standard” web browser. Even the same web browser on different computers may result in significantly differing renderings of the same page. You should attempt to make your web pages relatively portable across different browsers, including both text and graphical browsers, and different screen sizes. The use of alternative text elements is encouraged, as this provides some amount of portability for images.

Different browser types, i.e. Safari, Firefox, Chrome, Microsoft Internet Explorer, and Lynx (text-only browser) may be used by the judges to evaluate your website. Consider keeping the graphics within a small window width. Designing for the lowest common denominator is a must when it comes to website design. Creating graphics that fit on all users’ default screen widths is therefore a good idea. Fixed image locations, fixed tables, etc., are not portable and defeat the goal of HTML. These should be avoided if at all possible.

Portability will be primarily tested by resizing the screen and using different browsers to access the site.

Load time
Category 6. Load time (0 to 5 points)

Your site should take account of the fact that Internet connectivity ranges from slow dialup modems to fast, dedicated network connections and you should try to ensure that your website loads within a reasonable amount of time. Your site should be up and reachable during the evaluation period. Server load can affect load time, and you should make an effort to use a reasonably fast service that has a reasonable load (i.e. other web sites on the same server).

As load time is typically a function of file size, using smaller images and pages results in faster loading. Remember that the use of JavaScript and other multimedia elements can also affect load time. A large amount of images, scripts, etc., on a page can also increase the load time. Load time is part of the experience of viewing your page; however, content, presentation, and navigability are generally more important factors. Thus, load time is only a small percentage of your score. Note that judges may consider script execution time.

Using height and width elements can significantly enhance the way the pages load. If you use height and width elements, graphical browsers will know exactly how big of a “hole” to leave for the graphic before it loads and will continue displaying the text down the screen. This gives the appearance of the page loading faster, when in reality it still takes just as much time to load the entire page.

Category 1. Content (0 to 30 points)

Meetings

  • Dates for year, quarter or just next month
  • Time of meetings
  • Location
  • Map to meeting location
  • Contact information for questions

Administration

  • Board of trustees
  • Chain of command
  • Brief statement of duties, i.e., Jr. Vice Commandant
    • membership, retention, recruitment, member of Board of Trustees
  • Contact information
  • Photographs
  • Monthly/quarterly reports
  • Detachment bylaws
  • Tax submissions and dates
  • Required legal documents
  • Legal document submission matrix
  • How to Join
    • Eligibility
    • Dues
    • Membership application and instructions

History

  • Detachment History
  • Detachment mission
  • Date of charter
  • Past Commandants and dates of service
  • Awards

Programs

  • Detachment
  • League
  • Community
  • Toys-4-Tots
  • Young Marines
  • MODD
  • Ceremonial details

News

  • Member activities
  • Upcoming events
  • Past month/quarter’s events
  • Correspondence or awards this month/quarter
Category 2. Navigability (0 to 25 points)

Navigation

  • Appropriate number of menus items for content
  • Ease of menu selection
  • Ease and speed of moving between menu items
  • Intuitive placement of subjects in menu lists
  • Ease of selection of subjects on menu lists
Category 3. Originality (0 to 15 points)
Category 4. Overall Presentation (0 to 15 points)

Format

  • Appropriate use of photos and graphics
  • Clear photos and graphics
  • Detachment letterhead on officials’ reports
  • Cartoon use

Appearance

  • Professional appearance
  • Appealing background/margins
  • Effective use of color
  • Consistent use of various fonts
  • Transition across operating systems, browsers & devices
Category 5. Portability (0 to 10 points)
  • Responsive to different size screens, devices, and browsers
Category 6. Load time (0 to 5 points)
Enter Submission Below