What is Adaptive Design?
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.
Learn more about Adaptive Design
Mobile usage overtook that of desktop way back in 2014 according to Comscore; since then, the gap between devices has only widened, with the rise in mobile usage doubling the loss seen on desktop. This increase in mobile traffic has made mobile user experience one of the most important factors in the success of a product or website, and it means that the skills involved are absolutely essential for designers, marketers, and developers if they want to keep up with the times. This course will teach you how to do just that—design great mobile user interfaces, with an emphasis on mobile usability best practices.
When you want to start designing a great user experience on a mobile device, using common sense design approaches or simply learning by doing won’t be enough. With Google reporting that 61% of users were unlikely to return to a mobile site they had trouble accessing and, even worse, 40% choosing to visit a competitor’s site instead, such uneducated approaches could prove disastrous for your product or website. A user’s comprehension is 50% less on a mobile device, which means that content, navigation, and visual design elements must be twice as intuitive as they are on a desktop. With hard facts like that, you must constantly keep in mind the point that little screens mean very little room for error. Designing for mobile means taking the rough of the risk with the smooth of the sheer profit potential, and your need to learn the skills involved in creating an easy-to-use mobile user interface and, consequently, a great mobile user experience is nothing less than vital.
This course is built on evidence-based approaches as well as solid evidence distilled from decades of research and practice. Here, CEO of ExperienceDynamics.com, Frank Spillers, who is a distinguished speaker, author, and internationally respected Senior Usability practitioner, will teach you what you need to know to stay one step ahead as you venture into this exciting, cutting-edge and lucrative field.