In web design it is not a secret that increasingly increases access to the internet from different types of devices: computers, mobiles, tablets and even televisions … It is also no secret that the user experience changes depending on the device used to access your site. If the design of this is not able to adapt to different screen sizes, it is very likely that the user who visits you for the first time, never returns to your website.
But, do not worry, there are various design and layout techniques that the professionals you hire will use for the creation of your site. These are strategies that give a very different visual result, offer a different level of usability and accessibility, and have varied costs in their production and implementation.
Liquid or Fluid web design
Use relative measurements or percentages, instead of pixels, in this way the elements adapt according to the width of the screen. This could cause the images to be stretched on large screens, that the texts are difficult to read on small devices or that uncomfortable lateral spaces appear around the entire page of the site.
This type of technique is the least effective and the least recommended.
Adaptive, adaptable or adaptive web design
This type of design uses static templates for preset screen sizes, based on breakpoints, so that when a certain screen size limit is reached, the design changes.
This technique offers a low level of usability because if the design changes, it is necessary to update all the templates. In addition, the contents can continue to be reduced if access to the website is from a mobile.
Responsive web design
With this strategy, both the design and the content are adapted to each screen, providing a similar user experience in different formats or resolutions.
The contents are shown in blocks that are reorganized according to the characteristics of the device and the browser in use. That is, the information remains the same but the layout is optimized.
Responsive web design is the most optimal and efficient web design technique.
It is important to mention that these methods are not necessarily exclusive, in some cases it is possible to apply them in combination.