ISELECT2 – IS ELECTIVE 2 (HUMAN COMPUTER INTERACTION) MIDTERM SUMMATIVE

ASSESSMENT

Proponents: Bain, Roscel D. (BSIS 3-B)

Bermudez, Doreen Mae A. (BSIS 3-B)
Guboc, Ralf Riczil E. (BSIS 3-B)
Moldez, Arjay G. (BSIS 3-B)
Rabadon, Danila M. (BSIS 3-B)

A CRITIQUE PAPER FOR DTI.GOV.PH UNDER THE DEPARTMENT OF TRADE AND INDUSTRY

OVERVIEW

Website Overview
The Department of Trade and Industry (DTI) is a Philippine government agency tasked with creating an
environment conducive to the growth of businesses and trade both within and outside the country. The
DTI's website contains programs, projects, and services. The DTI website also includes recent DTI news
and a resources section comprising an investment guide, various trade agreements, statistics, and
publications.
The DTI safeguards consumer education and information dissemination initiatives and oversees the
successful implementation and compliance of trade regulation and fair trade legislation.
The Department of Trade and Industry also ensures that the country achieves its goal of having a globally
competitive and innovative industry and service sector that contributes to economic growth.

The Department of Trade and Industry (DTI) will work to eliminate poverty and inequality by developing
economic opportunities in the manufacturing and services sectors, according to the [1]. According to [2],
the Department of Trade and Industry released P1.8 billion in loans to 61,204 microenterprise borrowers
nationwide in 2018. A total of P1 billion is designated annually to fund the P3 program. It aims to assist
MSMEs in growing their businesses through low-interest loans. At the end of 2018, there are 289 partner
microfinance institutions in 80 provinces.

Link
This is the link to the website of the Department of Trade and Industry
https://www.dti.gov.ph/

System Users
The Department of Trade and Industry website has many features and online services. Anyone interested
in the business world can access the website. The Department of Trade and Industry website is a
comprehensive resource for anyone interested in business. The site includes information on starting and
running a business, financing options, export and import opportunities, and business regulations. The site
also provides access to several online services, such as filing business registration forms and paying
business taxes.

The Department of Trade and Industry website is invaluable for entrepreneurs and businesses of all sizes.
By providing access to information and online services, the department makes it easier for companies to
operate in the Philippines. The department offers a wide range of services to support businesses, including
business counseling, technical assistance, and information on government programs. The department also
provides financing for small businesses through the Small Business Corporation.

1
 ISELECT2 – IS ELECTIVE 2 (HUMAN COMPUTER INTERACTION) MIDTERM SUMMATIVE
ASSESSMENT

METHODOLOGY

The researchers used Google Forms to conduct the survey and distribute it using social media platforms
like Facebook. Thirty undergraduate students participated in this study as expert usability evaluators. All
participants (evaluator) are students of Davao Del Norte State College. Their ages were 19-30 years old.
After reaching 30 responses, the data were collected from the evaluation reports submitted by the
evaluators (participants).

Table 1 Questionnaire used to critique the website

# Reviews Checklist Yes No N/A
1. Visibility of System Status
1.1 Do menu instructions, prompts, and error messages appear in the same
place (s) on each menu? ⁰ ⁰ ⁰
1.2 Do GUI menus make obvious which item has been selected? ⁰ ⁰ ⁰
2. Match Between System and the Real World
2.1 Are icons concrete and familiar? ⁰ ⁰ ⁰
2.2 For question-and-answer interfaces, are questions stated in clear, simple
language? ⁰ ⁰ ⁰
3. User Control and Freedom
3.1 Can users cancel out of operations in progress? ⁰ ⁰ ⁰
3.2 Can users easily reverse their actions? ⁰ ⁰ ⁰
4. Consistency and Standards
4.1 Are icons labeled? ⁰ ⁰ ⁰
4.2 If "exit" is a menu choice, does it always appear at the bottom of the list?
⁰ ⁰ ⁰
5. Help Users Recognize, Diagnose, and Recover from Errors
5.1 Are error messages grammatically, correct? ⁰ ⁰ ⁰
5.2 Do error messages suggest the cause of the problem? ⁰ ⁰ ⁰
6. Error Prevention
6.1 Has the use of qualifier keys been minimized? ⁰ ⁰ ⁰
6.2 Does the system warn users if they are about to make a potentially
serious error? ⁰ ⁰ ⁰
7. Recognition Rather Than Recall
7.1 Are prompts, cues, and messages placed where the eye is
likely to be looking on the screen? ⁰ ⁰ ⁰
7.2 Are there menu selection defaults? ⁰ ⁰ ⁰
8. Flexibility and Minimalist Design
8.1 On menus, do users have the option of either clicking directly on a menu
item or using a keyboard shortcut? ⁰ ⁰ ⁰
8.2 In dialog boxes, do users have the option of either clicking directly on a
dialog box option or using a keyboard shortcut? ⁰ ⁰ ⁰
9. Aesthetic and Minimalist Design
9.1 Are all icons in a set visually and conceptually distinct? ⁰ ⁰ ⁰
9.2 Are field labels brief, familiar, and descriptive? ⁰ ⁰ ⁰
10. Help and Documentation
10.1 Do the instructions follow the sequence of user actions? ⁰ ⁰ ⁰
10.2 Presentation: Is the visual layout well designed? ⁰ ⁰ ⁰

Table 1 shows the questionnaire used by researchers to critique the Department of Trade and Industry’s
website. System status visibility identifies how well the system's state is communicated to its users. The
system should always inform the user of what is going on by providing appropriate feedback on time. The
system should speak the user's language, using words, phrases, and concepts that the user is familiar with
rather than system-oriented terms. Respect real-world conventions by arranging information in a natural
and logical order. Users should be able to choose and sequence tasks themselves (when appropriate)
rather than relying on the system. Users frequently select system functions by accident and will require a

2
 ISELECT2 – IS ELECTIVE 2 (HUMAN COMPUTER INTERACTION) MIDTERM SUMMATIVE
ASSESSMENT

marked "emergency exit" to exit the undesirable state without going through an extended dialogue. Users
should make decisions (based on accurate information) about the costs of terminating current work. Undo
and redo should be supported by the system. Users shouldn't generalize the meaning of various phrases,
words, or situations. Error messages should be written in simple language (NO CODES).

The user should not have to recall information from one section of the dialogue to the next. When
appropriate, system instructions should be visible or easily accessible. For the system to support both
beginner and experienced users, accelerators—unseen by the novice user—may frequently speed up the
interactions for the expert user. Information that is unnecessary or rarely used should not be included in
dialogues. Each additional piece of information in a conversation reduces the relative visibility of the
pertinent information units by competing with them. It's preferable if the system can be used without
documentation, but it might be necessary to offer assistance and documentation. Any such information
ought to be concise, focused on the user's task, accessible to search, and list specific actions that need to
be taken.

RESULT AND DISCUSSION

This section shows the results and discussion of the Heuristic Evaluation Checklist Results

Table 2 Heuristic Evaluation Checklist Results

# YES NO N/A Total of respondents
1.1 21 5 4 30
1.2 24 5 1 30
2.1 22 7 1 30
2.2 26 3 1 30
3.1 20 6 4 30
3.2 20 6 4 30
4.1 25 4 1 30
4.2 15 14 1 30
5.1 21 5 4 30
5.2 18 7 5 30
6.1 20 6 4 30
6.2 18 10 2 30
7.1 21 7 2 30
7.2 24 4 2 30
8.1 22 6 2 30
8.2 19 8 3 30
9.1 25 4 1 30
9.2 24 6 0 30
10.1 25 5 0 30
10.2 23 7 0 30

3
 ISELECT2 – IS ELECTIVE 2 (HUMAN COMPUTER INTERACTION) MIDTERM SUMMATIVE
ASSESSMENT

Heuristic Evaluation Checklist Results

30
26 25 25 24 25
24 24 23
25 22 22
21 20 20 21 20 21
18 18 19
20
15
14
15
10
10 7 7 7 8 7
54 5 6 6 54 5 64 6 6 5
3 4 4 4 4 3 4
5 1 1 1 1 1 2 2 2 2 1 0 0 0
0
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

YES NO N/A

Figure 1. Heuristic Evaluation Checklist Results

