¿Por qué no trabajo con diseñadores y diseñadoras web que diseñan con Adobe Illustrator o Photoshop?

Cuando un posible cliente me viene con un diseño web hecho en Adobe Illustrator o en Photoshop por no decir en otras cosas mucho peores, me echo las manos a la cabeza.

Y no, este post no es para criticar a ningún diseñador, así que si venías a eso, este no es tu sitio. Adoro a los diseñadores y diseñadoras, hacen que mis desarrollos no sean «mierdas funcionales», solo es un post para intentar hacer reflexionar y mejorar las relaciones entre profesionales, trabajar en equipo es lo mejor del mundo. 😍

Trabajar en equipo

La verdad es que siempre hablamos de lo bien (o mal) que trabajamos en equipo pero no es nada fácil y es uno de los principales motivos por los que un proyecto salga mal.

Mi experiencia trabajando con proyectos es con equipos pequeños, mi cliente principal son autónomos y pymes a las que ayudo y doy soluciones a sus problemas.

• Escuchar. Parece obvio ¿eh? Pues no, no es tan obvio. Lo primero para trabajar en equipo es escuchar. ¿Escuchas?
• Pedir. Si, claro, para trabajar en equipo, también tienes que saber pedir. ¿Qué necesitas de los demás?
• Ceder. Sí, también en ocasiones tienes que ceder. Para que tu desarrollo sea perfecto, quieres que la web sea un folio en blanco, sin animaciones y sin vídeos, pero no es real. Tienes que ceder y consensuar las ideas de todos y todas.
• Informarse. ¿Te informas de qué es lo que hacen los demás? Esto para mi es muy importante, si no sabes lo que hacen los demás, el trabajo en equipo será mucho más complicado.

Evolución de las tecnologías

Pertenecer al sector tech requiere muchas cosas, pero una de ella es evolucionar. Siempre digo que en tecnología, evolucionar es una parte indispensable de nuestro trabajo.

Tampoco nos pasemos, no necesitamos formarnos en los 40.000 lenguajes ni frameworks que existen, ni montar 5 startups antes del primer café, pero si hay que estar el día en lo que se refiere a nuestro trabajo.

Trabajar con diseño

La primera vez que trabajé con un diseñador fue algo alucinante. Tuve una sensación increíble, trabajar con otros profesionales siempre ha mejorado muchísimo mi trabajo.

Y si, entender el diseño como lo hago ahora y en la forma que lo hago ahora solo se lo debo a una persona: Nora Ferreirós.

Por eso creo que también es importante formarse en otras áreas. Poder entender el diseño para poder trabajar con diseñadores y diseñadoras fue un antes y un después en mi trabajo.

Vengo a desmontar esos rumores que los diseñadores y los desarrolladores nos llevamos mal. Mi experiencia es totalmente opuesta y he podido trabajar con diseñadores alucinantes gracias a especializarme mucho en mi área.

Herramientas de diseño web para devs

Igual que el diseño web ha ido evolucionando al cabo del tiempo, también han evolucionado mucho las herramientas en las que los diseñadores web pueden diseñar y a su vez, los desarrolladores podamos desarrollar sin matar a nadie.

No, no me refiero a que los devs nos pongamos a diseñar. Me refiero que los diseñadores web tienen que trabajar en una herramienta y como dev, te puede gustar más o menos pero tenemos que facilitar el trabajo a los diseñadores.

No me voy a meter mucho en terreno de diseño, pero herramientas súper útiles para poder maquetar, hacer un front-end decente sin tener que tomar 30 cafés al día y que sean de calidad pueden ser las siguientes:

• Figma: Actualmente es la aplicación que más utilizo para maquetar. Lo bueno es que no tienes que instalarte ninguna aplicación y nadie «te obliga» a instalarte nada, ni a pagar nada. Para los desarrolladores es gratuito y yo ahora lo uso mucho para hacer diagramas de flujo con su herramienta FigJam, échale un ojo que merece la pena.
• PenPot: Mucha gente lo llama «El Figma libre». Es una software libre desarrollado por Kaleidos y me parece una súper buena elección. Apostar por software libre y de calidad es muy importante en tecnología.
• Adobe XD: Si ya estás acostumbrado o acostumbrada a el paquete de Adobe seguramente Adobe XD te sea el más sencillo de utilizar. Actualizo: Este software tiene pinta de tener fecha de caducidad, ya que Figma ha sido comprado por Adobe.
• Sketch: El principal problema que tiene este software es que solo está disponible para usuarios de Mac.
• Zeplin: Este es un software que también he utilizado mucho. Zeplin hace de intermediario entre la aplicación de diseño de interfaces y la maquetación para los front-end. Lo usé durante mucho tiempo, aunque este año dejé de utilizarlo porque con Figma ya era suficiente.
• Invision: Otro software de diseño de interfaces. No lo he usado mucho, aunque algunos diseñadores me han pasado el diseño por este soft.

