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   . Calquera persoa, mesmo os desenvolvedores, que estean traballando en interfaces deberían ter un gran sentido do deseño.   debería aprender a codificar ou non de desenvolvemento de produtos  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  ,   comportamento humano  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  , 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.   Aleteo  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     fixéronse posibles porque aprendín a codificar. aplicación iOS Veggie Grower para xardineiros alemáns   https://dribbble.com/shots/14455168--Slider-for-Veggie-Grower-iOS-App-for-Germany-gardeners?embeble=true  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"   https://vimeo.com/494748581?embeble=true  "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.   Os usuarios son máis tolerantes cos pequenos problemas de usabilidade  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   ou animacións   permítennos mostrar aos desenvolvedores exactamente o que pretendemos, axudando a dar vida ás transicións e interaccións. Lottie CSS   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.   Bruce  Os mellores deseños inspiran  sen ir máis aló do que é práctico construír.   usuarios e desenvolvedores por igual   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.    Sei o que pensas, queres estas coloridas tarxetas vexetais. Preparei un aberto  ficheiro de recursos para ti: P. S:   Figma   https://www.figma.com/community/file/1090901197925018121/fruits-and-vegetables-cards?embedable=true

This story contains new, firsthand information uncovered by the writer.

Read My Stories

Este audio está producido na lingua orixinal da historia!

Demasiado longo; Ler

Make resilience your competitive advantage

Comeza a desenvolver os teus deseños (literalmente)

About Author

COMENTARIOS

Etiquetas colgantes

ESTE ARTIGO FOI PRESENTADO EN

Related Stories

HackerNoon Decoded 2024: Celebrating Our Management Community!

HackerNoon Decoded 2024: Celebrating Our HackerNoon Community!

HackerNoon Decoded 2024: Celebrating Our Remote Work Community!

HackerNoon Decoded 2024: Celebrating Our Gaming Community!

HackerNoon Decoded 2024: Celebrating Our Management Community!

HackerNoon Decoded 2024: Celebrating Our HackerNoon Community!

HackerNoon Decoded 2024: Celebrating Our Remote Work Community!

HackerNoon Decoded 2024: Celebrating Our Gaming Community!

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps