¿El diseño receptivo está matando su creatividad?
Cuando hablamos de diseño web en 2017, realmente estamos hablando de sensible diseño web. 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ñar un sitio o una aplicación web, de modo que su contenido se ajuste adecuadamente según el dispositivo en el que se ve. Hace unos años vi una excelente charla en una conferencia de Ethan Marcotte, quien acuñar el termino ‘diseño web receptivo’, en el que comparó los sitios receptivos con el árbol Pando de Utah; un solo organismo con una estructura de raíces conectada, que emerge del suelo en diferentes lugares, diferentes contextos, en diferentes tamaños, pero todos con la misma base genética.
Podría decirse que es la adopción de un diseño receptivo lo que ha permitido el crecimiento de la web móvil; sin él, el costo de desarrollar un sitio móvil en paralelo con una versión de escritorio habría significado que muchas empresas se quedaran con esta última.
Las relaciones diseñadas para dispositivos móviles con frecuencia se trasladan a ventanas de visualización 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 CSS se han propuesto como una solución, pero hasta ahora son solo un post-it en la pizarra de alguien.
En general, el diseño se trata de relaciones entre 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 trasladan con frecuencia a ventanas de visualización mucho más grandes.
Una de las decisiones de UI más comúnmente criticadas del año pasado ha sido el creciente número de menús de hamburguesa que se utilizan en el escritorio. Sin embargo, se ha prestado poca atención a los diseños móviles (bandas horizontales de contenido divididas en una cuadrícula de 12 columnas) que se amplían al 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 el elemento vital de un proceso de diseño. También echa la culpa a un concepto, si hay culpa en la distribución, seguramente recae en 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 restricciones a los informes del cliente, porque siente que su trabajo es más fuerte cuando se enfrenta a desafíos.
si hay culpa en la distribución, seguramente se encuentra en la implementación
El diseño receptivo funciona increíblemente bien con la marca, pero no es ideal para el diseño. Puede ser que la mejor manera de implementar el diseño receptivo sea crear diseños distintos para diferentes clases de ventana gráfica y confiar en técnicas receptivas solo para pantallas similares. Es posible que no sepamos las dimensiones exactas de cada pantalla, pero sabemos que un teléfono tiene que caber en un bolsillo, sabemos que un portátil no puede ser más estrecho que su teclado.
El diseño receptivo puede ser simplemente una idea que está más adelantada a su tiempo de lo que nos damos cuenta, y una vez que se implementen herramientas como las variables CSS y las consultas de contenedores, el diseño en la web se volverá diverso una vez más.
Foto principal, Imagen de Pando de Tony Frates vía Flickr