¿Qué podemos hacer los devs por los diseñadores?

Lo primero que podemos hacer es no ser unos prepotentes. Pensar que podemos trabajar en equipo y que los diseñadores no son sirvientes nuestros que tienen que hacer todo lo que les digamos.

Para mi lo principal que tenemos que hacer por los diseñadores es involucrarnos en todas las fases del proyecto, pero sobre todo en la fase de diseño. En esta fase es en la que los diseñadores tienen más dudas y tenemos que estar disponibles para llegar a un consenso y que no se diseñen cosas imposibles y que entre todos, hagamos un proyecto usable, en el que se piense en el usuario, que sea funcional y tengamos en cuenta el rendimiento.

Proceso de trabajo

Bueno, Marta, si, muy bonito, pero ¿Porqué no trabajas con Illustrator?

Por qué no trabajo con diseñadoras o diseñadores que me envían el diseño en Illustrator o Photoshop

En primer lugar, el principal problema de estos dos programas es que no son programas de diseño de interfaces.

Como yo no soy diseñadora, he buscado una definición en Wikipedia sobre qué es el diseño de interfaz de usuario:

El diseño de interfaz de usuario o ingeniería de la interfaz es el resultado de definir la forma, función, utilidad, ergonomía, imagen de marca y otros aspectos que afectan a la apariencia externa de las interfaces de usuario en sistemas de todo tipo (computadoras de uso general, sistemas de control, dispositivos de comunicación móviles, software de sistemas, software de aplicaciones, sitios web, etc).

Wikipedia

Profesionales no cualificados en diseño de interfaces

Para mi, el principal problema que he tenido a la hora de trabajar con diseñadores, es que no eran diseñadores web, eran diseñadores de impresión. Y aunque parezca que si, no tiene nada que ver a la hora de trabajar. Igual que no es lo mismo una persona que desarrolla en web, que una persona que desarrolle en aplicaciones de gestión.

Trabajar con este tipo de diseñadores te implica a ti como desarrollador o desarrolladora un trabajo extra ya que tienes que hacer más trabajo y trabajo de asesoría (explicar tamaños de fuentes, tamaños de imágenes, resoluciones, mobile first, responsive, etc).

Software para diseño de impresión y no para web

El problema de estos programas (PhotoShop, Illustrator) es que no están pensados para diseñar ni desarrolla web.

Illustrator, por ejemplo, es un programa de edición de gráficos vectoriales y no es nada recomendado para diseñar ni para maquetar un proyecto web. Se trabaja en vectoriales que no tiene nada que ver con el tipo de gráficos que se trabaja para web.

Precio e inversión

Illustrator, igual que cualquier programa de Adobe, no es barato. Este en concreto sale unos 24€/mes. Que si te pones a sumar con otros programas que utilizas todos los días, a mi sinceramente me parece muy caro para no ser un programa que utilizo siempre. Piratear no es una elección, no tengo ningún programa pirata.

En esto quiero decir que si que invierto en software, y si hace falta, lo hago, pero en programas que utilizo habitualmente, un programa que trabaja en vectoriales yo no lo voy a usar mucho y no me merece la pena.

Malo para maquetar

En definitiva, Illustrator es un horror para maquetar, es como si me mandan el diseño en .jpg. Los padding, margin, tipos, fuentes, tengo que inventármelas y tengo que estar adivinando a no ser que el diseñador o diseñadora en cuestión me envíe un documento de estilos (que nunca me ha pasado usando este programa).

Esto hace que se dificulte muchísimo el front-end y pierda muchísimo tiempo, dinero y esfuerzo. Al cliente no le compensa pagarme 3 veces más por maquetar una web en Illustrator.

Formación

Si es que cierto que soy partidaria de la formación y de formarnos en nuevas herramientas. Pero en este caso en concreto, tendría que formarme en una herramienta que no tiene nada que ver ni con mi campo ni con el diseño web.

A mi personalmente todos los programas de Adobe me parecen muy poco intuitivos y muy poco usables. Y si formarme en Illustrator beneficia para algo el trabajo del día a día o el trabajo con otros compañeros y compañeras, estupendo, pero no es el caso.

Con esto, creo que he dejado claro las puntos principales por los que no trabajo con este tipo de software y el porqué. No vengo a sentar catedra de nada, hay muchos desarrolladores que seguramente quieran maquetar en ese infierno, pero yo no. Creo que hay soluciones mucho mejores y con la que se puede ofrecer un proyecto de más calidad.

Imagen destacada: Banco de imágenes de Canva Pro.