¿CÓMO HACER UN RESPONSIVE DESING?

En la actualidad el auge de internet, el uso de nuevas tecnologías y el avance desaforado por mejorar los sitios web, nos lleva a diseñar páginas Web dinámicas e innovadoras, que van a ser utilizadas en cualquier tipo de dispositivo tecnológico, algunos usuarios lo harán por medio de sus dispositivos móviles, otros en sus tabletas y en muchos otros medios, pero en realidad lo que busca es ofrecer una buena experiencia al usuario con un único diseño y que obtenga un correcto funcionamiento por medio del Responsive Desing.

El Responsive Desing o diseño web adaptativo o responsivo busca de una manera fácil para el lector ver la página Web adaptada al tamaño del dispositivo tecnológico, esto de acuerdo a su resolución y tamaño, pero para lograr esto se requiere de una serie de técnicas que mueven, ocultan y cambian todos esos módulos que son invisibles para el usuario pero que siempre nos muestren su adaptación.

Para ello se indicará los pasos para adaptar una página web por medio de los uso de frameworks como: Bootstrap, Css, Titan o Grid. Hay que considerar tener en cuenta los siguientes aspectos para que la página Web tenga un Responsive Desing:

1. Utilizar en todos sus contenedores y codificaciones las medidas por medio de porcentajes.

2. No olvidar las medidas absolutas por capas con la propiedad max-width y luego darle un width 100%.

3. Las fuentes siempre deben usar la medida “em” para que se adapten a todas las resoluciones de los diferentes dispositivos.

4. En las imágenes utilizar un max-width: 100%, así se re-dimensionarán siempre para cualquier medida.

5. 
   

De igual manera se debe considerar las ventajas y desventajas de los sitios responsivos, estos son:

Ventajas

1. Se tiene un sistema de localizador de recursos uniforme URL, a todo momento por lo que no habrá problema de contenido duplicado.

2. La adaptabilidad a cualquier dispositivo sin importar su tamaño, esto le da una mejor experiencia de usuario.

3. La actualización a la web solamente será bajo una única versión.

Desventajas

1. En los navegadores antiguos no funciona.

2. Para las páginas web ya creadas el proceso puede ser muy dispendioso por que ya existe un diseño poco adaptable.

3. Para el tratamiento de imágenes hay que hacer programación desde el servidor o utilizar JavaScript y obliga a los móviles hacer las descargas.

En conclusión el diseño responsivo o adaptativo, se convirtió en una técnica que busca la adaptabilidad de cualquier página Web a cualquier dispositivo y permite dar una alternativa de navegabilidad al usuario, esto puede ser aplicado a cualquier página web pero debe tenerse en cuenta las ventajas expuestas ya que esto determinara el éxito del trabajo.