Portfolio Website Project Rubric

Interface Design: Portfolio Website Design

Concept Statement

Exceptional                   

Effective                       

Competent                    

Needs Improvement     

Unacceptable

Comments:

  •  Makes unique and meaningful conclusions about the direction of the design
  • Impeccable grammar and spelling
  • Statement shows a good understanding of the client
  • Clearly states the connections between problem and solution
  • Ideas are clearly stated
  • Statement Shows Adequate vocabulary and grammar skills
  • Uses standard language conventions with occasional errors so that comprehension is still relatively clear
  • Adequate explanation
  • Statement shows confusion about the purpose of this task
  • Makes unclear or incorrect statements about the client
  • Ideas are incomplete or largely underdeveloped
  • Occasional typos or poor grammar
  • No Concept Statement included.
  • incoherent use of language, difficult to read

Inspiration

Exceptional                   

Effective                       

Competent                    

Needs Improvement     

Unacceptable

Comments:

  • Inspiring sites are especially relevant and focused
  • Exhibits an exceptional level of research
  • Analysis shows exceptional reflection and insight
  • Inspiring sites expresses a focused set of influences 
  • Is useful in directing design choices
  • Samples are compelling and appropriate
  • Analysis shows effective  reflection and insight
  • Inspiring sites are adequately related to the project
  • Choices are moderately appropriate to the client  and audience.
  • Inspiring sites do not communicate a design direction effectivelyInspiring sites are appears incomplete, lacking direction
  • Inspiring Sites displays a ignorance or lack of regard for client and audience.
  • images are too small to be legible
  • No Analysis present alongside inspiring sites

Sitemap

Exceptional                   

Effective                       

Competent                    

Needs Improvement     

Unacceptable

Comments:

  • Sitemap is styled to be congruent with rest of case study.
  • Sitemap is easy to understand
  • Sitemap is understandable
  • Sitemap confuses
  • Designer is unclear of the structure of their site.
  • sitemap is inaccurate
  • Use Lucidchart’s rectilinear lines
  • No sitemap included

Sketches

Exceptional                   

Effective                       

Competent                    

Needs Improvement     

Unacceptable

Comments:

  • Thumbnail sketches are especially well developed in composition, and purpose.
  • All regions are labelled with title
  • Thumbnail sketches show exceptional development in quantity and in quality
  • Thumbnail sketches are well developed in composition, and purpose.
  • Thumbnail sketches show good development
  • All regions are labelled with title
  • The trail of the designer’s thoughts can be traced through sketches
  • Thumbnails demonstrate a adequate breakdown of purpose for regions
  • Thumbnails show some awareness of alignment and extension of edges
  • Thumbnails show no awareness of format
  • Thumbnails appear haphazard, an afterthought.
  • Too little process
  • Spend more time drawing
  • No Thumbnails included

Style Guide

Exceptional                   

Effective                       

Competent                    

Needs Improvement     

Unacceptable

Comments:

  • Good Layout, division of space to convey information.
  • Web font schema described for incorporation of non websafe fonts
  • Dominant Color choices labelled and described via Hexidecimal values
  • Typefaces and sizes  chosen are shown and labelled
  • Layout is adequate,
  • Style Guide is missing dominant typefaces
  • items missing
  • mispelling
  • CMYK or non web colors.
  • type choices not labelled
  • layout confuses
  • No Style Guide included

Wireframe/Lofi

Exceptional                   

Effective                       

Competent                    

Needs Improvement     

Unacceptable

Comments:

  • Wireframes are especially well developed in composition, and purpose.
  • Wireframes demonstrate a clear breakdown of purpose for regions
  • Wireframes show awareness of alignment and extension of edges
  • All regions are labelled with title
  • Division dimensions labelled with percentages
  • Wireframes demonstrate a purpose of regions adequately
  • Wireframes show some awareness of alignment and extension of edges
  • All regions are labelled with title
  • All regions pixel dimensions are labelled
  • Wireframes show no awareness of format conventions of Portfolio Websites
  • Wireframes are not    consistent
  • Wireframes appear haphazard, an afterthought.
  • No pixel dimensions noted
  • too little wireframe process to be effective
  • No Wireframe included

Hi Fidelity Prototype

Exceptional                   

Effective                       

Competent                    

Needs Improvement     

Unacceptable

Comments:

  • Mockup depicts animated transitions in a way which communicates intent.
  • Prototypes mobile, tablet and desktop 
  • Mockup depicts interesting details, interactions above and beyond specifications
  • Reflects a good analysis of websites depicted on inspiration page
  • The design captures something essential about your work and personality
  • Reflects good research and analysis of contemporary portfolio website conventions
  • Few elements are derivative of existing design.
  • Mockup depicts all pages and features specified
  • Design somewhat reflects your work and personality
  • Reflects adequate research and analysis of contemporary portfolio website conventions
  • Overly derivative of existing designs
  • Generic, little that reflects your personality
  • More research and analysis of contemporary Portfolio Website conventions is needed.
  • Poor sense of proportion, sizes of header, buttons may be outsized or undersized
  • Text is illegible
  • Design is directly copied from an existing template or website.
  • Mockup skips important features and is missing requirements
  • Resume Page.does not show resume
  • One project is not depicted at full size- thus failing to accomplish the central task of this site: to show viewers your work.

Critique

Exceptional                   

Effective                       

Competent                    

Needs Improvement     

Unacceptable

Comments:

  • exceptionally insightful feedback for many students’ projects
  • Respectful observations are helpful to other students projects
  • Adding to discussion reasonably; not overbearing.
  • Finds ways to speak to the positive in the project.
  • Uses the critique process to hone own understanding of design vocabulary and design concepts
  • Is kind by pointing out areas for improvement.
  • Challenges critique reasonably and logically.
  • Comments occasionally, offers up feedback with solicitation.
  • Comments are adequately relevant to the discussion and to the work being discussed.
  • Comments once or twice
  • No input to the critique process, silent throughout
  • Resistant to receiving critique,
  • consistently arguing against reasonably simple and clear methods of improvement
  • Argumentative.
  • Personally attacking fellow students
  • Openly Hostile to reasonable critique of work.