Cómo convertirse en diseñador

Una lista de métodos para desglosar el proceso de diseño para que podamos eliminar el misticismo que rodea a las personas creativas.

NOTA: Este artículo está inspirado en una conversación que tuve con Yasmine Evjen, una defensora del diseño en el equipo de relaciones de diseño de Google, para nuestra serie de desarrolladores de Google Chrome para desarrolladores de YouTube llamada "Designer vs. Desarrollador". También puede escuchar una versión más larga de la conversación descargando o suscribiéndose a nuestro podcast en Spotify, iTunes o Google Play Music.

De vez en cuando un no diseñador me pregunta "¿Cómo puedo aprender a diseñar?". Esto parece implicar que el diseño es una casilla de verificación que puede marcar, en una lista de verificación de las cosas. Creo que la razón de esta confusión se debe en parte a que la estética es muy prominente. La estética parece superficial y, por lo tanto, da la ilusión de que el "diseño" es algo en lo que se abofetea al final.

"Todos los diseñadores industriales trabajan con limitaciones, esto no es arte" - Matthew Carter

El primer paso es comprender las limitaciones.

La investigación es una excelente manera de descubrir las limitaciones del mundo en el que está diseñando. Si es un producto que está creando, eso significa entrevistar a los usuarios y preguntarles sobre sus puntos débiles.

Por ejemplo, si su producto es un nuevo tipo de calzado que protege a los constructores cuando están en un sitio de construcción, entonces necesita encontrar constructores y preguntarles sobre sus zapatos favoritos. Pídales que se pongan los zapatos y luego pídales que se los quiten. Camine con ellos alrededor de su obra, observe las acciones cotidianas que realizan. Descubre lo que les encanta de sus zapatos y trata de descubrir lo que es molesto. Puede notar que los constructores tienen que cambiar sus cordones regularmente porque se rompen fácilmente. Hacen esto porque siempre lo han hecho. Es el estándar de la industria. Esa es una excelente primera cosa para mejorar.

Comenzarás a descubrir las limitaciones y el duro entorno en el que los constructores tienen que trabajar, por lo que un zapato diseñado por una bailarina no funcionará. También ha visto una experiencia que los constructores se ven obligados a "piratear". Debido a que nadie ha encontrado una solución confiable, el problema se convierte en la norma. Es aquí donde podemos desafiar esta norma y solucionar el problema.

Una vez que hayas inventado un zapato nuevo, puedes usarlo y probarlo. En este punto, desea crear una persona de usuario, que es el avatar de un conjunto de personas similares que ha entrevistado. Encarnan las pruebas y tribulaciones de un solo personaje. Si tiene varios personajes que tienen diferentes problemas, puede crear diferentes personas para dividir los casos de uso que está tratando de solucionar. Las personas no tienen que ver con la demografía porque la riqueza o los antecedentes culturales de alguien no tendrán ninguna relevancia para saber si sus cordones se rompen mientras trabajan.

Estas son las restricciones del usuario. Pero también tenemos limitaciones tecnológicas. En la década de 1960, el tipo se configuraba utilizando una técnica llamada Fotocomposición, que implicaba establecer el tipo fotografiando personajes en una película y luego convirtiéndolos en planchas de impresión. Las primeras máquinas de fotocomposición, a veces sangraban las formas de las letras en las intersecciones de los trazos. A continuación, la "W" a la izquierda es el diseño real y a la derecha es lo que produciría la máquina.

Los diseñadores tipográficos como Matthew Carter (diseñador de Verdana y Georgia) tuvieron que idear nuevas e ingeniosas formas de letras para evitar las limitaciones tecnológicas para que pudieran seguir siendo legibles para el lector.

Obtenga más información sobre el proceso de diseño de Matthew Carter aquí.

En la mayoría de los casos, cuando encontramos una restricción, es solo cuestión de tiempo hasta que los ingenieros encuentren una solución. En la web, los diseñadores oraron por una manera fácil de hacer artículos con esquinas redondeadas, por lo que los ingenieros idearon una forma de agregarlos a CSS, el lenguaje de diseño de la web.

