Adaptive Design User Experience (UX) topic overview/definition
Adaptive Design: Concept Definition
Adaptive design refers to graphical user interface (GUI) design that adapts to different screen sizes. Designers apply it in GUIs, such as webpages, which must function on devices of different sizes. Adaptive design typically uses multiple fixed layout sizes—when the system detects the browser size, it selects the layout most appropriate for the screen (e.g., a smartphone’s).
Adaptive design is similar to responsive design, which also adapts to different screen sizes. However, the difference between adaptive and responsive design is that the content follows a fixed layout size in adaptive design, while it moves dynamically in responsive design. In other words, adaptive design uses a few fixed layouts, and then selects the best layout for the current screen size. On the other hand, responsive design uses a single layout, which resizes according to the screen size. In adaptive design, developing six designs for the six most common screen widths—320, 480, 760, 960, 1200, and 1600 pixels—is standard practice for designers.
The advantage of adaptive design is that it allows the designer to tailor-make solutions so the GUI appears optimally on different screen sizes. The disadvantage is that adaptive design is expensive, because, in effect, it requires the designer to create up to six individual GUIs—or, in a nutshell, the equivalent of six versions of a single webpage so as to have the best one ready to latch with the screen specifications a user needs. Another disadvantage is that adaptive design might also leave users who don’t have a standard-sized screen without an optimal solution. Nevertheless, as it remains one of the options in presenting output that might otherwise be unsuited to another approach, no designer should dismiss its value.
For your convenience, we’ve collected all UX literature that deals with Adaptive Design. Here’s the full list:
A User-Centred Approach to Mobile Design and a 5 Stage Process for You to Use
The mobile web is here to stay. However, it’s important to remember that having a mobile website isn’t the key to success – it’s providing the right approach to the mobile user experience that brings success. Taking a user-centred approach to mobile (and other) design can help you keep in mind the outcomes that you intend rather than wasting tim...
Responsive Design – Let the Device Do the Work
There may be some argument over whether responsive or adaptive designs are better, but in many cases responsive design is going to be chosen for budgetary purposes (at least today). That means designers need to become familiar with the concepts and some basic guidelines for their responsive designs. Before delving into this article, you might w...
Adaptive vs. Responsive Design
The differences between responsive and adaptive design approaches spotlight important options for us as web and app designers. Choosing with insight can empower you to plan and execute your designs with better aim, purpose and results.With the pervasiveness and diversity of mobile devices, as designers we need to cater to the variety of screen s...