Diseño Web que se adapta a distintos medios


18-06-2012

La necesidad

Cuando se comenzó a popularizar el uso de dispositivos móviles tales como smartphones, iPhones, tablets, ipads, etc, cada uno con su respectivo tamaño de pantalla y capacidad de resolución, los desarrolladores se vieron en la necesidad de hacer nuevas versiones de sus sitios diseñados exclusivamente para cada uno de estos dispositivos. La técnica más usada era publicar esta versión del sitio en un subdominio del mismo, de tal manera que el usuario que entrara desde su dispositivo móvil, al sitio cuya dirección fuera http://misitio.com, se le redirigía al subdominio http:// m.misitio.com y pudiera experimentar la navegación sin problemas de compatibilidad y/o visibilidad. Los mayores problemas para el cliente que surgían a partir de esta situación, eran la triplicación del costo de desarrollo, ya que se tenían que realizar varios diseños e implementaciones de su sitio aunque este fuese uno solo; y la duplicación o triplicación del trabajo requerido para la actualización de sus contenidos, ya que se tenía que hacer una versión de la misma información para que se mostrara perfectamente en cada dispositivo. La solución a todos estos problemas es el Responsive Design.

¿QUÉ ES RESPONSIVE DESIGN?

El Responsive Design, aunque no posee una traducción literal al español, se podría entender como la filosofía y conjunto de técnicas usadas para hacer un diseño receptivo, ya que identifica en qué dispositivo se está visualizando el sitio, y adaptable, pues dependiendo del dispositivo y su capacidad de visualización decide cómo debe ordenar y presentar la información. Con este sistema se evita crear un sitio para los iphones y smartphones, otro para las tablets y ipads, y otro más para las computadoras personales. Y se crea un sólo sitio que se adapta a todos los dispositivos citados anteriormente. Y no sólo a ellos, sino que por su implementación y filosofía, se asegura el sitio se verá perfectamente bien en cualquier dispo

E-multimedia