Course Code: ITE 399 – HUMAN COMPUTER INTERACTION

MODULE #21 STUDENT ACTIVITY SHEET

Name: _____________________________________________________________ Class number: _______

Section: ____________ Schedule: _______________________________________ Date: _______________

Lesson title: Evaluating Design Quality Materials:

Lesson Objectives: SAS
References:
At the end of this module, students should be able to: https://edkentmedia.com/evaluate-
quality-website-design/
1. Identify methods evaluating design quality.
2. Understand the related evaluating design quality concepts.
3. Recognize websites with good quality designs.

A. LESSON PREVIEW
Introduction
Nowadays, people are relying on the Internet as a source of their information. Sometimes, they
would rather consult online sources instead of visiting a real doctor for their health concerns. This is
indeed proof that the Internet has heavy impacts on the lives of people through websites. Evaluating
a website content is important especially if the information inside is crucial to the lives of people who
are reading it. It is necessary to make verification to ensure that the information you are sharing
online are real, true and comes from trusted sources.
Another reason why people must evaluate the website is to improve the user usability
experience. The owner of the website must leave a survey or at least a suggestion prompt before the
user exits the website to let him know of the things that he needed to improve in his website. There
might be things that he missed when he developed the website. Knowing the flaws of your website
could help you improve more things and once improved, the website can attract more users and
traffic.

B.MAIN LESSON
Ways to evaluate the quality of the website
1. Strategy
Good website design is backed by strategy. Even the most attractive, user-friendly website is
not successful when it is not achieving what your company needs. So ask yourself; do new visitors
get a clear sense of who you are and what you offer when they arrive at your site? Does your design
direct visitors to do what you want them to do? Is there a clear strategy informing your design? If not,
your design is not as good as it could be. To evaluate the effectiveness of strategy in your website
design, run it through this checklist of questions:
● What category is my business, and is that obvious on my website?
● What is the purpose of this website, and is the design accomplishing it?

This document is the property of PHINMA EDUCATION

 Course Code: ITE 399 – HUMAN COMPUTER INTERACTION
MODULE #21 STUDENT ACTIVITY SHEET

Name: _____________________________________________________________ Class number: _______

Section: ____________ Schedule: _______________________________________ Date: _______________

● Who is my target audience, and how does the design consider them?
● What do I want my audience to do, and is the design encouraging that action?
What to Do: Define your brand and set specific website goals—then align your design accordingly.
When your website informed by clear strategy, it is much more likely to succeed.

2. Usability
Usability is all about the practical considerations of what goes into good website design, such
as speed, user-friendliness, security, technical details like sitemaps, etc. Many of these details are not
visually apparent; you do not see a website’s security when you type in its URL. Nonetheless,
usability is a make-or-break issue for websites that work. If a visitor cannot find what he or she is
looking for because of poor navigation, he or she will usually leave. If pages take too long to load,
both search engines and visitors will notice. So to see how usable your site is, ask yourself the
following:
● How long does it take my pages to load, and will visitors get bored waiting? How easy is it to
find information?
● Is there a search button for visitors?
● Do all the links work?
● Does the site work in different browsers? (Internet Explorer, Safari, Firefox, Chrome, etc.)
● Does my site work on mobile devices?
● If I am asking for personal details or use a commerce option, is customer information secure?
Have I communicated this to my readers?
What to Do: Consider all the ways to make your site as usable as possible. Imagine coming to it as a
visitor and trying to find info. What’s more, go the extra mile in terms of security and always protect
customers’ personal data.

3. Style
Beauty may be relative, but that does not mean there are not clear aesthetic principles to guide
your website design. The best designs will align with their brands, create positive impressions for
visitors, be clean, and complement the content they are communicating. To test the effectiveness of
your website aesthetic, consider the following:
● Does my website’s style align with my brand in terms of colors, feel, graphics, etc.?
● Is the style consistent throughout the website?
● Will the style suit my target audience? (i.e., cartoons on a toy company website, elegant layout
on a legal website)
● What feel does the website give—Orderly or messy? Sparse or crowded? Playful or
formal?—and how does that align with my goals?
● Where are photos or decorative touches getting in the way of my message?

This document is the property of PHINMA EDUCATION

 Course Code: ITE 399 – HUMAN COMPUTER INTERACTION
