Preliminary Design/User Test Report
Report content
For the preliminary design, provide a URL and a list of the pages so I can view the current state of your site. At least four pages must have a complete design and all the content.
Reminder: I will not accept any assignment that shows evidence of the use of templates, frameworks or cut/pasted code that did not originate with the course material.
Most students use an Excel spreadsheet to check the below criteria for each page, and hand that in along with the list of pages.
You will be evaluated on the conformance of your site to the usability principles we've discussed in class. If you believe that you have good reason to not conform with one or more of the below criteria, please note your reasoning in your report.
Your project will be graded on the following criteria:
- Images in appropriate formats, sized appropriately, optimized. Check optimization with tinypng.com/analyzer
- Alt text on image where appropriate, per formula
- Appropriate font stacks (screen friendly typefaces with fallbacks)
- Minimum text size 1 em (16 px)
- Appropriate contrast and readable text (e.g., meets AA Accessibility guideline, as measured with WebAim Contrast Checker tool)
- Left-aligned body text
- Logo is link to home page (you can have a dummy home page if you haven't designed the page yet)
- Clear navigation system that works for the pages you're showing me
- Styles contained in a separate, linked style sheet
- Appropriate use of CSS rules (Specifically, IDs used once per page)
- Conforming file and directory names
- Home page named index.html or equivalent
- Clear structure of content in appropriate subdirectories (e.g., an /images directory for your images, /css directory for style sheet files, published in to /project, etc.)
- Has clear, concise, unique page title per formula
- Appropriate Download Time for Desktop (Speed Index < 3.5s and/or total page size < 500k), or justify not meeting this guideline. Use PageSpeed Insights to test Speed Index and/or Use www.webpagetest.org to test page size (Desktop view).