SGDM 2023 TEACHING DESIGN

TUGASAN KUMPULAN
WEBSITE

Project
Using Hanafin & Peck Model
Disediakan oleh:
ASHIKAH SHARIFUDEEN 233394
NURUL JANNAH ROSLI 231135

, 1988

PHASE 1:
NEEDS ASSESMENT

1.1 Problem Statement

The main objective of this tourism webpage is:
to lead the tourist know about various tourist attraction,
modes of travel of Malacca and navigate the tourist attraction.
to lead user increase better understanding of different
cultures, customs, lifestyles, history and traditional
knowledge.
to improve the current website about Malacca

1.2 Target Users

# Tourism website user type:
# Locals (students/teachers) / foreigner

Expert

Intermediate
Beginners

1.3 Requirement analysis

choose Malacca

collect qualitative data

analyse the attractions tourism with focus group

collect the evaluation from usability and user testing on

using other Malacca tourism website

website to be categorize into home, lodging,

attraction "and food.
6

PHASE 1:
Re-evaluation

 created persona ((an archetypal user for whom the product or

service is being designed))

PHASE 1:
Revised

website to be categorize into;

Home

Lodging

About

Activity

Attraction

Food

Website
developer

10

PHASE 2:
DESIGN

11

2.1 Site-map

12

2.2 Story Board

13

2.3 User interface design patterns; (Alan Cooper

,1995)

Menu

Links

Video

Image
14

 2.4 User interface design principles; Jakob

Nielsen on January 1, 1995
Language &
Text
Content

Consistency

English
short paragraph text

Colour of the background

and font
Alignment
White space
15

PHASE 2:
Re-evaluation

16

Registration is needed:

17

PHASE 2:
Revised

18

2.1 Site-map

19

2.2 Story Board

20

PHASE 3:

DEVELOPMENT/
IMPLEMENTATION
21

 DEVELOPMENT (Alpha)
1.

High- fidelity Prototype

studies function and

formand the
connection between
product, user, and
environment.
process of design
applied to products
that are to be
manufactured
through techniques of
mass production

industrial design (for devices, e.g. smart

phones)

interaction
framework,

industrial
framework.

visual design
framework

Choosed Wix.com
22

 IMPLEMENTATION (Alpha)

delivered to a pilot group. (our peers and SME our exlecturer of HCI)
uploading to the following URL NURUL JANNAH@WIX and
making it available to the users.

23

PHASE 3:
Re-evaluation

24

 Used Survey Monkey

USE Questionnaire by Lund, 2001
Likert scale;
1
2
3
Strongly
Disagree

Disagree

Neutral

Agree

Strongly Agree

25

26

PHASE 3:
Revised

27

Problems encountered during alpha testing.

The colures used were not appealing.

Links provided in the website crashes

The website is in mono-language.
Search engine does not work.
User feedback box does not work

Maps is needed.

28

 DEVELOPMENT (Beta)
-Additional feature fixed

29

 IMPLEMENTATION (Beta)

30