Self-Assessment

Projects | 50 points

Project 1: Worst Of the Web | 20 points + 4 points e-portfolio

Parts:

1. “Really bad site” research, link and presentation of at least 5 relevance & interesting issues that don’t follow the Principles of UI Design. 2 pts
2. Posted by class time 1 pt
3. Presented “Really bad site” site proposal 1 pt
4. Presentation/posted Site Map. 1 pt
5. Presented “Really bad site” redesigned wireframe 2 pts
6. Posted Site Map + Wireframes + Proposal by class time 1 pt
7. Collected images and content to reproduce the digital mock-up with four pages.  2 pts
8. Created four digital mock-up pages in XD addressing the found issues. 4 pts
9. Linked the four pages in XD to create an interactive mock-up. 4 pts
10. Shared the interactive mock-up files and presented “Really bad site” redesigned with the 5 issues addressed 2 pts
11. Interactive prototype has proper file organization. 2 pts
12. Posted interactive prototypes links to personal E-portfolio site 2 pts

Project 2: My Footprint | 30 points

• Delivery (6): all parts delivered on time: Research, Proposal, Site Map, Sketches, Links to Live Mock-Ups* (hotspot site) and Final HTML+CSS Responsive site* should be in your E-Portfolio.
• Content (6): content is well researched, cohesive and enhanced by the interface.
• Design (6): consistent with proposal, 2D Design and UI principles.
• Interactivity (6): The navigation is 100% functional, cohesive and intuitive but clever and creative.
• Craftsmanship+Skills (6): Assets are technically well developed, images are properly edited, all files are properly labelled, managed and hierarchically uploaded to the class FTP site. The site encounters no code glitches, with proper html+css tags.

Exercises & Tutorials | 30 points

• Tutorial 1 | E-Portfolio | 5 pts
  • Created E-portfolio site – 1 pt
  • Shared site’s URL in Blackboard with Prof. Jacques – 1 pt
  • Created menu for all parts of Project 1 – 1 pt
  • Created menu for all parts of Project 2 – 1 pt
  • Created menu for tutorials 2 to 5 – 1 pt
• Tutorial 2 | Photoshop Basics: Interface Design | 5 pts
  • Craftsmanship+Skills: Proper Size, Type, Color, Graphics, Alignment and Consistency – 4 pts
  • Posting jpg files to personal E-portfolio – 1 pt
• Tutorial 3| Adobe XD | 7 pts
  1. Get to Know Adobe XD – 0.3 pt
  2. Lay out and design your app or website – four videos – 4 pts
  3. Create and preview interactive prototypes – two videos  – 2 pts
  4. Share prototypes for review – 0.4 pt
  5. Start your designs with UI kits – 0.3 pt
• Tutorial 4 | Hot Spots | 7 pts
  • Completed the tutorial
• Tutorial 5 | Dreamweaver | 7 pts
  • Reproduced the seven videos – 1 pt each

E-portfolio Postings | 10 points

• Uploaded all parts of Project 1 to E-portfolio | 4 pts:
  • “Really bad site” research, link and presentation of at least 5 relevance & interesting issues that don’t follow the Principles of UI Design. 1 pt
  • Site Map + Wireframes + Proposal. 1 pt
  • Interactive prototypes with links. 2 pt
• Uploaded all parts of Project 2 to E-portfolio | 4 pts:
  • Proposal  – 0.5 pt
  • Site Map – 0.5 pt
  • Wireframe/sketches – 0.5 pt
  • Links to Live Mock-Ups – 1.25 pt
  • Link to Final HTML+CSS Responsive site – 1.25 pt
• Uploaded Tutorials 2 to 5 to E-portfolio | 2 pts

Quizzes | 10 Points

• Quiz 1 | Midterm | 5 points
• Quiz 2 | Final | 5 points