M14: Design as ProfessionClass Recap: We didn't cover very much technical skills this module. Instead, this working session is designed for you to ask questions before the final presentation. We have come a long way in a relatively short span of time. You have been introduced to many new techniques and concepts that will start you on the road to becoming a solid, front-end web designer. There are still much to learn in terms of web design, but what you've already learned should set you up with a good foundation. This is also the time to look into your career choice. Ask yourself if you would like to focus on design, production, or UI/UX? What kind company you would like to work for? What kind of clients you would like to have?
Before the final presentation, and as a mater of fact for any project, the last step is QA. We need to cleanup, tighten any loose ends. Do a spell check, check browser compatibility of your code, make sure there is no broken links, and make sure the site is build for best accessibility. Student Outcomes:
|
How Austrian Designer Verena Michelitsch Established Herself in NYC
M14: Discussion
Reflection
What skills or ideas that you learned in this class were your favorites?
What skills or ideas would you like more exposure to?
What skills or ideas were the most difficult at the time? (Are they still?)
Was there an activity that made learning easier, or enhanced your creativity or design process?
What advice would you give to a future student taking this course?
Please <click here> to participate discussion (Participation points)
What skills or ideas that you learned in this class were your favorites?
What skills or ideas would you like more exposure to?
What skills or ideas were the most difficult at the time? (Are they still?)
Was there an activity that made learning easier, or enhanced your creativity or design process?
What advice would you give to a future student taking this course?
Please <click here> to participate discussion (Participation points)
M14 Homework: Human+Design (QA)
Due Date:
Description:
Delivery of coded version of your web site. This is final delivery, meaning your entire site should be coded to 100% completion. The site should be in its final presentable form so that it can be fully critiqued by your instructor and your fellow classmates.
You will also deploy your site live for instructor and class review on your own hosted web server.
Deliver all project assets, including sketches, process, documentation, and a style guide for your site.
Delivery of coded version of your web site. This is final delivery, meaning your entire site should be coded to 100% completion. The site should be in its final presentable form so that it can be fully critiqued by your instructor and your fellow classmates.
You will also deploy your site live for instructor and class review on your own hosted web server.
Deliver all project assets, including sketches, process, documentation, and a style guide for your site.
Submission Directions:
Be sure to QA your site. Make sure there is no missing images, or broken link. Since our sites have only a few pages, you can manually check this. But in case you want to use a tool to help you, here are a few sites you can use.
https://validator.w3.org/checklink
https://validator.w3.org
http://websitetips.com/optimization/
For this assignment, I will grade and post my comments after everyone have a chance to critique your peers' work in the topic discussion area.
Deliverables:
- Review final project rubric, check against your own site, make final adjustment
- Upload all your final production files in finalProject folder. Please make sure the home page is called "index.html". Your url should look like: http://yourdomain.com/AAU/wnm249/finalProject/
- <click here> to sign up for your final presentation and post your URL within the spreadsheet
- Zip all your files, upload the zip file to my folder on site
Be sure to QA your site. Make sure there is no missing images, or broken link. Since our sites have only a few pages, you can manually check this. But in case you want to use a tool to help you, here are a few sites you can use.
https://validator.w3.org/checklink
https://validator.w3.org
http://websitetips.com/optimization/
- Site titles
- Add favicom
- Test the site through online tools to check for broken links
- Click through all the pages, to make sure there is no missing images
- Make sure all images include "alt" tag for accessibility, if you are using background image, try adding titles. (https://en.wikipedia.org/wiki/WAI-ARIA)
- Click through all external links to make sure they are linked correctly, make sure external links open up in a new tab
- Does your font display correctly on other people's computers?
- Make sure there is a simple site map page with links to all your page
- Spelling, copy right, citation
- Consistency
For this assignment, I will grade and post my comments after everyone have a chance to critique your peers' work in the topic discussion area.
Deliverables:
- Site wireframes for client review
- Site map for client review
- Web Style guide containing color palette, type choices, type sizes, and image size requirements. (resource to check out: http://styleguides.io)
- Live site deployed on your own hosted web server.
- A ZIP archive file containing all of the above and any other ancillary work files.