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, branding, user flow, and interaction.

A: 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. Style guide looks uniquely branded; entirely unlike the template provided. The final sketches/wireframes demonstrate an understandable model of the site's navigation and structure.

B: The style guide presents a consistent aesthetic with clear interface and interaction elements that effectively respond to user interactions. Style guide creates uniquely branded elements but follows a similar structure to the template provided. The final sketches/wireframes demonstrate an understandable model of the site's navigation flow and structure.

C: The style guide presents a consistent aesthetic with some unclear interface and interaction cues that respond somewhat effectively to user interactions. Style guide looks somewhat similar to template provided. The final sketches/wireframes show how navigation will occur, though the structure of the site and navigation flow 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. Style guide shows little to no development from the template. Little to no connections are built in the final sketches/wireframes, hindering our understanding of navigation flow significantly.