Codificación para diseñadores: ¿cuánto debemos saber?

Toma algo en lo que sobresalgas y luego esfuérzate más.

Una gran parte de la comunidad de diseño está enfrascada en un debate sobre si los diseñadores deberían codificar. Algunos favorecen la búsqueda de los unicornios que pueden hacer ambas cosas, mientras que otros afirman que no existen o que solo se interponen en el camino.

Muchos diseñadores piensan que los diseñadores y los desarrolladores deben colaborar, pero cada disciplina debe ceñirse a lo que sabe. Otros no ven ningún problema con los profesionales que usan múltiples sombreros. Muchos desarrolladores ven a los diseñadores que codifican una amenaza, mientras que otros los ven como colaboradores bienvenidos que han aprendido a hablar su idioma.

El punto óptimo, que se denomina " comprensión compartida ", probablemente se encuentre en algún punto intermedio. Saber un poco sobre código no significa que un diseñador tenga que convertirse en un codificador experto , sino simplemente comprender la perspectiva de un desarrollador.

La interfaz de usuario, o la "capa de presentación", es el patio de recreo de un diseñador, pero centrarse solo en eso es similar a considerar solo la fachada de un edificio. Los grandes diseñadores entienden que estar familiarizados con los fundamentos tecnológicos que generan sus diseños no solo hace que un diseñador sea más impresionante, sino que aumenta significativamente sus perspectivas de carrera.

Como Aaron Walter, vicepresidente de educación en diseño de InVision, declaró en un artículo de Toptal Design Talks: "No va a matar a un diseñador si supiera un poco sobre cómo escribir algo de HTML y CSS, tal vez un poco de JavaScript".

Todo el tema de "deberían los diseñadores aprender a codificar" se debate acaloradamente. Aunque algunos grandes diseñadores también son buenos en la codificación, muchos creen que el enfoque indiviso en una habilidad en particular hará que un profesional sea más fuerte. Muchos también creen que hoy en día, ser un diseñador con múltiples habilidades es una gran ventaja, y que no debería haber nada que se interponga en el camino de que un diseñador tenga otra habilidad útil, como la codificación, en su haber.

La pregunta es, ¿cuánta codificación deben saber los diseñadores? ¿Estarían los diseñadores perdiendo el tiempo o cruzando los límites hacia el territorio del desarrollador y potencialmente pisando los talones?

Los beneficios de saber HTML y CSS básico

Los diseñadores se beneficiarían enormemente si adquirieran algunos conocimientos básicos de lo que se denomina "front-end" (la capa de presentación) impulsada por HTML (Lenguaje de marcado de hipertexto) y CSS (Hojas de estilo en cascada, un lenguaje que describe los estilos de los componentes en un documento HTML) , y quizás se sorprenda de lo fácil que es aprender los conceptos básicos.

HTML y CSS no involucran lógica de programación. La letra M en HTML significa "Marcado", una forma de describir la estructura codificada de los elementos de la página que son los componentes básicos de las páginas. HTML con CSS y JavaScript forman una tríada de tecnologías fundamentales para la World Wide Web.

En términos sencillos, HTML es un mapa arquitectónico que le dice al navegador qué mostrar, y CSS, u hojas de estilo en cascada, es el código que le dice al navegador cómo mostrar las cosas.

Hablando metafóricamente, si HTML es el esqueleto de una página, CSS describiría la altura, la forma del cuerpo, la piel, el color de los ojos, el color del cabello, etc. El lenguaje tiene una estructura de código muy simple que determina la tipografía, los colores, las posiciones y las dimensiones. .

Comprender el código y cómo codificar es comprender los píxeles

Aprender a codificar la interfaz de usuario de front-end y obtener una vista previa les brinda a los diseñadores la oportunidad de ver de inmediato cómo se muestran las cosas cuando se ven en varios dispositivos. Si los diseñadores juegan con HTML y CSS, notarán que todo se mide en píxeles (hay otras unidades de medida como "ems" y porcentajes que finalmente se convertirán en píxeles).

