Capítulo 4
¡Manos a la obra! Responsive web design en camino
El avance de la tecnología móvil ha sabido insertarse en la sociedad de consumo a ritmos cada vez mayores. Esto proporciona nuevas vías de entrada a la World Wide Web, la cual debe ser moldeada para ofrecer sus contenidos a cada usuario sin importar el entorno. Su maleabilidad es una característica propia e innata que puede ser trabajada y explotada al máximo para servir al propósito que todos los diseñadores y desarrolladores avocados a la Web deberían perseguir: la masividad y efectividad de conversión de sus productos online.
Es en este punto donde surgen dudas y trabas sobre el camino a tomar para cumplir este objetivo. ¿De qué manera se puede incluir a la mayor parte de los navegantes?, ¿cómo se plantea un enfoque a usuarios de dispositivos móviles?, y por sobre todo, ¿cómo se lleva a cabo?. Se presentaron diversas ténicas y filosofías que intentan atacar estas problemáticas y estandarizar una solución. La que más se destaca por sus beneficios es el diseño web responsivo – neologismo que deriva del término original en inglés forjado por su ideólogo, responsive web design –, a veces referido simplemente como RWD.
En la teoría, esta técnica es convincente. No obstante, al momento de aplicar esta filosofía a un proyecto concreto, muchos diseñadores novatos o sin experiencia en este tipo de abordaje suelen verse en una encrucijada, ya que no cuentan con las herramientas y conocimientos precisos para hacerle frente. Afortunadamente, numerosos estudiosos y entusiastas de la materia han pensado y publicado soluciones rápidas y efectivas que hacen el trabajo de diseñadores, maquetadores y desarrolladores al menos un poco más sencillo.
En este capítulo se efectúa un recorrido de diferentes nociones que el lector debe tener en cuenta al momento de emprender un proyecto que haga uso de diseño web responsivo. Se delinean técnicas fundamentales en esta práctica, como las media queries y unidades relativas, como también se sugieren sistemas completos ya desarrollados sobre los cuales sentar bases a la hora de diseñar.