Para quien no lo conozcáis, el término de Web adaptable (en inglés Responsive Web Design) se refiere a la creación de un sitio web que se adapta al tamaño de cualquier pantalla, resolución y orientación.
Razones por las que tu web debe tener un diseño adaptable
Una de las principales razones es por el crecimiento del uso de dispositivos móviles. Además según TechCrunch Survey, en 2014 el acceso a Internet a través de estos dispositivos estará por encima del acceso a través de ordenadores.
Otra de las razones es porque cada vez más, aparecen nuevos dispositivos con diferentes resoluciones de pantalla, por lo que tu web debe de adaptarse a estos. No sólo se verá bien en tu ordenador, sino que también se adaptará a cualquier smartphone, tablet o ebook.
Características del diseño adaptable:
- Una única URL para todos los dispositivos.
- El mismo contenido ajustable a todos los dispositivos.
- Todos los elementos como imágenes, videos, etc.. son flexibles.
Ventajas del diseño adaptable:
- Ahorra tiempo, ya que no se necesitan varios desarrollos para los distintos dispositivos.
- Mejora la experiencia de usuario, puesto que se tiene acceso al mismo contenido, independientemente del dispositivo que use.
- Mejora el posicionamiento SEO. Google recomienda esta tecnología y valora positivamente en sus rankings que el mismo HTML se adapte a todos los dispositivos.
Ejemplos de diseños adaptables:
En DesignModo podemos ver varios ejemplos de diseños web adaptables:
El diseño web adaptable no es algo que tengamos que tener en cuenta de cara al futuro, sino que es una realidad presente y es por ello que ningún desarrollo web actual debe estar exento de esta tecnología.
¿Consideráis importante el diseño web adaptable?