Comprender las medidas y la estructura del código, es decir, cómo se muestran las páginas, proporcionará una comprensión más profunda del proceso de desarrollo de interfaz de usuario. Eso, a su vez, hará que los diseñadores piensen más profundamente en sus diseños y en cómo hacerlos más eficientes para ese proceso. Sabrán qué se puede lograr fácilmente y qué sería más desafiante.

El conocimiento de Ajax y JavaScript front-end convierte a un diseñador en un activo único

Aquí es donde las cosas pueden comenzar a complicarse, pero también es donde sucede mucha diversión. Si un diseñador es un pensador analítico o está excepcionalmente motivado, obtendrá mucho de aprender JavaScript y Ajax (JavaScript asíncrono y XML). ¿Por qué?

Demostrar el conocimiento técnico de la interfaz de usuario front-end y estar familiarizado con Ajax contribuirá en gran medida a ganarse el respeto de los desarrolladores. Ser capaz de hacer referencia a JavaScript y Ajax y cómo usarlos impulsará la capacidad de un diseñador para articular una idea de diseño particularmente sofisticada para los desarrolladores, por ejemplo, el diseño de una funcionalidad específica en la interfaz de usuario.

La perspectiva de un diseñador se ampliará si se siente cómodo sabiendo exactamente hasta dónde puede llevarlo la tecnología y hasta dónde puede impulsarla para innovar. No es necesario profundizar en la codificación y varias tecnologías: si un diseñador conoce los conceptos básicos de HTML, CSS y JavaScript, con una pizca de Ajax, ya estará muy por delante de la competencia. Serán un activo único para cualquier empresa y el equipo de producto.

Los diseñadores pueden llevarlo al siguiente nivel con los conceptos básicos de JavaScript

Aunque los diseñadores podrían detenerse aquí y hacer que los desarrolladores implementen el back-end (la capa de acceso a datos), pueden hacer que un diseño sea más dinámico agregando algunas secuencias de comandos. Introduzca JavaScript (un lenguaje de secuencias de comandos), que es un lenguaje de programación para la web.

A principios de la década de 2000, cuando la web aún estaba evolucionando, agencias como Fantasy y Firstborn causaron una gran impresión en la comunidad de diseño web cuando aprovecharon JavaScript de formas inusuales, innovadoras y creativas.

JavaScript puede actualizar y cambiar HTML y CSS, y puede calcular, manipular y validar datos. Se puede usar para mostrar interacciones dinámicas, animar elementos, crear una comunicación receptiva con el back-end o el servidor, y más.

No hay límite para lo que se puede lograr con JavaScript en el desarrollo front-end. Es un lenguaje de programación : funciones, objetos, lógica, condicionales, matemáticas, matemáticas y más matemáticas, lo que puede ser un poco desafiante para algunos. Pero no es tan difícil de aprender, especialmente considerando lo que requiere la mayoría de los clientes.

Aprender a codificar mejorará la colaboración con los desarrolladores

¿Las relaciones románticas serían más fáciles si los hombres y las mujeres pudieran leer la mente del otro? Algunas personas piensan que sí. Lo mismo se aplica a los diseñadores y desarrolladores.

Saber cómo piensan los desarrolladores y qué necesitan para poder hacer su trabajo hará que un diseñador sea un gran activo para cualquier equipo multidisciplinario. Este enfoque es útil para las comunicaciones internas, así como para las presentaciones de ideas, ya que tendrán más idea de qué esperar de los demás miembros del equipo. Si los diseñadores pueden hacer esto, estarán en una posición mucho mejor para proponer soluciones más sólidas a los clientes.

Los diseñadores que programan verán más oportunidades laborales

En cada oportunidad de trabajo de diseño, saber codificar puede marcar una gran diferencia en los procesos de selección, así como en el trabajo diario. En Toptal, vemos un montón de oportunidades para profesionales con este perfil híbrido, y las nuevas empresas están ansiosas por encontrar personas que puedan hacerse cargo tanto del diseño como del front-end de sus aplicaciones en etapa inicial.

