Proposal for Interface Design Assignment: CCTV Camera World Website Redesign, Thesis of Human-Computer Interaction Design

A proposal for redesigning the cctv camera world website, focusing on improving user experience and visual appeal. It identifies key issues with the current website, such as an outdated theme, excessive text, lack of visual cues, and a cluttered navigation structure. The proposal outlines solutions to address these issues, including implementing a modern look, reducing text and increasing visuals, restructuring the layout, and incorporating a chatbot for user support. The document also includes a workload matrix and gantt chart to illustrate the project's timeline and task allocation.

Typology: Thesis

2024/2025

Uploaded on 03/18/2025

karthikeyan-bala-murugan
karthikeyan-bala-murugan 🇲🇾

1 document

1 / 8

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
CT026-3-2-HCI Proposal for Interface Design Assignment
Module Code : CT026-3-2-HCI / Human Computer Interaction
Intake Code : APU2F2406IT/APU2F2406IT(CE) / APD2F2406IT(CE)
Lecturer Name : MS AIDA ZAMNAH BINTI ZAINAL ABIDIN
Hand in Date : Week 3
Group 1
Tutorial No. : Tutorial 13
Group Leader : Rahhulann
Student ID Student Name
TP070318 Rahhulann
TP079341 Karthikeyan A/L Bala Murugan
TP073190 Muhammad Norikmal Bin Azmi
TP067747 Wong Ka Sheng
1
pf3
pf4
pf5
pf8

Partial preview of the text

Download Proposal for Interface Design Assignment: CCTV Camera World Website Redesign and more Thesis Human-Computer Interaction Design in PDF only on Docsity!

Module Code : CT026-3-2-HCI / Human Computer Interaction Intake Code : APU2F2406IT/APU2F2406IT(CE) / APD2F2406IT(CE) Lecturer Name : MS AIDA ZAMNAH BINTI ZAINAL ABIDIN Hand in Date : Week 3 Group 1 Tutorial No. : Tutorial 13 Group Leader : Rahhulann Student ID Student Name TP070318 Rahhulann TP079341 Karthikeyan A/L Bala Murugan TP073190 Muhammad Norikmal Bin Azmi TP067747 Wong Ka Sheng

1.0 Introduction

CCTV Camera World Figure 1: CCTV Camera World site CCTV Camera World is a professional distributor of security cameras, IP cameras, security camera systems, digital video recorders (DVR, NVR, XVR), and all other CCTV equipment. They cater to customers of all shapes and sizes, including small and big business, home consumers, State and Federal Government entities. Customers from around the World choose them as their preferred equipment provider because of the best security camera buying experience we offer. From the beginning of the sales process to post-sales technical support, they make sure customers purchase items that will suit their intended use, and have access to free technical support so they get the most out of their purchase. Their self-help videos and guides make it simple for anyone to set up their own system using professional equipment, while avoiding the high markups and lack of transparency of local security camera installers.

4.0 Solutions

4.1 Bright and dark look of website

Have two themes for the website that allows the user to change it from light mode to dark mode if they need to. This helps to cater for people who have light sensitivity issues. Figure 3: Light mode Dark mode

4.2 More visuals instead of text

The website should be revamped into having more visual representation rather than text to increase the interactivity of the end user with the website. Figure 4: More Visuals over Text

4.3 Reduced number of pages

Reduced number of pages allows for a more easy approach for the users. This is because they don’t get overwhelmed by the excessive number of pages. It also reduced content bloat making the website efficient. Figure 5: Ways to reduce website content bloat

4.4 Restructured layout and navigation

Restructured layout allows for better usability and quality of the website as it corelates with having reduced number of pages. Figure 6: Planning Layout and Navigation

5.0 Workload Matrix

5.1 Work Breakdown Structure of Proposal

Component Karthikeyan Bala Murugan TP Muhammad Norikmal Bin Azmi TP Rahhulann TP Wong Ka Sheng TP Introduction: History

Introduction: Current website

Objectives 50% 50% 50% Problem Statement

Solutions 50% 50% 50% Gantt Chart 50% 50% 50%

5.2 Task Allocation of Final Documentation

Stage Karthikeyan Bala Murugan TP Muhammad Norikmal Bin Azmi TP Rahhulann TP Wong Ka Sheng TP Stage 1: User Requirements

Stage 2: Usability Goals and Competitive Analysis

Stage 3: Design and Prototype

Stage 4: Testing 100%

6.0 Gantt Chart

Figure 9: Gantt Chart