CLO3 (90)

TOTAL /90
RETURN DATE
*For PK(Lecturer) use only

DEPARTMENT OF INFORMATION AND COMMUNICATION TECHNOLOGY

COURSEWORK ASSESSMENT (Session: 1 2022/2023)

Name : DARSHINI A/P GOPAL KRISHNAN

KAVINASHINI A/P SASHI KUMAR Reg. No. : 21DDT21F1065
: 21DDT21F1003
Code&Course : DFP30033 & HUMAN COMPUTER Programme/ Class : DDT3C (N1)
INTERACTION
Lecturer(s) : PN NOOR AFIZA BT MOHD THAZALI Week (Date) : W6 (17.10.22 – 23.10.22)
Submission Date :
Case Study(s) No. : 1 / 2 / 3 [CLO: CLO3] Duration : 10 hours

CLO2: Demonstrate professional codes of ethics and humanistic values in applying

the design rules for interactive system. (A3, PLO8)

Instruction: In a group of 2 or maximum 3 per group, answer all the question

below. Report out your case study finding in word document and submit in PDF
format. Prepare your case study presentation with power point slide during Case
Study Presentation for Case Study Presentation 1 Assessment.

1. Explains how the below Figure 1 support usability in interactive system design for LEARN ABILITY
principles with 2 examples that you can point out. (10 marks)

Figure 1
We draw two conclusions about the learnability principles from the given figure. The familiarity concept is one of the
rules. The use of user knowledge and experience from previous real-world or computer-based domains when interacting
with a new system is explained by this notion. As can be seen in figure 1, there is a password reset option when you select
the "forgot password" button. Resetting your password would undoubtedly make it easier for you to log in without any
difficulties. The second is synthesizability, which enables the user to access how previous actions have affected the
current state. There is an option where you can continue to be signed in, as shown in figure 1. The user has the choice to
check or uncheck the option.

2. Explains how the below Figure 2 support usability in interactive system design for FLEXIBILITY
principles with 2 examples that you can point out. (10 marks)

Figure 2

Based on figure 2, we may infer two different categories of flexibility principles: substitutivity and customizability. The
ability to customise allows users to change how input and output are presented. Figure 2 shows that there are many
products there. The user can check or uncheck the box next to the item they want to buy. Users have the option of
selecting all the products instead of only one at a time. Substitutivity will be the ensuing tenet. Users can substitute
equivalent input and output values for one another thanks to substitutivity. As we can see, each product has a variation
option where customers may select the kinds of variations they want to buy. Users can also add the quantity of the
selected goods using the available option.
3. In a Squid Party House, your team is assigned to propose interface design for bouquet ordering
mobile application. The interface must be suitable to be use for people with disabilities. Propose
your sketch interface design by applying 8 Golden Rules for below features. Every design must
have clear labelling and explanations of 8 Golden Rules applies.

a. Log In (10 marks)

b. Main Menu (10 marks)
c. Ordering Interface (10 marks)
d. Payment Interface (10 marks)

Marks will be assessing for neatness (max 5 marks) and clarity of the work which is free from
plagiarism max 5 marks).
Good luck and all the best!
a. Users must input their username, email address, and password at the login in the above sketch. If a user does not
already have an account with which to log in, there is also the option to create one. There will be requirements
for entering a password in the password field, such as utilising both uppercase and lowercase letters, digits, and
symbols. The user also has the choice of checking to see if their password was input correctly. Users can decide
whether or not to stay logged in. Every time people with disabilities use the log, it will be simpler for them to
access.
b. There will be a tonne of menus, including home, about us, services, gallery, contact us, and shop, in the main
menu interface where the item added to the chart will be included in the icon. When designing identical
scenarios and sequences of activities, this management is based on the 8 golden standards of interface design,
which emphasise consistency. It makes use of well-known icons, colours, menu hierarchy, call-to-actions, and
user flows. As a result of everything being stored in detail, each menu provides a user-friendly method of access.
c. A variety of bouquets will be displayed in the ordering interface, and customers can scroll through them to make
their selections. Users will see details about the selected bouquet when they click on it. The user gets the option
of selecting the delivery date. In addition to picking the date, users may choose how many bouquets they want
and then put the product to a chart.
d. Before using the payment interface, the user must first provide their billing information, which includes their first
and last names, company name, nation or area, street address, town, city, state, and zip code, as well as their
phone number and email address. Users must select a payment method, such as a credit/debit card, an online
bank transfer, or another alternative, after entering all the required information. Users can place their order after
selecting the appropriate payment option.
 HCI CASE STUDY 1 RUBRIC (90 MARKS)