Aun así, hay algunos diseñadores y programadores a los que no les gusta meterse en los negocios de los demás. Algunos pueden sentirse amenazados, otros pueden ser desafiados y algunos pueden ser demasiado perezosos para aprender algo nuevo. Pero la verdad es que cada uno debe analizar sus opciones y concentrarse en lo que aumentará sus posibilidades de éxito.

Es posible que los diseñadores no tengan suficiente tiempo para aprender todo, pero conocer HTML y CSS estándar debería ser suficiente para agregar una distinción significativa entre una carrera floreciente y una carrera sin salida. Debe ser un proceso rápido y fácil para que los diseñadores den los primeros pasos. Cuanto más saben, más pueden ampliar sus horizontes en lo que respecta a las oportunidades laborales.

¿Deberían los diseñadores aprender a codificar?

La adaptabilidad y la flexibilidad para trabajar con otros equipos, la capacidad de abordar una variedad de proyectos y un amplio conjunto de habilidades con las que asumir diversas responsabilidades siempre tienen una gran demanda. ¿Hay algún diseñador en algún lugar que no quiera tener una ventaja sobre los demás cuando se trata de trabajos muy codiciados en nuevas empresas emocionantes o en grandes empresas tecnológicas establecidas?

Los diseñadores tienen sus enfoques, procesos, arsenal de herramientas de diseño y entregables, pero eso es solo una parte de la ecuación. Explorar y obtener una comprensión de cómo se entregan los diseños de interfaz de usuario utilizando diversas tecnologías digitales puede llevar a los diseñadores al siguiente nivel y aumentar su capacidad para entregar excelentes diseños.

Cada vez más, más y más oportunidades de trabajo en el campo del diseño incluyen "agradables para tener", como desarrollo web básico y habilidades de creación de prototipos usando HTML, CSS y JavaScript. Depende de cada diseñador decidir cuánto asumir; claramente la necesidad está ahí fuera.

¿La IA va a eliminar a los desarrolladores front-end?

Sin embargo, queda una pregunta: ¿la codificación para diseñadores seguirá siendo relevante a largo plazo? Hay un indicio entre los diseñadores de que con la inteligencia artificial y el aprendizaje automático, los diseñadores pronto podrán diseñar sin código. Simplemente arrastre y suelte y mueva las cosas en la pantalla, luego presione un botón y AI codifica todo. En otras palabras, los trabajos para este tipo de desarrolladores front-end desaparecerán rápidamente.

En lo que respecta a los diseñadores, la respuesta puede estar en pensar a corto plazo frente a largo plazo. En un futuro cercano, la IA no se hará cargo y los diseñadores que codifican aún pueden tener una gran demanda. A corto plazo, los diseñadores que quieran sobresalir deben mantener ciertas habilidades básicas de codificación como JavaScript y Ajax en su arsenal.

El dominio de la codificación para diseñadores impulsará carreras

Los diseñadores de UI que desean crecer y mejorar sus habilidades tienen algunas opciones a su disposición. Pueden repasar una variedad de habilidades de diseño y pasar a otros roles, como diseño visual, UX o incluso investigación de UX. También pueden ascender gradualmente en la escalera a roles de nivel más alto, director, líder, gerente y director.

Sin embargo, para impulsar realmente sus carreras, los diseñadores pueden querer profundizar más en el desarrollo. Adquirir un conocimiento profundo de las diversas tecnologías que impulsan los productos digitales en la actualidad los equipará con un conjunto de habilidades muy deseable. Eso, a su vez, abrirá más puertas a oportunidades laborales en empresas grandes y pequeñas.

¿Deberían los diseñadores codificar? Tal vez tal vez no. Pero los diseñadores que codifican, o al menos demuestran un conocimiento profundo de varias tecnologías, se convertirán en un gran activo para cualquier equipo multidisciplinario y definitivamente valdrán la pena a largo plazo.

Lectura adicional en el blog de diseño de Toptal:

• Principios y mejores prácticas de diseño de UX móvil
• Diseño de UX móvil: mejores prácticas, restricciones y trabajo con desarrolladores
• Diseño intercultural y el papel de UX
• Los principios del diseño y su importancia
• Los mejores portafolios de diseñadores de UX: estudios de casos y ejemplos inspiradores