Human Computer Interaction and Web Development

Background:
By now, you should be familiarized with core Human Computer Interaction (HCI) and Usability Engineering theory through the analysis and evaluation from the website or system you have been working on in the previous assignment.

In this assignment, you are required to re-design and develop a prototype as an enhanced version of website or system you have evaluated from the previous assignment CW1. You are expected to apply the core Human Computer Interaction (HCI) and Usability Engineering theory to the when proposing and designing the new website with high quality interfaces for computer and web systems.
You are highly advice to start the work by generating a range of interface prototypes, from low fidelity storyboards to partial high-fidelity applications for a range of device and system types which include the content development. Then, utilise a variety of tools and techniques for the generation of creative and highly effective web-based systems. And lastly, conduct thorough evaluations of system interfaces deploying a variety of usability evaluation methods including heuristic analysis, usability tests and cognitive walkthroughs.

Part 1: (Content Development & UI Prototyping process):
You are to identify users' needs by ensuring that users are actively involved in the mocking-up of the UI for a system that provide a mechanism to support internet-based services - build a website and/or online system to promote the business and for information sharing purpose.

Part 2 (Website & System Development):
Develop a functional website and online system which allowing visitors to get updates and information from the student website, its activities, news, calendar, and interacting with the business owner.

Completion of this assignment will address the following learning outcomes:
1 Conduct thorough evaluations of system interfaces deploying a variety of usability evaluation methods including heuristic analysis, usability tests and cognitive walkthroughs.
2 Apply core Human Computer Interaction (HCI) and Usability Engineering theory to the analysis and design of high-quality interfaces for computer and web systems.
3 Generate a range of interface prototypes, from low fidelity storyboards to partial high- fidelity applications for a range of device and system types.
4 Utilise a variety of tools and techniques for the generation of creative and highly effective web-based systems.

Task:
You should ensure the following are included in your website (this list is not exhaustive):
Viva
You are required to demonstrate in a 15-minute Viva, your solution for website for the case study.

Website & Online System

Backup Utilities
Appropriate UI Design and Color Scheme
UX and Interaction Design are well taken care of (Usability Testing)
Sufficient and relevant contents and information
Appropriate site navigation, menu and hierarchy
Admin Panel allowing business owner to update the website such as.
Announcement
News & Updates
Tenant Information
Event & Calendar
Other useful or relevant features / functionalities Item 1 - 6a & 6b are essential requirements & features
Report
Introduction
Your artefact must meet the above background requirements. (Persona & Scenarios)
Proposed Timeline / Schedule - Content Development, Planning and Implementation
Proposed Website structure (prototypes, wireframes)
Actual website screenshots
Testing & Evaluation (Fulfilment of Universal Web Design Principle and Jakob Nielsen's Usability Heuristics)
You must cover and explain how the required Intended Module Learning Outcomes were achieved.
Appendix for:
User accounts login credential (admin and other users)
Website Restoration / Setup Manual and Guides.