Item 5 4 3 2 1 Marks
1 VERY CLEAR CLEAR MODERATELY UNCLEAR/ VERY
explanations explanations CLEAR INSUFFICIENT UNCLEAR/VERY
given based on given based on explanations given explanations INSUFFICIENT
figure in figure in based on figure in given based on explanations
supporting supporting supporting LEARN figure in given based on
LEARN LEARN ABILITY ABILITY principles. supporting figure in
ABILITY principles. LEARN ABILITY supporting
principles. principles. LEARN ABILITY
principles.
VERY CLEAR CLEAR AND MODERATELY UNCLEAR VERY UNCLEAR
AND CORRECT CLEAR AND CLEAR AND and VERY
CORRECT 2 examples point CORRECT INCORRECT INCORRECT all
2 examples out 2 examples point For 1 example examples point
point out out point out out

2 VERY CLEAR CLEAR MODERATELY UNCLEAR/ VERY

explanations explanations CLEAR INSUFFICIENT UNCLEAR/
given based on given based on explanations given explanations VERY
figure in figure in based on figure in given based on INSUFFICIENT
supporting supporting supporting figure in explanations
FLEXIBILITY FLEXIBILITY FLEXIBILITY supporting given based on
principles. principles. principles. FLEXIBILITY figure in
principles. supporting
FLEXIBILITY
principles.

VERY CLEAR CLEAR AND MODERATELY UNCLEAR VERY UNCLEAR

AND CORRECT CLEAR AND CLEAR AND and
CORRECT 2 examples point CORRECT INCORRECT INCORRECT all
2 examples out 2 examples point For 1 example examples point
point out out point out out

3a VERY CLEAR, CLEAR, LOGIC MODERATELY UNCLEAR, VERY UNCLEAR

Log In Interface LOGIC AND CORRECT CLEAR, LOGIC ILLOGICAL AND and ILLOGICAL
AND interface with AND CORRECT INCORRECT and
Proposed interface CORRECT labelling. interface with interface with no INCORRECT
design in mobile interface with labelling. labelling. interface with no
apps and apply the labelling. labelling.
correct 8 Golden
Rules based on label VERY CLEAR CLEAR AND MODERATELY UNCLEAR VERY UNCLEAR
AND CORRECT CLEAR AND CLEAR AND and
CORRECT explanation CORRECT INCORRECT INCORRECT
explanation match with the explanation match explanation explanation
match with the interface with the interface match with the match with the
interface sketched. sketched. interface interface
sketched. sketched. sketched.

3b VERY CLEAR, CLEAR, LOGIC MODERATELY UNCLEAR, VERY UNCLEAR

Main Menu Interface LOGIC AND CORRECT CLEAR, LOGIC ILLOGICAL AND and ILLOGICAL
AND interface with AND CORRECT INCORRECT and
CORRECT labelling. interface with interface with no INCORRECT
interface with labelling. labelling. interface with no
Proposed interface labelling. labelling.
design in mobile
apps and apply the
correct 8 Golden VERY CLEAR CLEAR AND MODERATELY UNCLEAR VERY UNCLEAR
Rules based on label AND CORRECT CLEAR AND CLEAR AND and
CORRECT explanation CORRECT INCORRECT INCORRECT
explanation match with the explanation match explanation explanation
match with the interface with the interface match with the match with the
interface sketched. sketched. interface interface
sketched. sketched. sketched.
 3c VERY CLEAR, CLEAR, LOGIC MODERATELY UNCLEAR, VERY UNCLEAR
Ordering Interface LOGIC AND CORRECT CLEAR, LOGIC ILLOGICAL AND and ILLOGICAL
AND interface with AND CORRECT INCORRECT and
Proposed interface CORRECT labelling. interface with interface with no INCORRECT
design in mobile interface with labelling. labelling. interface with no
apps and apply the labelling. labelling.
correct 8 Golden
Rules based on label VERY CLEAR CLEAR AND MODERATELY UNCLEAR VERY UNCLEAR
AND CORRECT CLEAR AND CLEAR AND and
CORRECT explanation CORRECT INCORRECT INCORRECT
explanation match with the explanation match explanation explanation
match with the interface with the interface match with the match with the
interface sketched. sketched. interface interface
sketched. sketched. sketched.

3d VERY CLEAR, CLEAR, LOGIC MODERATELY UNCLEAR, VERY UNCLEAR

Payment Interface LOGIC AND CORRECT CLEAR, LOGIC ILLOGICAL AND and ILLOGICAL
AND interface with AND CORRECT INCORRECT and
Proposed interface CORRECT labelling. interface with interface with no INCORRECT
design in mobile interface with labelling. labelling. interface with no
apps and apply the labelling. labelling.
correct 8 Golden
Rules based on label VERY CLEAR CLEAR AND MODERATELY UNCLEAR VERY UNCLEAR
AND CORRECT CLEAR AND CLEAR AND and
CORRECT explanation CORRECT INCORRECT INCORRECT
explanation match with the explanation match explanation explanation
match with the interface with the interface match with the match with the
interface sketched. sketched. interface interface
sketched. sketched. sketched.

