Name: Kathryn P.

Lusica Empowerment Technology

11- Del Pilar Date: 03/13/24

Website URL: https://www.wikipedia.org/

Principles YES NO Comments/

suggestions
1. Balance
Is the page shows the proper distribution of elements Wikipedia achieves a
in page composition, whether Symmetrical or / proper distribution of
Asymmetrical? elements, resulting in a
more visually appealing
and user-friendly
experience.
Do you feel that the elements are compressed only Though the layout may
on one side of the page? not always be perfectly
symmetrical, it
/ distributes the elements
evenly. Because of that
users can easily
navigate the content
without feeling
overwhelmed.
2. Emphasis
Is there an element of focal point to the design that The article titles which
leads in getting your attention on that page? has large and bold text,
/ making them stand out
as focal points on the
page.
Does the page have emphasized any of the texts, Wikipedia uses bold
graphics, illustrations, or animations in a design? text to emphasize
keywords; hyperlinks to
/ highlight related topics;
infoboxes, images and
sometimes may include
animations.
Is the element emphasized by a different color, It effectively guide
texture, size, or space? users’ attention to
/ important information
and enhances the
overall readability and
usability of its articles.
3. Pattern, Repetition, and Rhythm
Are there any repeated elements in the web design? It employs several
repeated elements in its
/ web design to maintain
consistency. Repeated
elements include
 header, footer,
typography, color
scheme, and infoboxes.
Is the logo of the website repeated on every page of It is usually located in
the design? / the header section of
each page.
Are all pages have the same transition effects? It actually focuses on
providing simple and
/ functional interface for
users to access
information quickly and
efficiently.
Are the font type and color used consistently on every Wikipedia maintains
page? consistent font type and
color across its pages.
/ Users can effectively
focus on the content
without being distracted
by variations in
typography.
4. Alignment
Are the graphics and texts visibly aligned which It typically employs left-
makes it readable? aligned text for
/ readability in languages
that read from left to
right.
Is the placement of individual or grouped images The placement of
have the same scale or size and is evenly distributed individual or grouped
in space? / images may vary
depending on the
content and layout of
each page.
5. Hierarchy
Are the important elements stand out and are Important elements
arranged properly depending on its organization? typically stand out and
are arranged properly
/ depending on their
organization. It follows
hierarchical structure
where key information
is prioritized and
presented prominently.
Are the headings, titles, and subtitles emphasized This helps users quickly
than the body? scan the page and
understand its structure,
/ as headings provide an
overview of the content
and guide readers
through the article.
 6. Contrast
Does the background and font color contrast each In Wikipedia, the
other? (light to dark value or vice versa) background and font
colors typically contrast
/ each other to ensure
readability. Involves
using a light
background with dark
font color or vice versa.
Are there any applications of contrast in font sizes Heading and
with the same type? subheadings are
/ displayed in larger font
sizes compared to the
body text, creating
visual contrast.
Are the header and footer of the page darker than the They often have a
content area? / consistent or similar
background color to the
content area.
7. Unity and Harmony Principals
Does the page look disorganize? Wikipedia’s organization
and formatting help
maintain clarity and
/ readability, ensuring
that the page does not
look disorganized
overall.
Are all the principles applied properly with / Wikipedia maintains
consistency in the design as a whole? consistency in its
design by adhering to
established principles
such as clear hierarchy,
consistent typography,
balanced layout, and
effective use of visuals.
Making it easy for users
to navigate, read, and
comprehend the vast
amount of information
available
Does the use of combined elements relate to the The combination of text,
purpose of the website and creates harmony in the images, infoboxes, and
design? other elements is
/ carefully curated to
enhance the user
experience and
facilitate the
understanding of
complex topics.
Does the website meet its purpose of providing a Each Wikipedia page is
clear message in all the pages of web design? focused on conveying
information about a
/ specific topic, and the
design elements are
structured to support
this goal.
TOTAL