User Experience
Responsiveness
Plain English
It is whether the design still works properly on different screens.
Definition
Responsiveness is how well a design adapts across screen sizes and devices, keeping content readable and actions reachable at any width. It relies on fluid glossaryLayoutLayout is the arrangement of elements on a page or screen, determining how content is organised and presented. It influences readability, usability, and overall experience.Open glossary term rather than fixed dimensions.
In practice
Used to ensure glossaryUsabilityUsability is how easy and efficient it is for users to complete tasks within a product. It focuses on clarity, simplicity, and reducing effort so users can achieve their goals without confusion or friction.Open glossary term across devices.
In context
The hardest cases are not the small screens. glossaryDataData is raw, uninterpreted information collected and stored so it can be analysed, processed, or used to inform decisions. On its own it carries no meaning; context and interpretation are what make it useful.Open glossary term tables and complex forms are where a responsive approach either works or produces something technically fluid and practically unusable.
The reality
If it breaks on mobile, it fails.
Compared with
Responsiveness vs Adaptive Design
Responsive design uses fluid glossaryLayoutLayout is the arrangement of elements on a page or screen, determining how content is organised and presented. It influences readability, usability, and overall experience.Open glossary term that flex continuously across any size. glossaryAdaptive DesignAdaptive design serves distinct layouts tailored to specific device types or breakpoints, rather than flexing a single layout continuously. It gives more control over each context, at the cost of more variants to maintain.Open glossary term serves distinct layouts at set breakpoints. Responsive handles the unknown device; adaptive gives more control over each known one.
Related Services
Related Guides
Related Terms
