11.3. Grading Rubric

Criterion:

• Excellent (4): Pixel-perfect reconstruction with intentional enhancements.
• Satisfactory (3): Generally accurate with minor misalignments.
• Needs Improvement (1–2): Frequent layout errors.

This grading criterion assesses how closely your final digital prototype matches the original wireframes you created. An 'Excellent' score means your prototype is almost identical to the wireframe, with intentional updates that improve design. A 'Satisfactory' score indicates that there are some mismatches, but the overall layout is acceptable. If you score in the 'Needs Improvement' range, frequent errors make your prototype look different from the wireframe and could hinder user understanding.

Think of this like a blueprint for a house. If a builder follows the blueprint perfectly, the house looks as it was designed, earning a high mark. However, if corners are cut or important details are missed, it might look good at first but fail to function well, requiring costly renovations later.

Criterion:

• Excellent (4): Clear, consistent, and accessible hierarchy across all screens.
• Satisfactory (3): Some inconsistencies in hierarchy.
• Needs Improvement (1–2): Poor hierarchy and confusing overall layouts.

Visual hierarchy is about organizing elements in a way that naturally guides the user through the interface. An 'Excellent' score indicates that the layout helps users quickly find information. A 'Satisfactory' score might mean users occasionally struggle to interpret the layout, possibly due to some inconsistent elements. A 'Needs Improvement' score shows confusion in the layout that would make navigation difficult for users.

Picture a library. If books are arranged by genre and labeled clearly, visitors can easily find what they're looking for. However, if books are scattered randomly, it leads to frustration. Good visual hierarchy in your design works the same way, guiding users through information in a logical manner.

Criterion:

• Excellent (4): Thoughtful pairings, accessible contrast, and a cohesive palette.
• Satisfactory (3): Acceptable choices with minor contrast issues.
• Needs Improvement (1–2): Inconsistent fonts and inaccessible contrast.

This section assesses your use of typography (fonts) and color in the design. An 'Excellent' score reflects attention to detail in pairing fonts and ensuring contrast between text and backgrounds to maintain readability. A 'Satisfactory' score means that while your choices are acceptable, there are minor issues, such as some text being hard to read. A 'Needs Improvement' score highlights significant contrast problems that could make text hard for users to read.

Imagine you're reading a book in a dimly lit room. If the text is light-colored against a light background, you'll struggle to read. Now, if it's dark text on a white page, it's much easier. Similarly, using good typography and color in digital design keeps content accessible to everyone.

Criterion:

• Excellent (4): Expert use of layers, masks, components, and animations.
• Satisfactory (3): Basic use of provided features.
• Needs Improvement (1–2): Missing many features and techniques.

This grading criterion evaluates your technical skills in using tools and software. Scoring 'Excellent' indicates that you've adeptly utilized complex features like layers and animations to enhance your design. A 'Satisfactory' score shows you've used some features but not to their full potential. If you receive a 'Needs Improvement' score, it means many essential techniques were not utilized, potentially affecting the final product's quality.

Consider a chef in a kitchen. An 'Excellent' chef knows how to use all kitchen tools expertly to create a delicious meal, while a 'Satisfactory' chef might only use a few tools correctly. A 'Needs Improvement' chef may skip key recipes or techniques altogether, resulting in a less satisfying dish.

Criterion:

• Excellent (4): Multiple cycles of documented feedback.
• Satisfactory (3): One cycle of documented feedback.
• Needs Improvement (1–2): No or undocumented feedback addressed.

This criterion assesses how effectively you've utilized feedback throughout your design process. An 'Excellent' score signifies that you have gone through multiple rounds of feedback and documented changes accordingly. A 'Satisfactory' score indicates that you collected and applied feedback but only went through one cycle. 'Needs Improvement' shows a lack of feedback processing which might lead to an undeveloped product.

Think of an artist working on a mural. If they solicit feedback from others and make several adjustments based on that input, the mural likely turns out better than if the artist only asks for feedback once or not at all. Continual feedback ensures the final artwork resonates well with its audience.

--