1. A User Requirements Document
This document should follow the User Centred Design Lifecycle discussed in class. Ideally, your chosen topic should be an area where you have access to people who use websites like yours. However if this is not possible, you can state how you obtained your User Requirements. You are advised to consult the Design Lifecycle PowerPoint on Moodle or books from the Recommended Reading List for ideas. The requirements should include what your users need in terms of both functionality and usability.
Your User Requirements Document should include but is not restricted to, the following areas:
a. Target audience
b. Your competitors
c. Your method of research
d. Results of your research -> Users’ needs
e. Goals of the application
2. A Design Document
The document should describe how you propose to implement the users’ requirements for your site. You should point out in this document where you have specifically incorporated good interface design principles as discussed in class, and marks will be awarded for this. To put it simply, do not just state what you did, state why you did it. For example - Is it a good design rule as discussed in class, or was it something you discovered during your User Requirements stage?
Your discussion should include reference to the following:
a. Fonts, Font Size, Font Weight and Style (Bold, Italics), Font Colour specified for all text, on all screens
b. Background colour (white is a colour) or image specified for all pages
c. General description and placement of graphics/images
d. Selection of elements, such as headings, paragraph text, forms etc.
e. Navigation for your site
The screens should adhere to the web design guidelines discussed in class. You are advised to use the PowerPoints on design, on Moodle or a book from the Recommended Reading List as a check-list.
3. The Website
The website must have a home page and a minimum of three other pages. It must follow what was stated in your design document.
The pages must be created using Visual Studio Code. Any use of html editors will result in a score of zero. The pages must be created using html and an external stylesheet. Use of inline or embedded styles or formatting using html will be heavily penalised.
Responsive Design should be used to ensure that the website can be viewed on laptop, tablet and phone. You do not need to use more that these three sizes.
Tables may only be used for numerical data. Any use of table for layout will be heavily penalised and could result in failure.
Using the responsive design techniques learned in class and the labs, your website must be able to adjust to screens on a desktop, laptop, an iPad and a smart phone.
You are encouraged to use an original layout. You may use the layouts from the solutions to the labsheets but they will not be awarded the same marks as an original layout. If you copy a design from the Internet and use the code, you must state this in your document and give the URL of the site. Failure to do this would be considered plagiarism and would result in a score of zero and possibly disciplinary action.
User Requirements Document