Twenty-one respondents answered YES that menu instruction, prompts, and error messages appear in the
same place(s) on each menu, five respondents answered NO, and four respondents opted N/A. 24
respondents answered YES that the menus are obvious if the item has been selected, five respondents
answered NO, and one respondent opted for N/A. 21 respondents answered YES that the icons are
concrete and familiar, seven respondents answered NO, and one respondent opted N/A. 26 respondents
answered YES that questions are stated in clear and simple language, three respondents answered, and
one respondent opted N/A. Twenty respondents answered YES if users can cancel the operations in
progress, six answered NO, and four opted N/A. There are 20 respondents who answered YES if users
can easily reverse their actions, six answered NO, and four respondents opted N/A. Twenty-five
respondents answered YES that the icons are labeled, four respondents answered NO, and one respondent
opted N/A. There, 15 respondents answered YES that the exit doesn't always appear at the bottom of the
list, 14 answered NO, and one opted N/A. 21 answered YES that the error messages are grammatically
correct, five answered NO, and four respondents opted N/A. 18 respondents answered YES that the error
messages suggest the cause of the problem, seven respondents answered NO, and five respondents opted
N/A. Twenty respondents answered YES that the use of qualifier keys had been minimized, six answered
NO, and four respondents opted N/A. 18 respondents answered YES that the system warns users if they
are about to make a potentially serious error, ten respondents answered NO, and two respondents opted
N/A.
Twenty-one respondents answered YES if the prompts, cues, and messages are placed where the eye is
likely to be looking on the screen, seven answered NO, and two opted N/A. 24 respondents answered YES
that there are menu selection defaults, four respondents answered NO, and two respondents opted N/A.
22 respondents answered YES that users have the option of either clicking directly on a menu item or using
a keyboard shortcut, six respondents answered NO, and two respondents opted N/A. Nineteen respondents
answered YES that users could either click directly on a dialogue box or use a keyboard shortcut, eight
answered NO, and three opted N/A. Twenty-five respondents answered YES that all icons in a set are
visually and conceptually distinct, four respondents answered NO, and one respondent opted N/A. 24
respondents answered YES that the field labels are brief, familiar, and descriptive, and six respondents
answered NO. 25 respondents answered YES that the instructions follow the sequence of user actions,
and five respondents answered NO. Twenty-three respondents answered YES that the visual layout is well
designed, and seven answered NO.

4
 ISELECT2 – IS ELECTIVE 2 (HUMAN COMPUTER INTERACTION) MIDTERM SUMMATIVE
ASSESSMENT

13%

17% YES
NO
70%
N/A

Figure 2. Heuristic Evaluation Checklist Results (Percentage)

70% of the respondents answered YES in the checklist, 17% answered NO, and 13% answered N/A. This
means that 70% of the respondents agreed that the questions asked in the checklist are applied to the
Department of Trade and Industry website design, such as error messages, undo and redo, labeled icons,
menu selection, warning messages, familiar words, and more. 17% of the respondents didn't see any of
those web design principles on the DTI website.

RECOMMENDATION

The following are the researcher’s recommendations for the Department of Trade and Industry’s website
design:

 When accessing the website, there should be a message box with information about the DTI
website.
 Application forms should be filled in and edited online to review the course of action before
submitting it to the agency.
 AI chatbot should have a voice feature or voice command that answers all of the questions
regarding the business.
 Error messages dialog box should be in the middle so that the users will know what the problem is.
 Icons should be set visually that is clear to the users and readable.
 Warning sign dialog box should appear whenever the task is complete.

REFERENCES
[1] National Economic and Development Authority, “Chapter 3: Overlay of Economic Growth,
Demographic Trends, and Physical Characteristics. In Updated Philippine Development Plan
2017-2022.,” Philipp. Dev. Plan, 2021, [Online]. Available: https://pdp.neda.gov.ph/wp-
content/uploads/2021/08/8312021_Updated-PDP-2017-2022.pdf

[2] MSMED, “Micro, Small, and Medium Enterprise Development Plan for 2011 to 2016,” 2011,
[Online]. Available: http://dti.gov.ph/uploads/DownloadableForms/MSMED Plan 2011-
2016(Final).pdf

5
 ISELECT2 – IS ELECTIVE 2 (HUMAN COMPUTER INTERACTION) MIDTERM SUMMATIVE
ASSESSMENT

APPENDICES

Questionnaire Link
https://docs.google.com/forms/d/e/1FAIpQLSdFAgnKB0EwLcTyawa7nRf_VIS0XfgX0MiZPkMBNDyXStW
O7w/viewform

Responses Link
https://docs.google.com/spreadsheets/d/1wUcven0uAouhgyLKMJedREhBDYH9AqKQJZQsOVSXO7E/ed
it#gid=156997647