WEBPROG: X.4 - Web Design Practices & Accessibility

Web Design

This refers to the process of planning and creating the visual presentation, layout, organization, and overall user experience of a website.

1. Layout

2. Colors

3. Typography

4. Spacing

5. Images

6. Navigation

7. Content Organization

8. Responsiveness

9. Accessibility

Web design involves decision about these:

It makes it easier to read, navigate, and use.

Why does Web Design matter?

Consistency

This principle of a good web design is the act of keeping visual style, functional behavior, and content tone uniform across every page.

Visual Hierarchy

This principle of a good web design is the act of arranging elements by order of importance using size, color, and placement to guide a user’s attention.

Whitespace

This principle of a good web design is the act of leaving empty or negative space around and between text, images, and buttons to improve readability and reduce clutter.

Micro whitespace

This whitespace type is the act of leaving small gaps between letters or lines of text.

Macro whitespace

This whitespace type is the act of leaving large blank areas between major sections or page margins.

Simplicity

This principle of a good web design is the act of removing extra parts so users can focus on the main goal.

1. Colors

2. Fonts

3. Animations

4. Images

5. Decorations

6. Information

Avoid an unnecessary amount of these to retain the simplicity of the website:

1. Clean & Focused Layout

2. Good Contrast

3. Readable Text

4. Consistent Design

5. Clear Organization

6. Clear Navigation

What are the DO’s of Web Design?

To help accommodate people with disabilities that may hinder their access to a website.

Why does accessibility matter?

1. (P) - perceivable

2. (O) - operable

3. (U) - understandable

4. (R) - robust

What are the principles of accessibility?