Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Industry
Webdesign

Diseñadores, Necesitamos Hablar Sobre Desarrollo

by
Length:ShortLanguages:
This post is part of a series called Development for Designers.
Development for Designers: Thinking Atomic Design

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

En ésta serie, discutiremos cómo navegar por la difícil situación que los diseñadores encuentran frecuentemente cuando tratan con diseñadores en proyectos creativos.

Escribir ésta serie me ha tomado mucho tiempo. Como alguien que ha jugado en ambos lados de la cerca-diseñador y desarrollador-he sentido la frustración que muchos desarrolladores y diseñadores profesionales experimentan diariamente. Ahora he decidido enfocarme en convertirme en un mejor desarrollador, y el hecho de que he impartido muchos cursos tanto de experiencia de usuario como de desarrollo web, siento que es mi deber derribar algunas de las barreras que enfrentan diseñadores y desarrolladores en el lugar de trabajo.

Durante los próximo artículos llevaré a desarrolladores y diseñadores por un camino donde espero, después, puedan trabajar juntos mucho más eficazmente.

La relación entre un desarrollador y un diseñador es tan estrecha que si una parte no presta atención a la otra, el producto final no tendrá el resultado esperado.

Lo Que Viene

En la primera parte de ésta serie, planeo abordar los problemas que los diseñadores y desarrolladores enfrentan y cómo traspasar éstas barreras. Ya sea que se está diseñando con código, o entendiendo qué código es necesario para llevar UX (experiencia de usuario) desde el diseño a un entorno real.

La segunda parte de ésta serie proporcionará a los diseñadores un entendimiento sólido de desarrollo front-end, pues éste más que el back-end, plasma la estética general del diseño. Siento que es una de las cosas más grandes que se interpretan erróneamente. Cubriremos lo que es el DOM, lo que HTML y CSS pueden hacer, donde JavaScript encaja en el trabajo y daremos un breve vistazo a cómo el SEO y la semántica deben llegar a ser parte de nuestro flujo de trabajo del diseño.

En la parte final de ésta serie cubriré el backend. No te voy a enseñar a programar, sin embargo, te presentaré las disposiciones y metodologías que los desarrolladores toman para reproducir no sólo tu diseño, sino también la lógica involucrada. Cerraré con un pensamiento final y algunos recursos útiles para ayudarte a tí y a tu equipo a que trabajen más estrechamente.

Flat designed developer hipster

Nota para los Desarrolladores

Ésta serie está dirigida a individuos que tienen una amplia experiencia en el diseño. Cualquiera de los conceptos que explico aquí, aunque rudimentarios, no se profundizarán y serán suficientes para una comprensión de alto nivel de la programación computacional.

Diseñando con Código, o Codificando Con Diseño

Un debate que me he topado frecuentemente es sobre el proceso del diseño de un sitio web. Deben los equipos comenzar con un diseño "terminado" y luego codificarlo poco a poco, o es mejor diseñar simultáneamente mientras estás desarrollando la funcionalidad. Ambos tienen su ventajas y desventajas, así que vayamos más a fondo.

La funcionalidad es Parte del Diseño Inherentemente

La mayoría pensaría así, pero cuando se crea contenido de un blog o un widget de Twitter, el diseño tiene un rol principal a desempeñar en el funcionamiento de ese fragmento de código. Tomemos un escenario común: Ya sea hacer un widget de Twitter desplegando los nuevos tuits al actualizar la página, o de manera asincrónica vía AJAX, sin actualizar la página. AJAX es la forma más pulcra y sofisticada de resolver el problema que al final beneficiaría de una limpia UI y suave efecto de desvanecimiento. Pero un diseñador podría ser completamente inconsciente ante ésto. Pudieran no tener absolutamente ninguna idea que el fragmento de funcionalidad existió o podría incluso ser programado. Por eso, cuando se diseña un sitio web sofisticado o UX, es fundamentalmente importante discutir la funcionalidad con el desarrollador.

Más Que Sólo Estética

Se accesa a la web en muy diversas formas, formatos, orientaciones, entornos e incluso con diferentes sentidos (piensa en lectores de pantalla o dispositivos de asistencia auditiva). Como diseñador, necesitas estar seguro que una experiencia de usuario de calidad esté presente y consistente en todas éstas variables, y que los usuarios pueden incluso ajustar lo que es necesario a su capricho. Muchos diseñadores no toman en cuenta éstos parámetros así que es difícil realmente desarrollar una experiencia consistente.

De nuevo, ésta es sólo otra razón por la que los diseñadores y desarrolladores necesitan trabajar conjuntamente. Incluso diría que un desarrollador debería ser una extensión de un diseñador, o viceversa. Éste es un esfuerzo combinado para producir la más viable experiencia de usuario posible.

"Cuando los diseñadores y desarrolladores trabajan juntos, pueden hacer que ocurra la magia."- John Botica

El Diseño Debe Ser Traducible

Cuano digo el "diseño debe ser traducible" no quiero decir a diferentes idiomas (aunque hay casos como traducir experiencias web en scripts de derecha a izquierda que impactarían fuertemente tu diseño LTR), me refiero más al hecho que el diseño debe ser lo suficientemente claro y bien estructurado para hacer una fácil transición de estático a dinámico. Ésto viene con la experiencia y una comprensión de cómo los navegadores renderizan elementos y formas.

"Necesitamos poder traducir nuestro proceso a cada uno de una manera que fomente la creatividad y estructura." - Airrick Dunfield

El mundo necesita diseñadores que empujen los límites del maquetado y la estética, y necesita desarrolladores que sean lo suficientemente valientes para empujar las restricciones de motores web, pero ambas partes necesitan comenzar a trabajar más estrechamente.

La Próxima Vez

En la próxima parte de ésta serie discutiremos soluciones a las barreras de las que hemos hablado. Por el momento, permíteme dejarte material de lectura relevante. ¡Te veo en el próximo artículo!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.