Responsive Web Design: la web hecha poesía

Escribía el poeta asturiano Ramón de Campoamor allá por el siglo XIX su célebre verso:

En este mundo traidor

Nada es verdad ni mentira

Todo es según el color

Del cristal con que se mira

Se trata de la expresión bella, aunque pesimista, de un cierto relativismo moral, de la mutabilidad de valores y elecciones.

Han pasado muchos años desde entonces y la frase del poeta sigue plenamente vigente y goza de merecida popularidad.

Pero hagamos un quiebro, un salto mortal, y contemplemos esos versos en el mundo de la tecnología actual, en un mundo dominado por lo digital, por lo móvil y por la ubicuidad de la información en la web.

La Web nació pensando en el entorno de escritorio, workstation o desktop PC. No le costó adaptarse a los portátiles porque, al fin y al cabo, la propia naturaleza de HTML, un lenguaje declarativo e independiente de dispositivo, proporcionaba unas bases convenientes para ello; y los navegadores, aunque siempre con pequeñas particularidades, también permitían una experiencia adecuada y uniforme, independientemente de dispositivos, hardware y sistemas operativos.

Pero la cosa cambia con la irrupción de las tabletas y, sobre todo, los smartphones. Y cambia no tanto por el dispositivo en sí. Al fin y al cabo, el lenguaje HTML o su sucesor el HTML5 siguen siendo básicamente independientes de dispositivo y los navegadores también.

El problema es el propio diseño de la pantalla, el layout. Aunque HTML y navegadores ofrezcan capacidades de adaptación, cuando el cambio de tamaño o resolución es radical pierden su aplicabilidad recursos como los scroll bars o el cambio de tamaño de elementos. Es necesario rediseñar radicalmente la pantalla que ve el usuario, adaptarla a un tamaño mucho más pequeño, a un entorno menos cómodo.

Pero si hacer ese rediseño fuese una tarea dispositivo a dispositivo, tamaño a tamaño, todas las ventajas de independencia de dispositivo, toda la maravillosa ubicuidad de la web se verían seriamente comprometidas. Se perdería la escalabilidad, la adaptabilidad y la agilidad de despliegue.

Y ahí es donde entra en juego Responsive Web Design (Diseño web adaptativo). Se trata de un concepto acuñado por Ethan Marcotte en un artículo en ‘A list apart’ publicado en mayo de 2010, no es una nueva tecnología propiamente dicha, sino el uso de una serie de pequeñas técnicas en el entorno de HTML, CSS y Javascript para conseguir, con un esfuerzo de desarrollo muy moderado, que la misma web se adapte en tiempo real al dispositivo desde el que se accede, cambiando el layout de la pantalla, es decir, el número, disposición y tamaño de los elementos en ella presentados.

Existen varias tendencias y modelos como pueden ser el goldilocks o el fluid pero, sin entrar en muchos detalles ni en todas las opciones, una de las formas en que podría funcionar sería básicamente la siguiente: se utilizan las conocidas como CSS Media Queries, un módulo de CSS3 (estándar recomendado por W3C desde 2012) que permiten hacer consultas sobre resolución, tamaño o características del dispositivo, combinarlas en condiciones booleanas y, en función del resultado, elegir una CSS o un conjunto de reglas de estilo adecuados. A partir de ahí es diseño web estándar, eso sí, sabiendo ya para qué características de dispositivo se diseña.

Hay varias opciones y técnicas pero en conjunto todas son capaces de detectar de alguna forma el dispositivo (o más bien, su tamaño y resolución) y actuar en consecuencia.

Es cierto que hacer una web responsive implica más trabajo que construir una estándar, pero también es cierto que se trata de un esfuerzo comparativamente bajo ya que con las media queries no se busca conocer dispositivos específicos sino grandes rangos de dispositivo o, más bien, de pantallas. Y lo cierto es que la capacidad de adaptar el layout al dispositivo, de conseguir una magnífica experiencia en cualquier forma de acceso, compensa ese esfuerzo adicional.

Ramón de Campoamor tachaba al mundo de traidor, y contemplaba el relativismo desde un punto de vista más bien pesimista. Sin embargo, en el mundo digital, las opciones, la adaptabilidad, el relativismo en cierto sentido, no son defecto sino virtud, no constituyen un mundo de traiciones sino de oportunidades.

Y así, Responsive Web Design nos ayuda a reescribir la famosa poesía:

En este mundo móvil y digital

La web se encoge y se estira

Todo es según el tamaño del cristal

Del dispositivo con que se mira

Imagen: IntelFreePress

Ingeniero industrial, Executive MBA por el Instituto de Empresa y PMP. Ha fundado y dirige Reingeniería Digital, una firma que ofrece servicios de asesoría, formación y divulgación en materia de innovación y transformación de procesos y modelos de negocio. Es profesor en la Escuela de Organización Industrial (EOI) en materias relacionadas con la innovación, transformación digital y robotización de procesos. Además es director de Operaciones y del Área de Relación Robots-Personas en OdiseIA. Autor de los libros “La carrera digital” (2019) y “Robots en la sombra” (2021). Durante 25 años trabajó en el Grupo Telefónica.

Soluciones y Sectores

Te puede interesar

Conoce toda nuestra Propuesta de Valor para Grandes Clientes

Para tu conectividad

Somos líderes en tecnologías de conectividad, contamos con un potente ecosistema de alianzas, conocemos al 100% los procesos y aplicamos las tecnologías a las necesidades de cualquier sector.

Para tu nube

Todas las ventajas que el Cloud puede aportar a tu negocio: Soluciones de los principales proveedores y puesta en marcha por equipos profesionales de primer nivel.

Para tu Ciberseguridad y Seguridad Tecnológica

Somos conscientes de que es esencial dotar a las empresas de los recursos necesarios para hacer frente a los riesgos de seguridad que pongan en peligro su negocio y su reputación.

Para tus Procesos

Desde Telefónica Empresas, te ayudamos a conocer, reducir y controlar tus procesos, generar eficiencias y optimizar operaciones, garantizando la permanencia de tu negocio.

Para tus Clientes

Conectar con tus clientes es básico para la pervivencia de tu negocio. Te ofrecemos todo tipo de soluciones (CRM, Asistentes virtuales, Espacios inteligentes, líneas 900…)
empleados dispositivos

Para tus Empleados

La propuesta de Telefónica Empresas incluye todas las herramientas que tus empleados necesitan para trabajar con la mejor experiencia de usuario. Porque retener el talento es básico.

Consultoría e innovación tecnológica

Toda nuestra experiencia de transformación e innovación a tu alcance. Porque en Telefónica Empresas contamos con un equipo con experiencia tanto en proyectos internos de la compañía, como con clientes de distintos sectores y tamaños.

Ir arriba