Diseño adaptativo o en inglés, responsive design, es un concepto que comienza a estar cada vez más extendido. Un concepto con muchos entusiastas y algunos detractores.
¿Cómo explicar qué es “responsive web design“?
Básicamente se está tratando el concepto adaptativo de una forma superficial. Tal como la mayoría lo define, se trata de crear un sitio web con una estructura fluida que se adapta al dispositivo con el cual se navega, es decir, si consulto la web en un móvil la interfaz y el contenido se ajustarán a las dimensiones del navegador, facilitando de esta forma la consulta por parte del usuario.
Lo mejor para entender el concepto es ver algún ejemplo funcionando, el Boston Globe es un ejemplo importante. Basta con que cambies el tamaño de la ventana de tu navegador y podrás observar como cambian los elementos tanto en forma, como en tamaño y ubicación.
Pero, realmente las referencias más interesantes que he encontrado para explicar profundamente el concepto “adaptativo” vienen de la arquitectura. Hay una serie de reportajes de la BBC que descubrí en este blog, donde el autor ha escrito un post que trata sobre la arquitectura desde el punto de vista de su uso. Cómo los edificios cambian con el uso y cómo se tienen que concebir los proyectos para que evolucionen con el tiempo y se adapten a quienes lo están utilizando. Es decir, el valor del diseño pasa por ser utilizado, y por su capacidad de adaptarse al usuario.
Parece que estoy definiendo algo obvio, pero seguro que, con más frecuencia de la que esperamos, nos encontramos con sitios web que no se ven bien en función del dispositivo con el que accedemos, la experiencia empeora con el transcurso del tiempo a medida que el sitio crece en contenido.
Realmente esto no es un concepto nuevo, y si se ha puesto de “moda” es gracias a la evolución de los navegadores y de los dispositivos, al fin y hay cabo su evolución arrastra todo lo demás.
Voy a intentar resumir mi punto de vista sobre esto aportando dos cosas: Ventajas y desventajas.
Ventajas
Estructura del sitio
Desarrollar un proyecto adaptativo te obliga a planificar con mucho detalle la estructura del sitio, el hecho de crear un esqueleto flexible que se adapte a las necesidades del usuario tendrá que cumplir unos “mínimos” estándares de accesibilidad que den solidez al proyecto. Además, si queremos asegurar que con el paso del tiempo el sitio web mantenga su estructura y así cumplir de forma eficiente los objetivos para el cual fue creado, recomiendo dos tareas básicas:
- Crear una guía de estilo, un buen ejemplo puede ser la que creamos para el Ayuntamiento de Guía de Isora.
- Comentar en la medida de lo posible el código en los casos que justifique una instrucción de relevancia para futuras modificaciones.
Optimización de recursos
Recuerdo hace unos dos o tres años durante una reunión con un cliente salió la posibilidad de contratar un servicio que se definía como “movilizar” tu portal web, es decir, remaquetaban el sitio y en base a un framework trasladaban ese mismo contenido a un formato de “fácil” uso por los dispositivos móviles de la época.
La verdad que me parecía un discurso un tanto difuso, partiendo de que un usuario que navega por móvil tiene diferentes necesidades del que navega en escritorio.
Mayor control sobre el discurso gráfico
El hecho de proponer una sola interfaz que se adapta nos obliga a ser más coherentes con nuestro discurso, los elementos tienen que ser capaces de adaptarse y mantener el mismo mensaje tanto en jerarquía como en consistencia.
Mejorará el posicionamiento de tu sitio en buscadores
Esto es evidente, no divido mis usuarios para mostrar el mismo contenido ya que no tengo una versión móvil y una de escritorio, esto hará que reciba mas visitas en un solo sitio.
Desventajas
Optimización del código y contenido
Es muy complejo y muchas veces nos encontraremos cargando contenido que en realidad no se está visualizando.
¿Contenido “centrado en el usuario”?
Las microtareas son las que mejor se adaptan al uso de una interfaz móvil. Realmente pensar en desarrollar una interfaz adaptativa, ineludiblemente tiene que considerar el contenido del sitio y su uso. Yo creo que no todos los contenidos se pueden adaptar para multiplataformas, por lo tanto es necesario definir claramente las estrategias de desarrollo en el entorno digital, antes que destinar recursos en el desarrollo de un sitio que posiblemente necesite versiones exclusivas, según el dispositivo de consulta, ya que los contenidos cambian.
En resumen: “Responsive design” sí. Pero en todo el sentido de la palabra.