Organization and VERY ACCEPTABLE MODERATELY POORLY VERY POORLY

neatness of work ORGANISE ORGANISE ORGANISE ORGANISE ORGANISE
(editing and compilation of compilation of compilation of group compilation of compilation of
standardization of group work group work work group work group work
font type/ size/
spacing, page
numbering and
others)
Clarity and VERY HIGH HIGH CLARITY MODERATELY POOR IN VERY POOR IN
Plagiarism Friendly CLARITY and and NO HIGH CLARITY and CLARITY and CLARITY and
NO PLAGRISM PLAGRISM NO PLAGRISM found PLAGRISM
found in the found in the work. PLAGRISM found in the work. found in the work.
work. Explanation is in the work. Explanation is Explanation is
Explanation is done using own Explanation is done done using own done using own
done using own words. using own words. words. words.
words.

RUBRIC INSAN
4. Tanggungjawab Rela melindungi Rela menatar Prihatin dan Kurang prihatin Tidak prihatin
Sosial dan menatar (membimbing mengambil dan kurang dan tidak
Rasional terhadap (membimbing untuk peduli mengambil peduli mengambil peduli
masyarakat pelbagai untuk meningkatkan terhadap terhadap akan
budaya meningkatkan pengetahuan) kepelbagaian nilai kepelbagaian nilai kepelbagaian nilai
pengetahuan) komuniti demi dan/atau dan / dan / atau
demi kesejahteraan kepercayaan serta atau kepercayaan
kesejahteraan bersama. kesejahteraan kepercayaan serta
komuniti Bergaul dan masyarakat. serta kesejahteraan
bersama. berkomunikasi Bergaul dan kesejahteraan komuniti.
Bergaul dan (mendengar, berkomunikasi komuniti.
berkomunikasi memahami, (mendengar,
(mendengar, berkongsi memahami,
memahami, dan berkongsi
berkongsi dan memberi maklum dan
memberi balas) sesama memberi
maklum balas) ahli komuniti maklum
dengan sangat dengan baik. balas) sesama ahli
baik sesama Mampu komuniti
ahli komuniti. mengekalkan pada tahap
Mampu hubungan yang
 menyemai dan kolaborasi memuaskan.
mengekalkan dan
kerjasama
hubungan komuniti pelbagai
kolaborasi dan budaya.
kerjasama
komuniti
pelbagai
budaya.
5. NILAI dan SIKAP Sentiasa Menunjukkan Menunjukkan sikap Menunjukkan Menunjukkan
Berdikari menunjukkan sikap kebergantungan kecenderungan sikap sentiasa
sikap kebergantungan kepada diri sendiri untuk bergantung bergantung
kebergantungan kepada diri secara umum kepada bantuan kepada bantuan
kepada diri sendiri dalam dalam melakukan orang lain dalam orang lain dalam
sendiri dalam kebanyakan sesuatu tugasan. melaksanakan melaksanakan
semua perkara perkara dalam sesuatu tugasan. sesuatu tugasan.
dalam melakukan
melakukan sesuatu tugasan.
sesuatu
tugasan.

6. ETIKA dan Sentiasa Mengamalkan Mengamalkan Kurang Tidak

PROFESIONALISME mengamalkan budaya kerja budaya kerja yang mengamalkan mengamalkan
Etika Kerja budaya kerja yang baik seperti baik seperti budaya kerja yang budaya kerjay
yang sangat berakhlak, berakhlak,menepati baik seperti ang baik seperti
baik seperti menepati waktu, waktu, cekap, berakhlak, berakhlak,
berakhlak, cekap, produktif produktif menepati waktu, menepati waktu,
menepati waktu, dan berhemah di dan cekap, berhemah cekap, berhemah
cekap,produktif tempat kerja berhemah di dan produktif di dan produktif di
dan berhemah pada tempat kerja secara tempat kerja tempat kerja dan
ditempat kerja kebanyakan umum. mempunyai
pada setiap masa. masalah disiplin
masa. semasa
menjalankan
tugasan.

7. ETIKA dan Sentiasa Menjalankan Menjalankan Kurang amanah, Tidak amanah,

PROFESIONALISME menjalankan sesuatu tugasan sesuatu tugasan jujur, tulus dan jujur, tulus dan
Integriti sesuatu tugasan dengan sifat dengan sifat telus dalam telus dalam
dengan sifat amanah,jujur, amanah, jujur, tulus menjalankan menjalankan
tulus dan telus dan telus sesuatu tugasan. sesuatu tugasan.
amanah, jujur, yang yang
tulus dan telus sepenuhnya. memuaskan.
yang
sepenuhnya
dalam apa jua
keadaan.

Total Marks /90