Las restricciones técnicas y las restricciones del usuario ayudan a configurar los límites dentro de los cuales deberá trabajar. Intente no pensar en ellas como limitaciones, sino más bien verlas como un conjunto de herramientas para mantener su producto o proyecto enfocado.

El diseño aplicado se trata de contraste

Una vez que conozca el mundo de las restricciones, es hora de distinguir los elementos esenciales mediante el contraste. El diseño en su aplicación tiene que ver con el contraste. En pocas palabras, cuanto más obvio es algo, más importante parece. Debido a su importancia percibida, guía a una persona a tratar con eso primero. En tipografía, eso significa que el título es más grande que todo lo demás porque está destinado a leerse primero.

Lo mismo se aplica al espacio en blanco, el uso del color, el relieve o el enganche de un botón de ascensor y la vitalidad de una correa de arranque. Están diseñados para mostrar la obviedad y cómo deben enfocarse y hacer algo.

Dibuja tus ideas en silencio y soledad

"Si estás solo, te perteneces completamente a ti mismo. Si te acompaña incluso un compañero, solo te perteneces a la mitad, o incluso menos ... "- Leonardo Da Vinci

El animador de Disney Richard Williams le preguntó una vez a Milt Kahl, animador jefe del Libro de la Selva, sobre tocar música mientras dibuja. Kahl lo regañó por tener distracciones mientras trabajaba. Williams adoptó un método silencioso de trabajo y observó que su trabajo mejoró significativamente. Estar en un espacio que te permite pensar es vital.

Cuando se ejecuta un Sprint de diseño de Google, la primera fase se trata de encontrar las restricciones haciendo la investigación. La siguiente fase es dibujar en silencio. Puede proponer ideas en grupo, pero siempre debe dibujar por su cuenta.

Crazy 8

Esta es una técnica de dibujo que le permite generar muchas ideas en un breve estallido. Funciona tomando una hoja de papel y doblándola en ocho secciones y configurando el temporizador durante 8 minutos. Una vez que el temporizador llegue a 8 minutos, deje de dibujar. Revisa lo que hiciste, resaltando los elementos que te gustan en cada uno. Intenta el proceso nuevamente. Cada vez refina tus ideas. Puede obtener más información sobre otras técnicas de dibujo aquí.

Cuando tienes un concepto claro, es hora de esculpir el contraste. Tenga en cuenta la acción clave que desea que alguien tome: si es un libro que está diseñando, podría estar buscando una escala de tipos que guíe a las personas a leer el contenido de una manera específica. Asegúrese de que los tipos de letra funcionen bien con la escala que ha elegido. Puede obtener más información sobre la tipografía en el libro Practical Typography de Matthew Butterick. Si está diseñando un producto, debe centrarse en el llamado a la acción central que desea que alguien tome. Anote las actividades principales. Esto lo ayudará a definir la jerarquía y la importancia de los elementos de navegación en una interfaz.

A veces agregamos demasiada funcionalidad a nuestros diseños, porque un lienzo en blanco da miedo. Pero aprende a eliminar cosas. Cuantos más elementos tenga, más preguntas le hará a la persona que se supone que debe usarlo. Si demasiadas cosas tienen el mismo nivel de importancia, entonces nada es importante y la acción central se pierde. Debes desglosar las prioridades.

Ahora itere y pruebe, e itere y pruebe nuevamente. Debes asegurarte de que lo que has creado no sea solo superficialmente hermoso, sino que realice la acción que pretendías.

El diseño no es una tarea singular. Es un proceso de hacer, o para ser más específico, es un proceso de esculpir contrastes dentro de las limitaciones. El diseño se trata de resolver cosas y arreglar cosas. Se necesita tiempo para dominar las habilidades técnicas como dibujar y trabajar con el tipo de letra, pero con el tiempo cualquiera puede hacerlo.

Puede obtener más información sobre diseño y UX en Web Fundamentals.