P01 (Process) - Detailed Rubric

General grade scale

A: Exceeding expectations

B: Meeting expectations

C: Not-quite meeting expectations

D: Not meeting expectations

F: Failing expectations

Process (2 points)

Grading Focus: Deliverables, weekly checks, quantity and quality of exploration.

A: Deliverables demonstrate more exploration both in quantity and quality than outlined in the brief.

B: Deliverables meet the expected amount of process exploration outlined in the brief.

C: Some of the required weekly deliverables are missing.

D/F: Numerous weekly deliverables are missing.

Code (4 points)

Grading Focus: Code validity, code readability, cleanliness of folder structure.

A: The submission's coding (and code presented in the style guide) is human readable, semantic and valid HTML5 and CSS3 with absolutely no errors. CSS uses a meaningful naming convention, and file/folder structure is clean.

B: The submission's coding (and code presented in the style guide) is human readable, semantic and valid HTML5 and CSS3 with up to 4 minor errors (things we have not taught you). File and folder structure is clean.

C: The submission's coding (and code presented in the style guide) is human readable valid HTML5 and CSS3 with 1 major error (things we have taught you directly) and up to 4 minor errors. There are some minor concerns with the cleanliness of the file and folder structure.

D/F: The submission's coding (and code presented in the style guide) is not human readable, nor valid HTML5 and CSS3 with up to 4 major errors (things we have taught you directly) and up to 8 minor errors. There are some major concerns with the cleanliness of the file and folder structure.

Design (4 points)

Grading Focus: Consistency, interface and interaction elements.

A: In addition to achieving a 'B', the style guide effectively leverages principles of 'atomic design' to construct combinations of elements (i.e. navigation, product/service listing) that effectively respond to different devices. The final sketches/wireframes help demonstrate how the site will effectively direct the user to move deeper into the site.

B: The style guide presents a consistent aesthetic with clear interface and interaction elements that effectively respond to user interactions. The final sketches/wireframes demonstrate an understandable model of the site's structure.

C: The style guide presents fairly consistent aesthetic with some unclear interface and interaction cues that respond somewhat effectively to user interactions. The final sketches/wireframes show how navigation will occur, though the structure of the site and navigation is unclear at times.

D/F: The style guide presents an inconsistent aesthetic with unclear interface and interaction cues that respond poorly to user interactions. Little to no connections are built in the final sketches/wireframes, hindering our understanding of navigability significantly.