Cuando hablamos de diseño web en 2017, realmente estamos hablando de diseño web receptivo . En poco más de seis años, el término "receptivo" se ha convertido en un estándar de la industria omnipresente.
El diseño web receptivo es el proceso de diseño de un sitio, o una aplicación web, para que su contenido se ajuste de acuerdo con el dispositivo en el que se ve. Hace unos años, vi una conferencia excelente de Ethan Marcotte, quien acuñar el termino 'diseño web receptivo', en el cual comparó sitios receptivos con el árbol Pando de Utah; un solo organismo con una estructura raíz conectada, que emerge del suelo en diferentes lugares, contextos diferentes, en diferentes tamaños, pero todos con la misma genética básica.
Podría decirse que la adopción del diseño receptivo ha permitido el crecimiento de la web móvil; sin ello, el costo de desarrollar un sitio móvil en paralelo con una versión de escritorio hubiera significado que muchas empresas se quedaran con el último.
las relaciones diseñadas para dispositivos móviles se transponen con frecuencia a ventanas gráficas mucho más grandes
Pero el diseño receptivo no está exento de problemas. Por definición, los diseños receptivos 'responden' al tamaño de la ventana gráfica, no al contenido. Las variaciones basadas en contenedores en las consultas de medios de CSS se han propuesto como una solución, pero hasta ahora son solo un post-it en la pizarra de alguien.
El diseño es, en general, acerca de las relaciones entre los elementos, y esas relaciones están restringidas en una pantalla pequeña. Además, debido a que nuestro marcado está estructurado semánticamente, las relaciones diseñadas para dispositivos móviles se transponen con frecuencia a portales mucho más grandes.
Una de las decisiones de UI más criticadas del año pasado ha sido el creciente número de menús de hamburguesas que se utilizan en el escritorio. Sin embargo, se ha prestado poca atención a los diseños de dispositivos móviles (bandas horizontales de contenido divididas en una cuadrícula de 12 columnas) que se amplían a las computadoras de escritorio.
La cuestión de si el diseño web receptivo está matando la creatividad es probablemente injusta; asume que la diversidad y la innovación son la sangre de un proceso de diseño. También echa la culpa a un concepto, si se culpa a la distribución, sin duda se encuentra con la implementación. De hecho, el diseño a menudo florece bajo las más estrictas restricciones: conozco a un diseñador que agrega sus propias limitaciones a los informes del cliente, porque siente que su trabajo es más fuerte cuando lo desafían.
si se culpa a la distribución, sin duda se encuentra con la implementación
El diseño receptivo funciona increíblemente bien con la marca, pero es menos que ideal para el diseño. Es posible que la mejor forma de implementar un diseño receptivo sea crear diseños distintos para diferentes clases de ventanas y confiar en técnicas receptivas solo para pantallas similares. Puede que no sepamos las dimensiones exactas de cada pantalla, pero sabemos que un teléfono debe caber en un bolsillo, sabemos que una computadora portátil no puede ser más estrecha que su teclado.
El diseño receptivo puede ser simplemente una idea que se adelanta a su tiempo, y una vez implementadas las herramientas como las variables de CSS y las consultas de contenedores, el diseño en la web volverá a ser diverso.
Foto principal, Imagen de Pando por Tony Frates a través de Flickr