MODULE #21 STUDENT ACTIVITY SHEET

Name: _____________________________________________________________ Class number: _______

Section: ____________ Schedule: _______________________________________ Date: _______________

What to Do: Get rid of any stylistic choices that contradict your brand message. Make sure your logo
and website design align. Consider your target audience and let that inform your style.

4. Content
The two main considerations regarding content are readability and usefulness. Readability is
important because if your visitors cannot make out your content, whether that is because it’s too small
or in a pale color or in an unreadable font, there’s no way for your message to get across. Usefulness
is just as important, however, because if your content does not matter to your reader, you lose him or
her anyway. Here are some questions to run your website content through to evaluate its quality:
● Are the fonts I have chosen readable?
● Is there enough contrast between background colors and font colors?
● Is all the text big enough?
● Will this content be relevant to the reader?
● Is the content concise but still useful?
● Does the design make content easy to find?
What to Do: Evaluate all the text on your website—is it communicating your message effectively?
First, will visitors be able to read the text? Second, will what they read matter to them? Go for a
design that makes all your content useful and readable.

5. Search Optimization
There are many ways that the design of your website influences search optimization— Search
engine optimization and social networking all start with strong website design. Does your website
have many graphics, for example? If so, search engines cannot see them. You need to add ALT tags
to your image descriptions in order for search engines to know what you are showing. Is your HTML
efficient? If not, it could hurt your search rankings. Ask yourself the following questions to
ensure optimized website design:
● Are all my images optimized with ALT tags?
● Is my coding efficient, or are there extraneous lines that could be eliminated?
● Have I used relevant keywords in title tags, meta descriptions, heading tags, etc.?
● Do I have a sitemap?
What to Do: Do not make the mistake of thinking search engine optimization and website
design are separate matters. Consider the ways your design will affect its search rankings, and make
adjustments accordingly.

This document is the property of PHINMA EDUCATION

 Course Code: ITE 399 – HUMAN COMPUTER INTERACTION
MODULE #21 STUDENT ACTIVITY SHEET

Name: _____________________________________________________________ Class number: _______

Section: ____________ Schedule: _______________________________________ Date: _______________

Skill-building Activity
Exercise 1: Evaluate three different websites and elaborate if they have good quality design.

Check For Understanding

Instruction: Identify whether the question pertains to Strategy, Usability, Style, Content or Search
Optimization.
_________1 Were relevant keywords used in title tags, meta descriptions and heading tags?
_________2. Is there enough contrast between background colors and font colors?
_________3. Does the site work in different browsers?
_________4. Does my site work on mobile devices?
_________5. Is the website’s design accomplishing the website’s purpose?
_________6. What feel does the website give and how does it align with my goals?
_________7. Does the design consider my target audience?
_________8. Are the fonts readable?
_________9. Are the nature and category of my business obvious on my website?
_________10. Are all my images optimized with ALT tags?

This document is the property of PHINMA EDUCATION

 Course Code: ITE 399 – HUMAN COMPUTER INTERACTION
MODULE #21 STUDENT ACTIVITY SHEET

Name: _____________________________________________________________ Class number: _______

Section: ____________ Schedule: _______________________________________ Date: _______________

Thinking about Learning

a) Mark your place in the work tracker which is simply a visual to help you track how much work
you have accomplished and how much work there is left to do.
Period 1 Period 2 Period 3

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

b) Think about your learning by filling up “My Learning Tracker”. Write the learning targets, score,
and learning experience for the session and deliberately plan for the next session.
Date Learning Target/Topic Scores Action Panel

What’s the What module # did you do? What were What contributed to the quality of
date today? What were the learning targets? your scores in your performance today? What will
What activities did you do? the activities? you do next session to maintain
your performance or improve it?

This document is the property of PHINMA EDUCATION

 Course Code: ITE 399 – HUMAN COMPUTER INTERACTION
MODULE #21 STUDENT ACTIVITY SHEET

Name: _____________________________________________________________ Class number: _______

Section: ____________ Schedule: _______________________________________ Date: _______________

Question/s you want to ask the teacher about this module is/are:
________________________________________________________________________________
________________________________________________________________________________

This document is the property of PHINMA EDUCATION