Orientación en diseño web: Responsive Web Design


Como resultado de la gran demanda de dispositivos móviles, Smartphones y Tablets, el diseñador web se ha visto obligado a adaptarse al formato web de estos dispositivos y a su estructura, y es por eso que viene esta nueva tendencia de los web sites adaptables o el ya llamado “Responsive Web Design”.

Estos dispositivos inteligentes vienen en diferentes gamas de tamaños y resoluciones, esto ha provoca que hagamos sitios inteligentes que se adapten a estos dispositivos.


¿Qué es el Responsive Design?

Como explicamos antes es una tendencia correspondiente a hacer sitios web que se adapten perfectamente a todos tipo de dispositivos, hablamos desde monitores de escritorio hasta pantallas de smartphones y tablets.


¿Cómo es que funciona esto?

Bueno, hemos visto páginas hechas solo para celulares, otras más exclusivamente para ordenadores e incluso para Smart TV.

El responsive design sugiere o establece crear una sola website que se adapte a todos los dispositivos mediante el uso de CSS3 y sus media queries, además de un layout y el uso de imágenes flexibles. De esta manera nuestro sitio será capaz de detectar desde que dispositivo están accediendo a él y muestra la versión más óptima del sitio, reorganizando los elementos en ella e incluso deshaciéndose de algunos de ellos.

HTML5 brinda una mejor experiencia para los usuarios, de manera que no es necesario desarrollar una app para cada dispositivo. Lo que el responsive design ofrece son puras ventajas, al menos yo no veo nada de malo en él, ya que hablamos de sitios óptimos para todos los dispositivos en una misma web, ahorramos tiempo y dinero en hosting.




¿Cómo afecta en el posicionamiento de mi web?

Una web creado con diseño responsive mejora el SEO, es decir la búsqueda en dispositivos móviles es diferente a la búsqueda de un ordenador, es por eso que tener una versión móvil de tu sitio es bueno, pero tener una diseñada responsive es aún mejor, porque entre más dispositivos puedas cubrir, más tráfico tendrá tu web. Buscadores como Google priorizan en el ranking a las web sites móviles en búsquedas móviles.

También existen guías para el diseño responsive como la que ofrece Google: Guía de Google

Así que si quieres que tu web se vea bien en toda la gama de dispositivos móviles no dudes en hacerla responsive.

Existen alternativas en la construcción de un sitio web responsive, debido a los problemas de carga de ellos, por eso llego el “Mobile First”, esto es un cambio en la estructura de la construcción de un sitio responsive, te invito a conocerlo.

No solo se trata de encontrar una solución para todos los dispositivos, también se trata de ganar puntos en el ranking de los buscadores móviles, de manera que generemos más visibilidad y tráfico en nuestro sitio web.

0 comentarios: