Muchos diseñadores piensan que cada disciplina debe ocuparse de su propio negocio, mientras que otros no ven ningún problema en los profesionales que usan múltiples sombreros. Muchos desarrolladores ven a los diseñadores que codifican como una amenaza, mientras que otros lo ven como facilitadores. Este es un tema muy controversial y aunque creo que algunos grandes diseñadores también son excelentes en la codificación, siempre voy a defender que mientras más te centres en un área en particular más experto te vuelves en ella. Pero esto no debe ser una razón para que te pierdes los beneficios de volverte experto en otras áreas.

designers coding

Aprende a codificar y conviertete en un gran activo para cualquier equipo multidisciplinario.

Personalmente, como un diseñador que ha ido tan lejos para configurar servidores Linux y Back-End de programas, no veo ninguna duda de que la comprensión de lo básico en la codificación beneficiaría a cualquier diseñador. La pregunta es en realidad, ¿Cuánta codificación deben aprender los diseñadores? ¿En qué momento podrían los diseñadores estar perdiendo el tiempo, o realmente pasar por encima de la línea en el territorio de los desarrolladores?

Con el fin de proporcionar una idea de los beneficios potenciales de aprender a codificar, he roto los diferentes niveles de conocimiento de la codificación en grados de utilidad.

Paso 1: Conoce Los Conceptos Básicos De HTML Y CSS

Cualquier diseñador se beneficiaría mucho de conocer los fundamentos de HTML y CSS y se sorprendería de lo fácil que puede ser. Deja de ser perezoso y aprende esto porque te hará un mejor diseñador, garantizado.

¿Cuándo Es Front-End Sólo La Codificación Y No Programación?

¿Es Front-End parte de la codificación? ¡Sí! ¿Es también programación? Sólo después de un cierto punto.

HTML y CSS no implican lógica de programación. Puedes ver que en HTML: HyperText Markup Language la letra M significa Markup, lo que significa que no es más que una estructura codificada de los elementos de la página/pantalla. Funciona como un rompecabezas, pero no requiere mucho pensamiento matemático.

En términos de laicos, HTML es un mapa arquitectónico que le indica al navegador qué mostrar. El mapa HTML influirá en la forma en que los rastreadores de los motores de búsqueda interpretarán el sitio. Por lo tanto, la preocupación aquí es asegurarse de que el código esté muy bien estructurado y que esos sistemas pueden entenderlo y clasificarlo bien.

CSS o Cascading Style Sheets, es el código que indica al navegador cómo mostrar las cosas. Metafóricamente, si HTML es el esqueleto de una página o una pantalla, CSS sería la piel y los colores de los ojos, el peinado, la forma del cuerpo, tamaños de las extremidades, etc. El lenguaje tiene una estructura de código muy simple que determina tipografía, colores, posiciones y dimensiones. La preocupación con HTML es mantenerlo muy organizado para el mantenimiento, y optimizado para un buen rendimiento.

Paso 2: El Front-End JavaScript Y AJAX Podrían Hacerte Un Activo Único

Aquí es donde las cosas pueden comenzar a complicarse, pero es también donde mucha diversión sucede. Si eres un pensador analítico, o especialmente motivado, obtendrás mucho de JavaScript y AJAX. Además, tu perspectiva de diseño mejorará al saber exactamente hasta dónde puede llegar la tecnología y hasta dónde puedes impulsarla a ser innovadora. No creo que ir tan profundo es necesario, sin embargo, si conoces los conceptos básicos de HTML y CSS ya estarás por delante de la mayoría de los competidores. Sin embargo, puedes encontrar algo de diversión en hacer que las cosas cobren vida con el conocimiento.

En mi opinión,si quieres decir que eres un desarrollador de Front-End, saber (al menos los conceptos básicos de) JavaScript es obligatorio. Debes entender cómo funciona AJAX (que es utilizado por casi cualquier sitio web moderno). Debes probar sus interacciones en tiempo real, y si tu eres un diseñador de movimiento, como yo, puedes hacerte algunas animaciones a ti mismo en lugar de tener que explicar a un programador, que no puede tener el mismo ojo para el tipo de detalle que tu como un diseñador.

Además, existen los preprocesadores para HTML (Haml, Jade, etc.) y CSS (SCSS, LESS, etc.), que son lenguajes que tienen como objetivo facilitar y racionalizar el proceso de codificación utilizando conceptos de programación (como lógicas, modulación, entre otros). El código, como se indica, es entonces pre-procesado, generando el HTML puro y CSS (también llamado vainilla). Incluso si conoces sólo los aspectos básicos de la programación, estos podrían ser ahorradores de tiempo real.

Saber Programar Informa Las Limitaciones De Los Dispositivos

Si tú, un diseñador, aprendes Front-End, verás claramente varias ventajas de saberlo, como saber cómo funcionan las cosas y ver las limitaciones de cada dispositivo.

Incluso los navegadores se comportan de manera diferente y mucho menos los dispositivos separados, por lo que saber esto cuando estás creando te da una sensación de hacer algo sólido, reduciendo las posibilidades de futuras complicaciones en los proyectos. Cada programador que conozco tiene un diseño que era imposible de reproducir en algún momento.

Conocer la mecánica detrás de un proyecto digital no sólo te dará una idea de lo que limita tu trabajo, sino también qué límites de tecnología puedes empujar. Recuerdo cuando varias agencias, como Fantasy y Firstborn, hicieron una reputación a principios de 2000 por usar Javascript en un manera diferente y muy creativa.

Paso 3: JavaScript De Fondo Podría Ser Excesivo

Bueno, tal vez vamos demasiado lejos aquí. Conocer los conceptos básicos de los Back-End de JavaScript puede ser útil dependiendo de la pila que usa tu equipo (como MEAN stack, por ejemplo). Pero, no tienes que ir demasiado lejos si todo lo que necesitas saber es cómo ejecutar un proyecto. Sin embargo, si sueñas con equipos de productos líderes, esto puede ser útil. Pero, si te llamas a ti mismo un diseñador y no un desarrollador tus retornos están disminuyendo seriamente en este punto, por lo que sería mejor expandir tus habilidades creativas.

Aprender A Codificar y Colaborar mejor Con Los Desarrolladores

¿Las relaciones románticas serían más fáciles si los hombres pudieran leer las mentes de las mujeres? Muchos piensan así. Me pregunto lo mismo acerca de los diseñadores y desarrolladores.

Saber cómo los desarrolladores piensan y lo que necesitan para poder hacer su trabajo puede sonar como pisar en su territorio, pero te hará un gran activo en cualquier equipo multidisciplinario.

Esto puede ser muy útil tanto para las comunicaciones internas, como para los lanzamientos de ideas, porque ya sabes qué esperar de los demás miembros del equipo. Si puedes hacer esto, conocer tus limitaciones (y cómo impulsarlas), entonces serás capaz de proponer soluciones mucho más sólidas a los clientes.

Un Diseñador Que Puede Codificar Verá Más Oportunidades De Trabajo

Una de las razones por las que cerré mi pequeña empresa (RIP!), fue el hecho de que inicié relaciones internacionales que se volvieron cada vez más atractivas que las empresas locales. Para estos contactos, hoy trabajo exclusivamente en el mercado global, así que el 99% de mi red es extranjera. La oportunidad que me abrió este mercado fue un escenario que requería a un individuo que pudiera hacerlo todo, incluyendo Front-End. Y puedo hacer más que esto; incluso puedo programar Back-End. Para entonces terminé involucrándome cada vez más con el lado oscuro de la fuerza, hasta el punto de configurar y administrar servidores Linux.

En cada oportunidad que tuve desde entonces, saber cómo programar hizo una gran diferencia tanto en los procesos de selección y el día a día de trabajo. En Toptal vemos muchas oportunidades para los profesionales con este perfil híbrido y las Startups por ahí están ansiosos por encontrar gente que pueda hacerse cargo tanto del diseño como del Front-End de sus aplicaciones en fase inicial.

designers coding

Aprender a codificar podría llevar a algunas oportunidades inesperadas.

Sin embargo, hay algunos diseñadores y programadores que no les gusta que el otro se meta en sus negocios. ¿Por qué podría ser esto? Algunos pueden tener miedo de perder el trabajo y algunos pueden ser perezosos en aprender algo nuevo. Pero la verdad es que debes analizar tus opciones y centrarte en lo que aumentará tus posibilidades de éxito. Es posible que no tengas tiempo suficiente para aprender todo, pero quizás saber HTML y CSS de vainilla debería ser suficiente para añadir un diferencial significativo a tu carrera. Debe ser fácil para ti tomar los primeros pasos. Cuanto más sabes, más ampliarás tus oportunidades. Por lo tanto, por experiencia, nunca desanimaría ninguna oportunidad de aprender nuevas habilidades.

Paso 4: Arquitectura De Base De Datos E Ingeniería De Software No Conseguirá Diseñadores En Cualquier Lugar

A menos que álgebra y la computación compleja sean lo tuyo, yo diría: “¡Dios mío, no!”. Hay otras habilidades útiles que podrías aprender en su lugar (como tejer). Las personas son tan propensas a querer contratar a un diseñador que sabe cómo tejer como alguien que sabe estructurar bases de datos. Además, no quieres estar en un lugar donde tienes que cuidar de todo, créeme.

Entonces, ¿Deberían Los Diseñadores Programar?

Yo diría que no. No es necesario. Pero cada vez más las oportunidades de trabajo en el campo de diseño añaden desarrollo web o, al menos, nociones Front-End, como un requisito o un diferencial. Así que no es necesario, pero tal vez debería si deseas tener algo más que ofrecer, especialmente si tienes problemas para encontrar trabajo. A veces no podemos encontrar una oportunidad que se ajuste a nuestro perfil y es entonces cuando tenemos que adaptarnos a lo que hay por ahí.

Conclusión

Después de decir todo esto, todos sabemos que no es obligatorio para un diseñador saber cómo programar. Conozco a muchos diseñadores que no lo hacen, excelentes en realidad.

Sin embargo, en algunos casos, noto deficiencias desde un punto de vista de desarrollo, en detalles que podrían incluso perjudicar la productividad de un proyecto.

Tu no necesitas ser un diseñador que sea también un experto en desarrollo de Front-End para tener estas habilidades diferenciales añadidas a tu CV o aplicadas a tus proyectos y tienes un montón de recursos en línea para comenzar a caminar por este camino. Las habilidades simples pueden afectar tu potencial para el éxito de una manera muy positiva.

Haz una investigación, mira qué ofertas de trabajo están pidiendo, ve el perfil de los arranques de los diseñadores que están buscando y quizá puedes estar de acuerdo conmigo cuando digo que tu no necesitas aprender cómo codificar, pero deberías.

¡Piénsalo!

About the author

Jônatas Vieira, United Kingdom
member since October 23, 2015
Jônatas is a Brazilian designer and digital art director with a focus on UI, UX, visual, and motion design. His passion is to design digital projects and interfaces that make technology simple for everybody. For the past six years, Jônatas has worked on a diverse range of projects and teams of all sizes. He lives for colors and forms, is obsessed with every tiny detail, and never stops working until the pixels are perfect. [click to continue...]
Hiring? Meet the Top 10 Freelance Digital Designers for Hire in August 2017

Comments

comments powered by Disqus
Subscribe
Free email updates
Get the latest content first.
No spam. Just great design posts.
Free email updates
Get the latest content first.
Thank you for subscribing!
You can edit your subscription preferences here.
Trending articles
Relevant Technologies
About the author
Jônatas Vieira
Designer
Jônatas is a Brazilian designer and digital art director with a focus on UI, UX, visual, and motion design. His passion is to design digital projects and interfaces that make technology simple for everybody. For the past six years, Jônatas has worked on a diverse range of projects and teams of all sizes. He lives for colors and forms, is obsessed with every tiny detail, and never stops working until the pixels are perfect.