Comeza a desenvolver os teus deseños (literalmente)

Por que xa é hora de que os deseñadores aprendan a codificar

Estou convencido de que os deseñadores actuais precisan facer moito máis que crear interfaces de usuario atractivas. O papel evolucionou e agora espérase que superemos a brecha entre a creatividade e a tecnoloxía.

Unha das mellores habilidades que podemos engadir ao noso conxunto de ferramentas para facelo? Codificación .

Agora, mira, hai un acalorado debate sobre se os deseñadores . Creo que a antiga división entre deseñadores e desenvolvedores xa non funciona. Non satisface as necesidades actuais de desenvolvemento de produtos . Calquera persoa, mesmo os desenvolvedores, que estean traballando en interfaces deberían ter un gran sentido do deseño.

Ao mesmo tempo, as decisións de deseño non deben estar encerradas en regras ríxidas ou manuais establecidos por aqueles que non entenden:

• interacción,
• tecnoloxía, ou
• codificación.

Durante o proceso, así se ve o deseño (á dereita) e a implementación real do mesmo (á esquerda):

E vós (deseñadores) sodes os únicos que podedes solucionar isto. Ofrézoche código como unha pílula máxica para rematar a IU tal e como a soñaches.

Despois de todo, díxose con razón que o deseño non é unha persoa. É unha función.

A codificación fainos máis adaptables aos cambios do mercado de deseño

O deseño está a cambiar rapidamente, e tamén as habilidades que necesitamos para manternos. Agora, non estou dicindo que veremos pronto un papel oficial chamado "Deseñador-Desenvolvedor de produtos", pero os empresarios definitivamente buscan persoas que poidan saír da burbulla do deseño tradicional. Queren deseñadores que:

• entender ,

• pode colaborar en equipos,
• e contribuír máis aló da simple creación de imaxes.

  
  

Os deseñadores que entenden a codificación teñen unha vantaxe única. Son mellores traballando en equipos. Poden converter as ideas en solucións prácticas e atractivas que satisfagan as necesidades reais dos usuarios.

O deseño tradicional da IU non é suficiente. Entender como se constrúen as cousas (os marcos, as bases de código e os sistemas que impulsan os nosos deseños) axúdanos a crear experiencias que non só son fermosas, senón que tamén funcionan á perfección coa tecnoloxía que as impulsa. Xa non estamos a facer só pantallas "eye-doces".

Por exemplo, durante un proxecto recente que implica Aleteo , un marco de código aberto para crear aplicacións a partir dunha única base de código, decateime do importante que era o coñecemento de codificación para tomar decisións de deseño informadas.

Sen coñecer a tecnoloxía, sería moito máis difícil deseñar animacións, transicións ou elementos de movemento que funcionasen dentro dos límites do equipo de desenvolvemento.

As animacións para a miña aplicación iOS Veggie Grower para xardineiros alemáns fixéronse posibles porque aprendín a codificar.

Os beneficios da codificación tamén se estenden máis aló das habilidades. Incluso pode cambiar o funcionamento do cerebro. Cada desafío de codificación provoca novas conexións no meu cerebro. Adáptase e evoluciona, axudándome noutros ámbitos.

A ciencia mostra que as novas vías neuronais fórmanse cando aprendemos algo difícil ou descoñecido, como codificar ou tocar un instrumento. As novas habilidades fan máis que ampliar as nosas habilidades. Tamén reconectan os nosos cerebros. Facemos máis adaptables e resistentes ante os retos.

A codificación axuda a ver o punto de vista do programador

Os deseñadores que poden codificar facilitan a colaboración cos desenvolvedores. Isto leva a procesos máis suaves e mellores produtos. A codificación axúdanos a crear deseños máis prácticos e realistas. Facilita a vida dos desenvolvedores e reduce a fricción entre os equipos. Cando entendemos o código, somos mellores para comunicar as nosas ideas e converter visións creativas en solucións viables.

Explicarei máis co meu "fillo" a aplicación Veggie Grower. O meu maior erro foi facer que a IU fose demasiado complexa porque o cliente insistía en ter un "factor wow". Queriamos impresionar, pero perdemos a marca: a interface de usuario real da aplicación na tenda de aplicacións non resultou ben (consulta a portada desta historia arriba).

Isto ensinoume que os deseñadores realmente necesitan actuar como primeira liña de defensa para os desenvolvedores. Temos que retroceder cando as ideas de negocio comezan a derivar cara a un territorio pouco realista, protexendo o produto e a UX para que non se compliquen demasiado. Conseguimos atopar algunhas solucións intelixentes para lanzar a aplicación. Usei unha mestura de animacións de Lottie e algunhas que creei eu mesmo; as miñas habilidades de codificación definitivamente foron útiles aquí. Axudounos a pulir as cousas o suficiente para que o lanzamento sucedese.

Aprender a codificar cambiou por completo como vía os meus deseños. Comecei a ver as cousas desde a perspectiva dun programador, entendendo os retos aos que se enfrontan, como equilibrar funcións complexas con límites de orzamento e atopar un punto medio realista entre as grandes ideas e o que é realmente factible.

Comprender a dor dos desenvolvedores versus saber cando defenderse

A codificación ensinoume a empatía cara ao lado do desenvolvemento do proceso.

É importante recoñecer que os desenvolvedores adoitan enfrontarse a unha inmensa presión para que as cousas sexan funcionais. Despois de días dedicados á depuración, o último que queren é tratar con elementos de deseño complexos que engaden complicacións innecesarias.

