Scribd
Upload
781 views2 pages

02 Laboratory Exercise 1 HCI

The document discusses evaluating a website using guidelines for human-computer interaction. It provides a table with example guidelines for rating different aspects of a website on a scale from 1 to 10. The guidelines include placing important items at the top center, having an easy structure for comparison, establishing the level of importance clearly, and aligning items on the page. The document also includes responses explaining the choice of guidelines and how they would apply to different types of applications, such as an emergency mobile app prioritizing usability, a university learning system considering user type, and a video editing tool focusing on design and editing functions.

Uploaded by

Kurt Rafer
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
781 views2 pages

02 Laboratory Exercise 1 HCI

The document discusses evaluating a website using guidelines for human-computer interaction. It provides a table with example guidelines for rating different aspects of a website on a scale from 1 to 10. The guidelines include placing important items at the top center, having an easy structure for comparison, establishing the level of importance clearly, and aligning items on the page. The document also includes responses explaining the choice of guidelines and how they would apply to different types of applications, such as an emergency mobile app prioritizing usability, a university learning system considering user type, and a video editing tool focusing on design and editing functions.

Uploaded by

Kurt Rafer
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

Jan Kurt Rafer Human- Computer Interaction

BSIT301

02 Laboratory Exercise 1
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.

Guidelines Ratings Remarks


Place important items at top 10 Category of demos was consistent in
center navigation. Less hassle. Just click only
the icon you want.
https://www.fluidui.com/demos/
Structure for easy comparison 10 Comparing access features for
unlocking your creativity was user
friendly it is easy to justify because
of full package information.
https://www.fluidui.com/plans
Establish level of importance 10 This section is only for user creating
account.
https://www.fluidui.com/editor/live/
Align items on a page 6 Feature descriptions alignment is
chaotic.
https://www.fluidui.com/features
Use frames when functions 10 The navigation of buttons,
must remain accessible alignment, color is good.
https://www.fluidui.com/

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)

 We are on modern technologies, most of the people are now using technologies.
Sometimes, the guidelines can even conflict with each other, which requires prioritizing
on the part of designer. The Website must be a user-friendly so users will not be
confused. Functions and navigation must in accessible and the design website must be
not painless to the eye of user. Website Information should also not be messy so the
user will not annoy.
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?

 Platform/System Setup Criteria and Mobile category, most of the people are using now
a cellular phone, it is easy to handle and if you are in emergency incident it is easily to
use because it is user-friendly.

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?

 User Type Criteria and Information category because you will be able to know what type
of user the design of your interface will be.

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?

 Application Criteria, design/editing category because this guideline is restricted only for
editors

You might also like