HCI Prototype & Website Redesign Assignment Guide
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.
For the site to support part of MLO4 below, include back-end data-entry features to allow the business owner to securely update database and website content.
| 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.
a. Announcement
b. News & Updates
c. Tenant Information
d. 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:
a. User accounts login credential (admin and other users)
b. Website Restoration / Setup Manual and Guides.
Want Help Structuring Your Answers!!
Native Singaporean Experts
All Subjects Covered
Professional Guidance
Information Technology Answers: Experts Answers on Above Human Computer Interaction Questions
Website structure
The main menu that will be included in the website structure includes home page, about us, news and announcement, events and calendars, stakeholder information, contactors and an Admin panel. The homepage will include a brief introduction, quick links and navigation menu. The About Us section will have information about the mission and vision, and the profile of owner and team members. News announcement will include latest updates, and events and calendar will specify the upcoming events, monthly calendar view and event registration. Stakeholder information will include tenant profiles and listings, and the contact us page will have a contact form, business contact details and location map. The admin panel will have a dashboard, and all the necessary sections responsible for managing the entire website including the options for backup and restore utilities.
Development flow including the timeline
The first two weeks will include user research and sitemap creation while the next two weeks will include the development of low fidelity prototypes. Week 5-6 focuses on high fidelity wireframes while 7-8 weeks will have the actual development of the website including both front-end and back-end features. Week 9 will include the testing process and week 10 will be final refinements and backup development.
| Disclaimer: This answer is a model for study and reference purposes only. Please do not submit it as your own work. |