Aquí é onde nós, como deseñadores, debemos intervenir como solucionadores de problemas. Debemos esforzarnos pola sinxeleza e a claridade: un equilibrio entre a forma e a función que serve tanto ao usuario como ao desenvolvedor.

Isto non significa simplificar todos os deseños ata o punto de ser insulso. Significa ser estratéxico, dividir as interfaces en compoñentes manexables e construíbles que sexan fáciles de entender e implementar para os desenvolvedores.

Agora, imos falar tamén de algo chamado "gatekeeping". Hoxe en día, en UX, adoita ser visto como un trazo negativo. Gatekeeping: a actividade de controlar e xeralmente limitar o acceso xeral a algo.

Pero no deseño, ser un "porteiro" é unha gran parte do traballo. Somos a liña de defensa antes de que algo se poña en marcha. O noso papel é asegurarnos de que todo o que axudamos a crear mellore realmente a viaxe do usuario.

Este "gatekeeping" non se trata de ser difícil. Trátase de asegurarse de que as necesidades do usuario estean en primeiro lugar. E aquí é onde coñecer un pouco de código pode marcar a diferenza.

Cando entendes o lado do desenvolvemento, estás en mellor posición para comunicar por que importan certos detalles de deseño.

Digamos que estás a traballar nunha función na que necesitas unha animación específica para guiar a atención do usuario, pero o programador quere saltala para aforrar tempo. Se sabes como se pode facer esa animación con, por exemplo, un simple axuste de CSS ou usando unha biblioteca JavaScript existente, podes argumentar o teu caso de forma eficaz e é máis probable que o desenvolvedor escoite.

Isto é fundamental: saber codificar é fundamental para axudar a defender o teu punto de vista dun xeito construtivo e que non frustre a ningunha das partes.

A codificación permítenos ver a maxia detrás do "Factor Wow"

"Avocado Guy" na parte inferior mostra a carga de elementos adicionais. Foi complicado para os desenvolvedores, polo que usei Lottie para convertelo a JSON, o que fixo que a integración fose perfecta e levou só 15 minutos en lugar de días.

No noso foco en facer que as cousas sexan funcionais, non podemos esquecernos do "factor wow".

A forma en que flúe unha animación ou como as cores da IU están perfectamente equilibradas poden facer que unha experiencia sexa memorable. Esta conexión emocional é fundamental para que os produtos non só sexan utilizables senón tamén agradables.

cando atopan unha interface visualmente atractiva. Despois de todo, os deseños estéticos teñen máis probabilidades de ter éxito que só os funcionais.

Non obstante, o "factor wow" non só ocorre. Esixe que traballemos en estreita colaboración cos desenvolvedores para garantir que a nosa visión para eses momentos se traduza no produto final. Ferramentas como Lottie ou animacións CSS permítennos mostrar aos desenvolvedores exactamente o que pretendemos, axudando a dar vida ás transicións e interaccións.

A codificación axúdanos a comprender o que é posible

Aprender a codificar axúdanos a comprender o que é realista para construír e o que pode ser un tramo. Por suposto, é xenial ver unha impresionante carteira de Dribbble. Pero, se eses deseños non se poden desenvolver, son só arte dixital, non produtos funcionais.

Cando coñecemos algúns conceptos básicos de codificación, comezamos a ver o que é posible, o que significa que podemos ser creativos sen abrumar aos nosos desenvolvedores con ideas pouco prácticas.

Tomemos, por exemplo, o deseño dunha microinteracción para unha pantalla de inicio de sesión. Imaxina que queres unha animación sutil e satisfactoria. Debería proporcionar comentarios aos usuarios mentres escriben o seu contrasinal. Por exemplo, o campo debería brillar en verde cando se cumpra o formato correcto. Sen comprender un pouco de CSS ou JavaScript, podes lanzar algo demasiado complexo que o equipo de desenvolvemento levaría horas en construír. Con algún coñecemento de codificación, saberás cales son os efectos realistas. Axudaríache a presentar ideas interesantes e alcanzables.

Os deseñadores deben "ser como a auga": adaptables e fluídos (grazas por esta cita, ). Aínda podemos superar os límites creativos, pero respondemos ás limitacións que temos diante.

Os mellores deseños inspiran sen ir máis aló do que é práctico construír.

Man a man para un deseño impactante

O deseño non se trata de estética. É un proceso de resolución de problemas que ten como obxectivo mellorar as experiencias das persoas co produto e servizo que ofreces e, en definitiva, coa túa marca.

Hoxe, somos algo máis que deseñadores; somos solucionadores de problemas, defensores da experiencia do usuario e, o máis importante, colaboradores. Ao combinar a nosa creatividade con coñecementos técnicos, estamos preparando o camiño para os produtos do mañá: produtos que non só son fermosos, senón que tamén son realmente significativos e eficaces para os usuarios.

O noso traballo como deseñadores vai máis aló da elaboración dun fermoso prototipo: trátase de traballar man a man cos desenvolvedores para facer realidade esa visión. Isto significa manterse implicado durante todo o proceso de desenvolvemento, estar aí para traballar con retos técnicos, facer axustes de deseño cando sexa necesario e manter abertas as liñas de comunicación. É esta colaboración continua a que converte un bo deseño nun produto excepcional.

A medida que o deseño segue evolucionando, a codificación só vai medrar en importancia. Na encrucillada do deseño e a tecnoloxía, hai un potencial incrible de innovación, pero require un cambio de mentalidade. Adoptar a codificación como unha habilidade básica permítelles aos deseñadores crear produtos non só visualmente impresionantes, senón tamén funcionais, amigables para os desenvolvedores e impactantes.