Los últimos 25 años de la web han girado en torno al código. Quienes han sido capaces de aprender lenguajes de programación y dominar un editor de texto han construido productos increíbles y, a menudo, han sido recompensados generosamente.
Aunque los diseñadores han desempeñado un papel importante, siempre han estado en un segundo plano. Los diseñadores han estado en constante conflicto con el flujo de trabajo del desarrollo web, limitados por herramientas escasas y estándares que avanzan con lentitud.
Los próximos 25 años de la web girarán en torno al diseño. Podemos avanzar mucho más si ponemos el poder del desarrollo web al alcance de todos. Al igual que el software de escritorio transformó el diseño impreso o los servicios de blogs revolucionaron el mundo editorial, un software de diseño web más potente puede cambiar por completo nuestra forma de crear para la web.
La paradoja del progreso
Cuando empecé en el diseño web en 1999, solo necesité unos meses jugando con Dreamweaver para aprender la mayor parte de las herramientas de un diseñador web. Casi de inmediato, me sentí capaz y empecé a aceptar proyectos reales para empresas reales que me pagaban dinero real.
Sin embargo, iniciarse en el diseño web hoy en día es un desafío totalmente distinto. Aunque los navegadores se han estandarizado y son más predecibles, la curva de aprendizaje para desarrollar en ellos es más pronunciada que nunca. El alcance de HTML y CSS se ha ampliado considerablemente, y JavaScript se ha convertido en un componente mucho más vital en la mayoría de los sitios web y aplicaciones.
Aunque hemos tenido muchos marcos de trabajo y herramientas diseñados para el flujo de trabajo web, casi todos siguen basándose en código y requieren un nivel de soltura con los editores de texto que la mayoría de los diseñadores no tiene. La enorme cantidad de marcos de trabajo lleva a los principiantes a una paradoja de elección, lo que provoca que muchos se rindan antes de entender los fundamentos.
Por si fuera poco, la explosión de los teléfonos inteligentes y las tabletas ha hecho que el trabajo del diseñador web sea aún más difícil. Los diseñadores ya no pueden asumir un lienzo de ancho fijo y deben asegurarse de que sus diseños se ajusten y adapten correctamente a cualquier resolución. Tienen que preocuparse por la velocidad de la red, la mejora progresiva, las consultas de medios, las peculiaridades de los navegadores, etcétera. No ayuda que las soluciones a todos estos problemas sean bibliotecas de código.
Así que, aunque la web ha avanzado de forma increíble, cada vez es más difícil aprovechar su potencial. Es una lástima, porque significa que mucha gente se queda fuera simplemente porque no sabe programar.
Desarrollo estancado
A pesar de la creciente complejidad del desarrollo web, no ha habido prácticamente ningún avance en las herramientas de diseño web visual en los últimos 10 años. Todo el impulso que tenía Dreamweaver parece haberse esfumado tras la adquisición de Adobe, y la mayoría de las herramientas nuevas que han surgido se basan en escribir código. Parece que el código se ha convertido en una muleta cómoda, como si como industria hubiéramos admitido que es la única forma seria de crear para la web.
Pero ¿por qué deberíamos conformarnos con que el código escrito a mano sea la única solución "correcta"? Durante décadas, los diseñadores gráficos han tenido herramientas como Photoshop e Illustrator para trabajar en su medio, librándose de las matemáticas de Bézier y de los detalles arcanos de la composición tipográfica física. Los diseñadores de impresión tienen acceso a software de autoedición visual como InDesign. Los artistas 3D tienen software de modelado y animación que pueden manipular directamente. Y, sin embargo, los diseñadores web están atrapados entre dos opciones subóptimas: aprender a programar o depender de programadores para convertir sus diseños en una solución funcional. ¡Esto es un desastre!
La triste realidad es que nos faltan herramientas excelentes específicamente para la creación web, y necesitamos construirlas para liberar todo el potencial de la web. Decirles a los diseñadores que tienen que aprender a programar no es una buena solución.
Las capacidades de los diseñadores gráficos y de interfaces actuales superan con creces las herramientas que ayudan a dar vida a sus ideas. En lugar de tener acceso a un entorno de diseño web integral, los diseñadores se ven obligados a resolver problemas intentando unir cientos de marcos de trabajo, preprocesadores y fragmentos de código diferentes. No es de extrañar que muchos diseñadores se sientan abrumados y tengan que depender de otros para implementar sus ideas.
La herramienta de diseño web ideal
Una herramienta de diseño web ideal debería adaptarse al medio interactivo de la web y permitir al diseñador manipular directamente su lienzo. Los diseñadores no deberían tener que escribir código en un editor y luego ir a otro lugar para ver si el resultado de una acción coincide con su intención: ¡es una forma muy arcaica de realizar un trabajo creativo!
Una herramienta de diseño web ideal debería crear abstracciones visuales en torno a los elementos básicos del desarrollo web. Debería dar a los diseñadores el poder de crear datos dinámicos e inyectarlos sin problemas en diseños y maquetaciones. Debería permitir especificar visualmente las interacciones del usuario sin recurrir a scripts de jQuery. Y debería capacitar a los diseñadores para crear sistemas de estilos flexibles y componentes reutilizables, todo ello sin necesidad de tener conocimientos de programación.
Una herramienta de diseño web ideal debería trascender los detalles del código y la implementación, ayudando a los diseñadores a centrarse en lo que realmente importa: los datos, la estética, las interacciones y la usabilidad. Los diseñadores no deberían tener que preocuparse por bases de datos, clientes FTP, minificación de archivos o incluso código HTML y CSS. Al mismo tiempo, debería respetar las tecnologías que conforman la web y producir código limpio, estructurado y eficiente.
En Webflow, nuestra misión es construir esta mítica herramienta de diseño web, y ya hemos dado los primeros pasos hacia ese ideal futuro. Estamos creando un entorno de diseño web unificado que permite a los diseñadores no solo hacer que los sitios web se vean increíbles, sino también resolver problemas reales en la web.
Ebook gratuito: Introducción al diseño web
Domina los conceptos fundamentales del diseño web, como la tipografía, la teoría del color, el diseño visual y mucho más.
El diseño no se puede automatizar
El diseño es un lenguaje universal. Trasciende fronteras, razas e idiomas. Cambia y se adapta constantemente a nuevas ideas, plataformas y entornos. Es intrínsecamente más humano que la programación: la mayoría de nosotros sabe distinguir un buen diseño de uno malo, mientras que solo un pequeño porcentaje puede identificar un buen código. El diseño es la interfaz entre los problemas que enfrentamos y las soluciones que creamos para superarlos.
A diferencia de muchas disciplinas técnicas, el diseño es imposible de automatizar. Al igual que la gran literatura y el arte, el gran diseño se nutre de la empatía y la emoción humana. Si de alguna manera lográramos automatizar el diseño, habríamos automatizado, esencialmente, a la humanidad.
El diseño de una solución es mucho más importante que su implementación interna, ya que esta última casi siempre es invisible para el usuario y puede adoptar muchísimas formas. Ya sea una página web sencilla, un periódico digital rico en datos o una aplicación interactiva compleja, la experiencia del usuario supera con creces al código subyacente utilizado para construirla.
¿Por qué es importante esto? Porque para hacer avanzar la web más rápido, debemos admitir que el diseño es el denominador común detrás de la mayoría de los contenidos y experiencias en la red. No es el código. El código es solo un medio para un fin; un detalle de implementación, aunque sea uno importante. Y, sin embargo, escribir HTML, CSS y JavaScript sigue siendo un requisito previo para crear en la web.
En Webflow, trabajamos para poner el diseño en el centro, mientras automatizamos al máximo las partes repetitivas de la programación. Y lo hacemos de una manera que mantiene el código final ligero, limpio y rápido, sin recurrir a atajos que rompan las convenciones establecidas.
Hacia una web mejor
Aunque la web existe desde hace 25 años, seguimos abriendo camino. La web es una nueva frontera y, hasta ahora, solo unos pocos se han aventurado a explorarla. Tenemos por delante órdenes de magnitud más innovación que la que hemos dejado atrás.
Si queremos que la web alcance su máximo potencial, debemos empoderar a muchas más personas, eliminando barreras técnicas. Las necesidades y capacidades de internet crecerán más rápido de lo que la sociedad puede formar nuevos programadores, así que no tenemos más remedio que ir más allá de la programación para interactuar con este hermoso nuevo medio.
Con las barreras técnicas fuera de la ecuación, podemos dar paso a un renacimiento creativo en la web. Los diseñadores no solo imaginarán y crearán esquemas de ideas, ¡tendrán el poder de hacerlas realidad!
.jpeg)
