Hoy en día prácticamente la mayoría de la población utiliza cotidianamente dispositivos móviles (ya sean Smartphones o Tablets) para acceder a sus sitios web favoritos. Unos años atrás, solamente se podía navegar de forma optima desde un ordenador, pero la tecnología ha mejorado de tal manera que ya no es necesario. Hacemos nuestra “vida virtual” mediante dispositivos móviles y vamos dejando a los ordenadores para tareas más complejas.
En este nuevo artículo vamos a hablar sobre el cambio que han sufrido las páginas web para poder adaptarse a las pequeñas pantallas de SmartPhones y/o Tablets. Además vamos a hacer una breve comparativa entre las técnicas de desarrollo “Mobile Friendly”, “Mobile Website” y “Responsive Design”.
La primera solución fue crear nuevas páginas web prácticamente desde cero. Éstas estarían programadas para que se vieran óptimamente solo en dispositivos móviles. Ésta forma de crear sitios para móviles se le denomina en inglés “Mobile Website”.
Un tiempo más adelante, aparecieron nuevas tecnologías y lenguajes de programación como es el caso del HTML5 y CSS3. Gracias a esto, pudo crearse una nueva forma de crear sitios webs para móviles. Ésta vez, sin embargo, ya no era necesario crear nuevas página web, sino que se permite configurar los distintos elementos del sitio para que se adapten. De ésta forma se puede hacer que un conjunto de dos bloques horizontales, se visualicen en un móvil, uno debajo de otro, permitiendo una correcta visualización. A ésta técnica se le llama diseño adaptativo o más conocido “Responsive Design”.
También existe la posibilidad de crear diseños web normales (para escritorios) pero que también se visualicen de forma mínimamente correcta en los dispositivos móviles. A esto se le conoce como Sitio Web Amigable o “Mobile Friendly”.
Actualmente la tendencia es crear sitios Responsives, puesto que se obtienen múltiples ventajas respecto a la técnica “Mobile Friendly”. Y también respecto al tener que crear una nueva web como en “Mobile Website”. Les mostramos dichas ventajas en la siguiente comparativa:
