Computer and Web Design Resources at TinkerTech.net

Macromedia/Web Page Final Project Rubric

Rubrics are used by instructors as a guide for assessing student performance and evaluating the quality of student work. Rubrics include multiple objectives each with a range of quality levels (performance criteria). The instructor uses the rubric as a guide for assessing the student's knowledge of each objective.

Rubrics can also be used as a method of self evaluation. Because the project objectives and grading criteria is clearly stated students can assess their own progress on a project.

Before you submit your project to your instructor, use the rubric below to evaluate your site. You should also ask two of your fellow students to evaluate your site using the rubric. After self and peer assessment, revise your site as needed. Submit your self and peer-evaluations to your instructor.

Rubrics can also be used for peer assessment. Students can ask their fellow students to evaluate their projects based on the rubric. Peer evaluations should provide constructive criticism, not attacks. This means that students will provide valuable feedback to other students regarding their designs. Students should give their initial perceptions and reactions, and their reasoning. Students who evaluate projects should be prepared to provide sound reasoning and suggestions for improvement if necessary. Evaluations should include the positive aspects of the project, as well as, any suggested improvements. Remember, comments should always be backed up with reasons. I think Oli Studholme has an excellent article in Bloblet about critiquing. The critiquing process should make the designer think differently about a design element. I would also recommend that everyone read The Delicate Art of (Web) Design Critique by Makiko Itoh. Again, I cannot stress enough the importance of a "balanced" evaluation; include the positive aspects of the site, as well as, areas that may need some improvement. Rather than just passing the review/rubric back to the designer, the evaluator should meet with the designer to discuss ideas.

A note to the designer: Please provide your evaluator with information about the site's intended audience, the site purpose, any special design considerations. If there are pages on the site that should not be evaluated, please note the pages.

A reminder to the students who conduct peer evaluations: This rubric is for the Macromedia project which includes Dreamweaver, Fireworks, and Flash. Therefore you may see more creative elements in the design and imagery. Image and text layering may be employed and there will probably be more moving images than you have seen on past sites. While the site you may evaluate may contain elements that do not appeal to you, as an evaluator you must be objective and try to put yourself in the perspective of the potential site audience. Therefore, if the site is designed for a group of teenagers, you must think like a teenager; powerful graphics, moving pictures, brighter colors may appeal to this audience.

Blogs and blog content should not be evaluated; the assignment purpose was to learn "how to install a blog". Because you will not be critiquing the FLA files associated with the site, you do not need to total the evaluation.

Because Flash elements will be used in the site, there may be validation issues on some pages. Students utilizing Flash elements should not be marked down if you receive a validation error due to embed tags on the page.

Objectives	Select Quality Criteria that Best Matches Project			Score
Design	2 points The page design is not entirely appropriate to the content or its intended audience	3 points The page design is visually pleasing, although it may not be entirely appropriate to the content or its intended audience	4 points The page design is visually pleasing, supports the page content, and is appropriate for its intended audience	*
Images	2 points Several images on the site have problems with either design or mechanical presentation. Images were not created with Fireworks. Most images were created by someone other than the author. Inappropriate file formats are used on some images	3 points The images are well designed for the most part, although there may be some minor problems with either design or mechanical presentation. Images were created with Fireworks by the author	4 points The images are well designed and mechanically effective, without distortion, excessive dithering, haloes or other negative graphic effects; images include Alt, Height, and Width attributes (may be in CSS) and offer initial thumbnail graphic if file size is large . The images were created with Fireworks
Layout	2 points The page layout is usable, but it has problems with clarity or placement of elements.	3 points The sites layout is largely effective, although there may be some occasional problems with clarity or placement of elements	4 points Pages use an effective and uncluttered layout, using background color to enhance the readability of text and the appearance of graphics; users with a 800 X 600 monitor don't have to scroll to the right
Text	2 points Text on the site has a problem with either style or mechanics or both.	3 points Text on the site is readable and reasonably well written, although there may be minor mechanical errors	4 points Text on the site is well written and presented effectively, using readable fonts and text design and without major mechanical errors (grammar, punctuation, and spelling).
Navigation	2 points A reader can get around the site, but only with some difficulty	3 points The site is well organized and easy to navigate for the most part, with clear relationships between pages; however, some sections may be more difficult to find or there may be "dead end" pages	4 points The site is well organized and easy to navigate; the relationship between pages is clear and it's easy to find an individual page; each page is clearly linked to another; links are appropriate, clearly labeled, and have a definite purpose; page titles are appropriate to content and have a definite purpose
Mechanics	4 points The site includes missing pictures or broken links, but is readable by both the major browsers	6 points Everything on the site works: there are no missing graphics or broken links; it can be read with Explorer (Windows) and Safari and shows equally well on PC and Mac	8 points Everything on the site works: there are no missing graphics or broken links; it can be read with with Firefox, Explorer (Windows) and Safari and shows equally well on PC and Mac
Download Time	2 points The site takes to long to download, pushing the limits of a user's patience	3 points The site takes some time to download, although it doesn't entirely exhaust the user's patience	4 points The site download time is reasonable, and doesn't make extreme demands on the user's patience; multimedia elements load quickly or file size is indicated with option to download
HTML/XHTML/CSS	4 points The XHTML/HTML code has several problems, including incorrect or unnecessary tags. The site does not include meta tags. The site does not use CSS elements to control design, content and layout	6 points The XHTML/HTML code is largely clean, although there may be a few questionable tags. Some pages validate as XHTML compliant. The site uses some CSS elements to control portions of design, content and layout	8 points The XHTML/HTML code is clean, without misused tags: tags are nested and complete, a minimum of tags are used (use one tag with several attributes instead of repeated tags), header tags are used as headers; all site names including folders, pages, images, frames use lower case text with no spaces, and meta tags are used. The site validates as XHTML transitional at the W3C.org. The consistently uses CSS elements to control design, content, and layout
Credibility	2 points Site leaves user wondering about its origin and sources	3 points Site includes author, contact person with e-mail address, date created or updated, and no copyright infringement	4 points Author's name, affiliations, and credentials are included; contact person with e-mail address is present; site is bias-free or explicitly states point of view; material is original or includes appropriate citations with no copyright infringement; site includes date created or updated
Instructor Review Only
Flash MX 2004 Techniques	4 points Two Flash techniques (below) are used	6 points Three Flash techniques are used	8 points Four or more Flash techniques are used
Circle items used:	Motion Tweening Basic Shape Tweening Color Tweening	Fading Text Guide Layers Mask Layers	Simple Buttons Movie Clips Sound
Flash Organization	2 points Flash library is not organized. Most graphics are not converted to symbols. Symbols are not in folders. Layers do not have meaningful names. Movie clips are not used for animations	4 points Flash library is somewhat organized. Most graphics are converted to symbols and most symbols are stored in folders. Layers are named. Movie clips are used for most animations	6 points Flash library is organized. All graphics are converted to symbols and stored within folders in the library. All symbols and layers are named appropriately. All animations are stored within Movie Clips
Total Score
Maximum Points Possible				58
Percent Accomplishment - Your score / 58 = Percent Accomplishment - Students must score 80% to be eligible for a certificate.

*Insert your quality score for each objective.

This rubric was originally found at the Landmark Project. It has been modified to meet the needs of the Contra Costa ROP's Web Page Design course for adults.

If you live in the San Francisco Bay Area and you're interested in learning more about web design and development, graphics, or computers in general, consider taking classes at the Contra Costa ROP Technology Center. We offer affordable computer training in a variety of subjects. Visit our web site for more information.

Stop by my Amazon Store for gifts for the web developer.