¿Qué es el diseño responsive?

El diseño responsive también es llamado diseño adaptativo. Es una técnica de diseño web cuyo destino final es que la web pueda ser visualizada en distintos dispositivos con distintos tamaños de pantalla.

Hace unos años, cuando esta técnica no era posible, se creaban dos tipos de web, una para ser visualizada en ordenadores o portátiles y otra para ser visualizada en móviles. Conforme ha ido pasando el tiempo podemos encontrar que los tamaños de pantalla cambian y se han creado nuevos dispositivos con acceso a internet como las tablets o los libros electrónicos, por eso tener una web que se adapte a todos ( o la mayoría de los dispositivos es esencial).

Tener una sola versión de web nos puede aportar beneficios, hace que el coste de producción disminuya. Además los esfuerzos en posicionamiento de la web en buscadores se centran también en una sola página. Además Google ya da preferencia en sus rankings a aquellas webs que están adaptadas. Otra gran razón para tener el diseño Responsive son las redes sociales, si no…¿Qué link compartirías? ¿El de la web para ordenador o la web para móviles?

¿Cómo se hace el diseño responsive?

Pues en realidad no es tan fácil. Se suele jugar con tamaños en porcentajes, pero no es tan sencillo, ya que algunas tecnologías no se visualizan bien en móviles dependiendo del modelo, marca o sistema operativo que este utilice.

Además cada modelo puede llevar una resolución mayor o menos y esto puede afectar a cómo se verá en cada dispositivo.

Se utilizan los estilos CSS para poder solucionar estos problemas, aunque en ocasiones la mejor solución es eliminar ciertos elementos decorativos en los dispositivos más pequeños. Eliminando efectos podemos ganar también velocidad de carga y que el usuario no tenga tantas distracciones en una pantalla pequeña, accediendo fácilmente a la información.