Website Design UI/UX Design Principles 3

Question 1

What is a 'design system' in web development?

Accepted Answer

A collection of reusable components, standards, and guidelines for consistent design

Answer

A design system is a comprehensive collection of reusable components, design tokens, and guidelines ensuring consistency across a product.

Question 2

What does 'progressive disclosure' mean in UI design?

Accepted Answer

Showing only necessary information and revealing more as users need it

Answer

Progressive disclosure reduces complexity by presenting only essential information initially and revealing details on demand.

Question 3

What is the 'hamburger menu' in web design?

Accepted Answer

A three-line icon that toggles a hidden navigation menu

Answer

The hamburger menu is a three-line icon (≡) commonly used in mobile design to toggle a hidden navigation panel.

Question 4

What is 'card-based design' in web UI?

Accepted Answer

A layout pattern using contained, card-like modules to organize content

Answer

Card-based design uses contained rectangular modules to group related information, popularized by sites like Pinterest and Google.

Question 5

What is 'breadcrumb navigation' used for in web design?

Accepted Answer

Showing users their current location within a site's hierarchy

Answer

Breadcrumb navigation shows users their current position within a website's hierarchy (e.g., Home > Category > Page).

Website Design Practice Test