Diseño web responsive

Un diseño web responsive permite que la web se adapte a los diferentes dispositivos

En este momento no es necesario mantener dos webs, una para móviles y otra para ordenadores gracias al diseño web responsive. Se trata de que las imágenes y textos se adapten con facilidad a cada tamaño de pantalla. 

Un informe de Ditrendia señala que el dispositivo favorito para acceder a internet es el móvil para el 97% de los usuarios. Por ello suele emplearse el principio de mobile first que nos lleva a que el diseño inicial se realice para móviles.

Esto implica evitar efectos que solo van a funcionar en la versión web para ordenadores, además de emplear librerías que permitan una carga más rápida de las páginas.

Algunos aspectos a tener en cuenta son:

a) emplear un tamaño de fuente superior a 12 px, los tamaños inferiores dificultan la lectura en los móviles

b) dejar espacio suficiente entre los elementos que pueden seleccionarse, es decir, elementos táctiles

c) evitar los contenidos que no pueden cargarse en el móvil

d) evitar superposición de elementos, como formularios o anuncios