Example of bad website and good website.
Bad website design
- Doesn't have a permanent theme.
- The laying of the element (text, paragraphs, pictures, etc.) are a mess.
- The combination of colors on articels that doesn't match
- On the home page, not explained the purpose of the web is made. But directly display the products.
Task 1 - Introduction to Publishing and Web Design.
10
PRINCIPAL OF WEB DESIGN
PURPOSE
Good web design always caters to the needs of the
user. Each page of your website needs to have a clear purpose, and to fulfill a
specific need for your website users in the most effective way possible.
COMMUNICATION
Communication is one of the foundational elements
of a good website. It is essential for a positive user experience and for a
successful website that truly benefits its owners. All types of websites are
affected by the need for good communication in one way or another.
TYPEFACES
Sans Serif fonts such as Arial and Verdana are
easier to read online (Sans Serif fonts are contemporary looking fonts without
decorative finishes.) The ideal font size for reading easily online is 16px and
stick to a maximum of 3 typefaces in a maximum of 3 point sizes to keep your
design streamlined.
COLORS
A well thought out color palette can go a long way
to enhance the user experience. Complementary colors create balance and
harmony. Using contrasting colors for the text and background will make reading
easier on the eye.
IMAGES
A picture can speak a thousand words, and choosing
the right images for your website can help with brand positioning and
connecting with your target audience. If you don’t have high quality
professional photos on hand, consider purchasing stock photos to lift the look
of your website. Also consider using info graphics, videos and graphics as
these can be much more effective at communicating than even the most well
written piece of text.
NAVIGATION
An effective navigation design is crucial for a
website. Without navigation, a site loses all sense of structure and
organization. Navigation is the way to guide readers through a website, so that
they know how much content is available and where to find what they are looking
for.
GRID BASED LAYOUT
A grid at its best is nothing more than a series of
intersecting horizontal and vertical lines spaced at regular intervals, but its
innate propensity for creating order out of chaos makes it one of the most
powerful tools at a designer’s disposal.
“F”
PATTERN DESIGN
Eye tracking studies have identified that people
scan computer screens in an “F” pattern. Most of what people see is in the top
and left of the screen and the right side of the screen is rarely seen. Rather
than trying to force the viewer’s visual flow, effectively designed websites
will work with a reader’s natural behavior and display information in order of
importance (left to right, and top to bottom).
LOAD
TIME
Everybody hates website that take age to load. Tips
to make page load time more effective include optimizing image size. Combining
cod into a central CSS or JavaScript file.
MOBILE
FRIENDLY
It is now commonplace to access website from
multiple device with multiple screen size so it is important to consider if
your website in mobile friendly.
USER
EXPERIENCE DESIGN
USER
Ø Teenager and Adult.
Ø Ages: 15 – 35 years
old.
TARGET USER
·
TARGET AUDIENCE
Ø Teenager and Adult.
·
PURPOSE
Ø To attract music fans
to see the latest updates of underground music.
·
COMMUNICATION
Ø Also provide a space
for communication between users of the website and the comments and suggestions
of users of this website.
·
TYPEFACES
Ø Using the typeface is
simple and easily read by the users of the site.
·
IMAGES
Ø Portrait and
Landscape.
·
NAVIGATION
Ø Using simple
navigation and easily found by the site.
No comments:
Post a Comment