0% found this document useful (0 votes)
112 views5 pages

Laboratory Activity 2

The document describes a laboratory activity where students are asked to: 1. Analyze a website that violates human-computer interaction (HCI) guidelines by evaluating it based on criteria like task information and design. 2. Identify which specific HCI guidelines are violated for each criteria. 3. Provide screenshots and explanations of the violations and their impact on user experience. 4. Then analyze a compliant website that follows HCI guidelines and enhances user experience.

Uploaded by

Agie Ignacio
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
112 views5 pages

Laboratory Activity 2

The document describes a laboratory activity where students are asked to: 1. Analyze a website that violates human-computer interaction (HCI) guidelines by evaluating it based on criteria like task information and design. 2. Identify which specific HCI guidelines are violated for each criteria. 3. Provide screenshots and explanations of the violations and their impact on user experience. 4. Then analyze a compliant website that follows HCI guidelines and enhances user experience.

Uploaded by

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

Agie Ignacio

BSIT- 3C

LABORATORY ACTIVITY #2
In this Activity, you are required to identify a website that you believe does not
adhere to Human-Computer Interaction (HCI) Guidelines. You will analyze the
website based on specific criteria or categories, identify which guidelines are
violated, and provide a screenshot as evidence.

Step 1: Website Selection


Choose a website that you believe violates or does not follow HCI Guidelines. This could be a
site you regularly use or one you encounter during your web browsing.

Step 2: Criteria Identification


Inspect the website's interface and functionality with a focus on the following criteria or
categories

Step 3: Guidelines Identification


Identify specific HCI guidelines that are violated by the website in each category you've
evaluated.

Step 4: Explanation and Evidence


Provide a detailed explanation of why the website violates each identified guideline.
Explain the impact on user experience.
Include screenshots of the website to illustrate the violations. Capture instances where the
guidelines are not followed.
CRITERIA GUIDELINES WEBSITE LINK EVIDENCE EXPLANATION
1. Task/Operational Information https://www.wikipedia.org/ Wikipedia does
Context Structuring not have much
and HCI because it
Navigation more focuses
on the
information
and user input
it provided
2. Task/Operational Information https://archive.org/about/ Same as
Context Structuring Wikipedia but
and there’s a
Navigation different in
layout and style
in terms of
design this has
more nav bar
and anything
the user where
to go
3. General HCI Visual https://www.zara.com/ph/ ZARA's
Design Design website is
Layout reminiscent of
flipping
through an
editorial
magazine. It's
visually
attractive, but
shopping itself
— which is the
goal of site
visitors —
proves
difficult.
Consider the
homepage of
its US site
above. The
text is small
and the
navigation
menu hides
behind
a hamburger
button, so it's
not
immediately
apparent to
users what to
do next. With
no explicit
CTA, visitors
can easily
become
confused or
frustrated.
4. General HCI Information https://www.wayfair.com/ Landing on
Design Structuring Wayfair's
and homepage
Navigation might also
leave users
feeling
paralyzed with
indecision.
Whereas
Zara's
homepage
didn't offer
enough
choices,
Wayfair's
offers a
plentiful
5. General HCI Information https://www.ebay.com/ When
Design Structuring purchasing
and from an online
Navigation marketplace
like eBay,
making an
informed
decision is
critical. eBay
attempts to
solve this by
providing an
excess of
information on
its product
pages, but by
doing that,
it’s information
overload.
Now, identify a different website that you believe effectively follows HCI
Guidelines. This should be a website that you find user-friendly, well-designed, and
generally compliant with established HCI Guidelines.
Provide a detailed explanation of why the compliant website is considered a
positive example of HCI adherence. Explain how the website enhances the user
experience by adhering to HCI Guidelines.

CRITERIA GUIDELINES WEBSITE LINK EVIDENCE EXPLANATION


1. General HCI Design e-Commerce https://www.apple.com/ Apple's website is
visually appealing,
uses clear
navigation, and
effectively
showcases its
products with
high-quality
images and
information.
2. General HCI Design Visual https://www.netflix.com/browse Netflix employs a
Display simple and
Layout intuitive interface,
making it easy for
users to discover,
select, and enjoy
streaming
content.

3. Platform/ Information https://www.google.com/ Its minimalist


System Setup Structuring design, Google
and provides a
Navigation straightforward
and efficient
search experience,
emphasizing
speed and
relevance.
4. General HCI Design e-Commerce https://www.amazon.com/ Amazon's website
is user-friendly
with clear
navigation,
personalized
recommendations,
and a seamless
shopping
experience.
5. PLATFORM/SYSTEM Mobile https://www.dropbox.com/ Dropbox's website
SETUP Device is simple, with a
focus on
functionality,
allowing users to
understand and
use its cloud
storage services
easily.

GRADING CRITERIA:
CRITERIA PERFORMANCE INDICATOR POINTS
CORRECTNESS The correctness of CONTENT. 50
ORGANIZATION The ideas and Guidelines were presented in an organized 30
manner.
ORIGINALITY No Plagiarized and own idea. 20
TOTAL 100

You might also like