The purpose of the Reviews is to review two existing Websites and write about the site design and structure. By reviewing Websites, you will gain a better understanding of the different design styles and you can use what you learn to help you design your own Website at the end of this semester. The Website that you design at the end of the semester will be the same company type that you choose for this assignment (i.e., Commercial, Government, or Non-Profit) so you should choose a company type that you are interested in.
- Pick one type of company from the three Project Company Types listed in Column 1.
- Find two sample Websites for Company Type that you have chosen. The Websites may be the ones provided in Column 2, or ones that you find on your own. For example, if you select “Non-Profit Association”, two appropriate Websites would be http://www.freecongress.org and http://www.unitedway.org. Or, you could have included a Website not shown in Column 2, such as http://www.aspca.org.
- For each Website, you will write a review of the Website and create a flowchart of the Website. Details are provided in Section III: Reviews Description.
- Submit your completed Reviews via Blackboard using the Assignments Tool (“Course Tools” à “Assignments” à follow the “Project 1: Review Paper” link).
|Project Company Types (You must choose ONE of these company types.)||Sample Websites (You must pick TWO sample sites from the same company type. You may choose sample Websites from here or ones that you find on your own but they must both be the same company type.)|
|Commercial Companies||McDonald’s – http://www.mcdonalds.com Burger King – http://www.bk.com Best Buy – http://www.bestbuy.com Apple – http://www.apple.com Ford – http://www.ford.com/ Tesla – http://www.teslamotors.com|
|Government Agencies||Fairfax County Government: http://www.fairfaxcounty.gov Office of the Governor: http://www.governor.virginia.gov/ Board of Elections: http://www.sbe.state.va.us/ Virginia’s Judicial System: http://www.courts.state.va.us/ Virginia General Assembly: http://legis.state.va.us/ Virginia Department of Taxation: http://www.tax.virginia.gov/ Virginia Department of Education: http://www.doe.virginia.gov Department of Homeland Security: http://www.dhs.gov Senators: http://www.senate.gov|
|Non-Profit Associations||National Public Radio: http://www.npr.org Special Olympics: http://specialolympics.org Free Congress: http://www.freecongress.org American Red Cross: http://www.redcross.org United Way: http://www.unitedway.org CARE: http://www.care.org|
III. Reviews Description
Part 1: Review for Website #1 and Website #2
At the beginning of the assignment, you will clearly state the type of company that you have chosen (i.e., Commercial, Government, or Non-Profit).
The text of the reviews will be single space (Font: New Times Roman; Font size: 12) describing the content of each site.
For each Website, your review will include the followings:
- a brief Introduction that provides an overview of the Website
- a description of the use of Color and Logos, the Text Content (Mission Statement, Department/Services, Bios, etc.), the Fonts and font sizes, the type of Navigation used, (e.g., menus, bars, tabs, etc.), and the accessibility of the Website that can accommodate people with disabilities (e.g., accessibility-related features and enhancements, existence of an Accessibility Statement, etc.), and more importantly, discuss how these elements accomplish unity/visual identity, balance/proximity, and contrast/focus (refer to Lecture #3).
- If there is Animation, describe how it is used.
- If the Website is based on a responsive web design (RWD), describe how it is used (i.e., how the layout and content adjust according to the device and screen sizes).
- At the end, a summary of your own Final Design Comments on the Website design.
Each section of the paper will be clearly delineated with an underlined paragraph header as follows:
Colors and Logos
Animation (if appropriate)
Responsive Web Design (if appropriate)
Final Design Comments
For each Website you will write at least one full page, for a minimum total of two written pages for this section.
Part 2: Flowchart for Website #1 and Website #2
The flowchart that you create for each Website will be at least 3 levels, but no more than 4 levels. (If the Website is too large and involves many levels, similar links/Web pages may be grouped to provide the overall structure of the Website. It is not required to cover every aspect and details of the site.) The Flowchart will follow the conventions described in the “Flowchart Guidelines” document available on Blackboard (in the “Project 1” folder). A sample flowchart is provided in the “Flowchart Example” document available on Blackboard (in the “Project 1” folder). For each Website you will create a minimum one-page flowchart for a total of two pages of flowcharts.
Note: Overall, the assignment will be two pages of reviews and two pages of flowcharts, for a minimum of four pages total.
|Company type is clearly stated. Both Websites are the same company type. The sections of the paper are clearly formatted with underlined headings.||1|
|Paper follows the font guidelines (Font – New Times Roman; Font size: 12). The review text for each of the two Websites is one page minimum, and the flowchart for each of the two Websites is one page minimum (for a total of 4 pages minimum). Paper must be submitted as a single document.||2|
|Review Text for Website #1: Please note all sections include: “Section is clearly written and free of spelling and grammatical errors.” Points will be taken off by section if you have spelling and/or grammatical errors. Please have someone proofread for you! Introduction: Section is clearly written and free of spelling and grammatical errors. Section provides a descriptive overview of the Website. “Who is” the company, their objectives, and purposes; locations, target audience. What did you think of the web site when you first opened the site? Colors and Logos: Section is clearly written and free of spelling and grammatical errors. Section provides a knowledgeable discussion of unity, balance/proximity, and contrast/focus, as well as other relevant design aspects. Instructor expectation — to read the terms — unity, balance, proximity, contrast, focus, white space — in your evaluations in a knowledgeable discussion. You may need to read ahead in your textbook to understand term meaning.Text Content: Section is clearly written and free of spelling and grammatical errors. Section provides a summative discussion of the text content found on the Website. Is there a lot of text? Too much text? Or mostly images? Is the text relevant to the site? Do they use “chunked text”, are the paragraphs too wordy without enough white space? Cluttered? Any spelling or grammatical errors? Is the information written effectively? You may need to read ahead in your textbook to understand term meaning.Fonts: Section is clearly written and free of spelling and grammatical errors. Section describes the font and font sizes. Does the site use different fonts? Are they serif or sans serif font styles? What color is the text? Easy to read and see on the page? Are the fonts effective – too large, too small? You may need to read ahead in your textbook to understand term meaning. You may also need to copy a sample of the text into Word to determine font/font size information.Navigation: Section is clearly written and free of spelling and grammatical errors. Section provides a detailed discussion of the navigation styles used in the Website. What type of navigation is included in the site? — navigation bar, navigation menu, dropdown menus, flyout menus, breadcrumb trails, text links, image links, sitemap? Are the colors effective? Navigation placed effectively on the page? Is navigation intuitive and easy to use?You may need to read ahead in your textbook to understand term meaning.Accessibility: Section is clearly written and free of spelling and grammatical errors. Section provides a detailed discussion of the accessibility of the Website. Does site have clean, simple interface? Accessibility page on web site? Good page contrast with font color/background color/font size on page, alt text available when rolling over image? If video is included on site is captioning offered? Language picker available? Page layout consistent from page to page? You may need to read ahead in your textbook to understand term meaning.Animation (if appropriate): Section is clearly written and free of spelling and grammatical errors. Section describes how animation is used. If animation is not used on site just indicate “no animation”. If there is animation – is it effective and appropriate for web site?Responsive Web Design (if appropriate): Section is clearly written and free of spelling and grammatical errors. Section describes how the layout and content adjust according to the device and screen sizes. Check out your web sites on a mobile phone and tablet. Did the layout and content adjust according to the device and screen sizes? Describe!Final Design Comments: Section is clearly written and free of spelling and grammatical errors. Section provides intelligent observations and discussion regarding the Website design. Overall, was the site effective for its purpose and objectives.||7 I e|
|Review Text for Website #2: Follow the same guidelines described for Review Text for Website #1.||7|
|Flowchart for Website #1: Flowchart is at least 3 levels.Flowchart follows the sample and guidelines documents.||4|
|Flowchart for Website #2: Follow the same guidelines described for Flowchart for Website #1.||4|