Scribd
Upload
613 views

HCI Guidelines: Laboratory Exercise

This laboratory exercise aims to teach students how to classify and apply HCI guidelines to evaluate website designs. Students will use online resources to find applicable guidelines for evaluating a sample website, then create an evaluation table rating different aspects of the site. They will also answer questions about which HCI guidelines would be suitable for developing different types of applications.

Uploaded by

Khelvin Diaz
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
613 views

HCI Guidelines: Laboratory Exercise

This laboratory exercise aims to teach students how to classify and apply HCI guidelines to evaluate website designs. Students will use online resources to find applicable guidelines for evaluating a sample website, then create an evaluation table rating different aspects of the site. They will also answer questions about which HCI guidelines would be suitable for developing different types of applications.

Uploaded by

Khelvin Diaz
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

IT1906

Laboratory Exercise
HCI Guidelines
Objectives:

At the end of the exercise, the students should be able to:

 Classify the guidelines according to criteria or category;


 Select applicable guidelines to improve actual HCI design and implementation; and
 Examine some examples of HCI guidelines to identify the best practices in HCI design and
development.

Materials:

 One (1) personal computer with a pre-installed Google Chrome and Microsoft Word
 Internet connection

Instructions:

1. Create a new document on Microsoft Word with the filename 02LAB_LastName_FirstName (e.g.,
02LAB_Reyes_Mika). This will serve as your answer sheet and will be collected by your instructor.

2. Open Google Chrome and access Fluid UI (https://www.fluidui.com/). Explore the different modules of
the website.

3. Use the Internet to find a set of applicable General HCI Design guidelines to evaluate the website.

4. Create an evaluation table for the website. It should include the guidelines, website rating based on
the guideline (Note: 10 is the highest rating and 1 is the lowest), and remarks to indicate the reason
for your rating. You can customize the design of your table. See Table 1 for reference. (30 points)

Guidelines Rating Remarks


Avoid cluttered display. 5 Placement of buttons and headings vary for all the pages
of the website.
Set appropriate page length. 7 Website information was not dense for each page. The
page length was suitable for the intended user which
provides easy access to information.
Table 1. Example of an evaluation table

5. Include the link where you retrieved the set of guidelines you used to evaluate in your answer sheet.

6. After filling out the table, write an essay with at least five (5) sentences explaining why you selected
that specific set of guidelines to evaluate the website. (15 points)

7. Answer the following questions. Use at least five (5) sentences. (15 points each)
a. If you were going to develop an emergency mobile application, what HCI criteria and category
would you use as a guideline in the design and development of the application? Why?
b. If you were assigned to design and develop the interface of a learning management system for
a university, what HCI criteria and category would you use as a guideline in the design and
development of the application? Why?
c. If you were developing the interactive interface of a video editing tool, what HCI criteria and
category would you use as a guideline in the design and development of the application? Why?

02 Laboratory Exercise 1 *Property of STI


Page 1 of 2
GRADING RUBRIC (Evaluation Table):
Criteria Performance Indicator Points
Content The set of guidelines were applicable for the website. 10
Relevance The rating and remarks were relevant to the selected guidelines. 10
Organization The ideas were presented in an organized manner. 10
TOTAL 30

GRADING RUBRIC (Essay):


Criteria Performance Indicator Points
Correctness The correct ideas were included in the essay. 10
Organization The ideas presented in an organized manner. 5
TOTAL 15

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy