Self-Assessment – ART 87 | USER INTERFACE DESIGN

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

“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
Posted by class time 1 pt
Presented “Really bad site” site proposal 1 pt
Presentation/posted Site Map. 1 pt
Presented “Really bad site” redesigned wireframe 2 pts
Posted Site Map + Wireframes + Proposal by class time 1 pt
Collected images and content to reproduce the digital mock-up with four pages. 2 pts
Created four digital mock-up pages in XD addressing the found issues. 4 pts
Linked the four pages in XD to create an interactive mock-up. 4 pts
Shared the interactive mock-up files and presented “Really bad site” redesigned with the 5 issues addressed 2 pts
Interactive prototype has proper file organization. 2 pts
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.

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

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