Skip to content

Information Technology · Ch 3 — Impressive Web Designing

Principles of Good Web Design

7

Principles of Good Web Design

What Makes a Web Page "Impressive"

An impressive web page is not simply one with many colours or animations — it is one that is clear, easy to use, and pleasant to read. A visitor should be able to find what they want quickly and understand the page without effort. The following principles guide good design:

1. Simplicity and clarity — keep the page uncluttered. Too many colours, fonts, or flashing elements distract and confuse the visitor. A clean page with plenty of white space communicates better than a crowded one.

2. Consistency — use the same colours, fonts, heading styles, and navigation across every page of the site, so the site feels like one coherent whole. This is exactly why external CSS is preferred: one style sheet enforces a consistent look everywhere.

3. Easy navigation — provide a clear, predictable menu so visitors always know where they are and how to reach other pages. Important links should be easy to find; a visitor should not get "lost" in the site.

4. Readability — choose legible fonts and sizes, and ensure strong contrast between the text and its background (for example, dark text on a light background). Break long text into short paragraphs, headings, and lists so it can be scanned easily.

5. Appropriate use of colour and images — use a small, harmonious set of colours and only relevant images. Every image should serve a purpose and should have meaningful alt text. Large images should be optimised so pages load quickly.

6. Fast loading — a page that loads slowly frustrates visitors, who may leave before it finishes. Keeping file sizes small (especially images) and code clean helps the page load quickly.

7. Accessibility — design so that everyone, including people with disabilities, can use the page: supply alt text for images, use proper heading structure, and maintain good contrast, so that screen readers and keyboard users can navigate the content.

8. Mobile-friendliness (responsiveness) — many visitors browse on phones, so a good page should adjust to different screen sizes and remain usable on a small screen, not only on a desktop. …

Definition 1Consistency

Using the same colours, fonts, and navigation across all pages of a site so it feels like one coherent whole — best enfor …

Definition 2Readability

Making text easy to read through legible fonts/sizes, strong text-background contrast, and short, well-struct …

Definition 3Accessibility

Designing a page so everyone, including people with disabilities, can use it — via alt text, proper headings …

Definition 4Responsiveness (mobile-friendliness)

Designing a page to adjust to and remain usable across different screen sizes, from desktop monitors …