Conseguir un trabajo como Ingeniero de UX es difícil, pero no imposible. Esta lista se creó para ayudarlo a reducir su enfoque y dominar las habilidades que necesita para convertirse en ingeniero de experiencia de usuario en 2020. Comprensiblemente, esta lista puede ser un poco abrumadora para cualquiera que recién esté comenzando. Por esta razón, la lista se divide en dos partes:

  • Habilidades de diseño de experiencia de usuario
  • Habilidades de Ingeniería de Front-End
  • Si es nuevo en cualquiera de los campos, le recomendaría centrarse en una lista a la vez. De esta manera, todavía puede conseguir un trabajo increíble y ganar un ingreso a medida que desarrolla sus habilidades de la otra lista.

    UX trabajos del Ingeniero

    UX/UI y Frontend
    Job Finder

    ENCONTRAR PUESTOS de trabajo

    UX Habilidades de Diseño

    En el mundo del desarrollo web, diseño ux es fundamental. Si bien las habilidades de ingeniería de front-end son necesarias para crear productos rápidos y escalables, son las habilidades de diseño de experiencia de usuario las que garantizarán que esos productos no sean una pérdida de esfuerzo. Sin un poco de conocimiento de diseño de experiencia de usuario, podría pasar semanas o meses construyendo un producto que nadie quiere. El diseño de experiencia de usuario ayuda a eliminar dudas, para que pueda crear productos que las personas realmente encuentren útiles.

    #1-Empatía La empatía está en el corazón del diseño de experiencia de usuario. Necesita la capacidad de ponerse en los zapatos de su usuario para diseñar productos que les encantarán. Afortunadamente, la empatía no es una habilidad difícil de desarrollar. Si entiendes por qué algunos productos te hacen feliz y por qué algunos productos te frustran, ¡entonces estás a mitad de camino!Relacionado: Empatía en el Diseño: ¿Cómo Funciona?Los desarrolladores a veces pueden luchar con empatía porque las mejoras de UX pueden parecer menores en comparación con el «costo» de implementarlas. Si eres tú, resiste la tentación de poner tu propia conveniencia por encima de la satisfacción de tu usuario. No tomes atajos. Tener empatía. Comience con la experiencia del usuario y trabaje hacia atrás.

    #2-Resolución de problemas

    Las habilidades de resolución de problemas son importantes tanto para el diseño de experiencia de usuario como para la ingeniería de front-end. Sin embargo, yo diría que es aún más importante para la experiencia de usuario. ¿Por qué? Porque la mayoría de los problemas de ux son únicos y específicos para las necesidades de su propio usuario. A menudo es mucho más fácil encontrar respuestas a preguntas de programación que para problemas de ux.Con esto en mente, necesita la capacidad de encontrar soluciones creativas para una variedad de problemas. Con la empatía y las habilidades para resolver problemas combinados, puede comenzar a comprender los puntos débiles de su usuario y diseñar soluciones reales para ellos.

    #3-Observación

    Como se mencionó, la mayoría de los problemas de ux son únicos, pero no todos. Tener buenas habilidades de observación le ahorrará muchos dolores de cabeza en el futuro. Esta habilidad es particularmente útil para la pieza de «diseño» de «diseño de experiencia de usuario».»Tus usuarios están por toda la web. Están usando las redes sociales, leyendo blogs, viendo videos de YouTube. Si lo están haciendo, entonces tú también deberías hacerlo.Las habilidades de observación le ayudan a detectar patrones que surgen y a adelantarse a las expectativas de su usuario cuando las tendencias se convierten en la nueva norma.Relacionado: Buena UX = Interfaz de usuario aburrida. No seas creativo Sin grandes habilidades de observación, es difícil mantenerse al día en la industria de desarrollo web de ritmo rápido.

    #4-Marketing

    Personalmente, no creo que este se mencione lo suficiente. En muchas empresas, los diseñadores de experiencia de usuario trabajan en estrecha colaboración con el departamento de marketing. Como diseñador de experiencia de usuario, al menos debes tener una comprensión básica de lo que es el marketing y cómo funciona. El concepto de marketing, en general, tiene una larga historia de seguimiento de las necesidades y los puntos débiles de los clientes. Hay más cruce entre el marketing y el diseño de experiencia de usuario de lo que podría imaginar, especialmente en la tecnología actual world.At al final del día, tienes que satisfacer a los usuarios Y a quien firme tu cheque de pago. Al invertir algo de tiempo en aprender habilidades de marketing, te posicionarás mejor para proporcionar valor a tus usuarios y a tu empresa.

    #5-Investigación de experiencia de usuario & Entrevistar

    En muchas empresas, la investigación de experiencia de usuario es una función completamente independiente del diseño de experiencia de usuario. Eso no significa que estés libre. No existe el diseño de experiencia de usuario sin investigación de experiencia de usuario, por lo que no llegará lejos sin aprenderlo. Para comprender a fondo la investigación de ux, necesita un título en Interacción Persona-Computadora o un campo relacionado. Sin embargo, como ingeniero de experiencia de usuario, creo que puede arreglárselas sin el título.Si aprendes a recopilar datos cualitativos de los usuarios sin poner en peligro el resultado, básicamente tendrás la mayor parte de la habilidad que necesitas para llevar a cabo una investigación de experiencia de usuario. La habilidad subyacente aquí es tu habilidad para separarte de tus diseños. Necesitas ser consciente de tus propios sesgos y aprender a diseñar objetivamente. Aprende esto y estarás listo para irte.

    #6-Estadísticas & Análisis de datos

    Aunque las estadísticas y el análisis de datos encajan bajo el paraguas de la» Investigación de experiencia de usuario», creo que hay suficiente distinción para llamarlos por separado aquí. Aprovechar los datos cuantitativos es una forma muy poderosa de comprender cómo interactúan los usuarios con su producto. Tienen altas tasas de rebote? Es posible que tenga que reconsiderar su navegación. ¿Los usuarios abandonan tu página después de unos segundos? Tal vez la página está tardando demasiado en cargarse. Estas son solo algunas métricas que Google utiliza para determinar la experiencia general del usuario de tu sitio web. Si Google les está prestando atención, entonces deberías estar too.As El CEO de Google, Eric Schmidt, declaró:

    El mundo será heredado por los estadísticos

    Desafortunadamente, el software de análisis de datos solo puede llegar hasta cierto punto. Necesitará una mayor comprensión de las estadísticas, más allá del cálculo de promedios, para ayudarlo a tomar decisiones basadas en datos como ingeniero de experiencia de usuario.

    #7-Herramientas de diseño de interfaz de usuario

    Ahora finalmente estamos llegando al lado del «diseño» de las cosas. Uno de los aspectos más importantes del diseño de experiencia de usuario es la creación de esquemas, maquetas y prototipos. Las herramientas de diseño de interfaz de usuario más populares de hoy en día son Sketch y Figma. En realidad, nunca he usado ninguno de estos (¿mencioné que la tecnología se mueve rápido?), pero si tuviera que elegir entre los dos ahora, elegiría Figma.AJ& Smart haz una buena (y divertida) comparación en este video. Vale la pena el reloj.

    #8-Principios de diseño de la interfaz de usuario

    ¿Quizás haya notado que «ux» y » ui » generalmente están emparejados? Esto se debe a que ambos son esenciales para la experiencia general del usuario. La investigación de UX lo ayudará a identificar y resolver problemas de diseño específicos, pero no lo ayudará a crear un diseño hermoso. Para eso, necesita comprender los principios de diseño de la interfaz de usuario y cómo usarlos de manera efectiva.Hay ciertas «verdades» universales sobre el diseño que todo diseñador de experiencia de usuario debe conocer. Si tienes grandes habilidades de observación (#3 en esta lista), entonces probablemente hayas aprendido algunos principios de diseño de interfaz de usuario sin siquiera darte cuenta. Algunos de estos principios incluyen equilibrio, alineación, contraste, etc.Tu interfaz de usuario es un lienzo y tú eres el artista. Aplicar los principios de diseño de la interfaz de usuario es la diferencia entre hacer una obra maestra y hacer algo para pegar en su refrigerador. Realmente hace una gran diferencia. Si su diseño de interfaz de usuario no cumple con la marca, la gente se dará cuenta y carecerá de confianza en su marca.Relacionado: Diseño de UX & Diseño de interfaz de usuario. ¿Por Qué Necesitamos a Los Dos?

    #9-Diseño de interacción

    Con la habilidad anterior, principios de diseño de interfaz de usuario, está lidiando con la apariencia de páginas web individuales o características a la vez. Con habilidades de diseño de interacción, por otro lado, tienes que dar un paso atrás y entender cómo esa página o característica se relaciona con el «panorama general».»Como su nombre indica, el diseño de interacción se ocupa de guiar la interacción de su producto.Sin diseño de interacción, su producto sentirá que le falta algo. En las especificaciones de Material Design de Google, por ejemplo, el objetivo es tratar los elementos de tu página como si existieran en el mundo real. Esto implica que los objetos que se mueven en la página deben acelerarse o ralentizarse como si siguieran las leyes de la física.

    #10-Escritura & Comunicación

    Las habilidades de escritura y comunicación son importantes para la mayoría de las carreras, pero son especialmente importantes para los diseñadores de experiencia de usuario. Rara vez diseñará interfaces que no requieran texto, iconos o imágenes para fines de comunicación. Esto significa que necesitas aprender a comunicar un mensaje de la manera más sucinta posible.Escribir un copy efectivo no es tan fácil como parece. La legibilidad y la comprensión son una ciencia. Es importante que aprendas a hablar el idioma de tu audiencia, pero lo que es más importante, interactúa con tu copy. Un error que es fácil de cometer es el uso casual de palabras grandes que pueden ser difíciles de entender para el público. No cometas ese error. Su trabajo es comunicarse de manera efectiva, no impresionar a los lectores con su conocimiento.

    Habilidades de Ingeniería de Front – End

    Nunca ha habido un momento más emocionante para ser un ingeniero de front-end. La industria de desarrollo web de hoy en día está en auge con la innovación. Cada día se crean nuevas herramientas y recursos para facilitar nuestro trabajo. Sin embargo, esas herramientas y recursos también vienen con una curva de aprendizaje. Si está listo para comenzar con la ingeniería de front-end, las siguientes 10 habilidades serán críticas para que pueda llegar allí.

    #11-HTML, CSS, & JavaScript

    El panorama web ha cambiado drásticamente desde el principio. Se espera que los ingenieros de front-end de hoy conozcan herramientas, metodologías y mejores prácticas que ni siquiera existían hace unos años. Las cosas se mueven tan rápido. Como ingeniero de front-end, necesitará constantemente aprender nuevas habilidades para mantenerse relevante.¿O sí?En un sentido general, sí, siempre estarás aprendiendo. Sin embargo, la base del desarrollo web siempre ha sido la misma. En el núcleo, siempre hemos tenido HTML, CSS y JavaScript. Aprende estas cosas y apréndelas bien. Cualquier cosa adicional que aprendas se construirá sobre estas tecnologías de todos modos (en su mayor parte).Siempre habrá un nuevo y emocionante marco o biblioteca. Si no tienes una comprensión de HTML, CSS y JS simples, entonces no deberías comprar el último framework hasta que lo hagas (en mi opinión). Al comprender los entresijos de JavaScript, por ejemplo, llegarás mucho más lejos a largo plazo, y si saltas directamente al aprendizaje de React hoy. En unos pocos años, llegará un nuevo marco de trabajo y usted también tendrá dificultades para aprenderlo. Ahórrate el dolor de cabeza y aprende primero a escribir HTML, CSS y JS simples.Relacionado: Los diseñadores Deben Aprender a Codificar (Entre Otras Cosas)

    #12-HTML semántico & Accesibilidad

    El HTML se utiliza para describir su página al navegador, así como a las personas con discapacidades. No es una herramienta de diseño. Después de aprender los conceptos básicos de HTML, querrá sumergirse en la semántica y la accesibilidad. Aprenderás que HTML es más que simplemente envolver todo en una etiqueta < div>.El HTML semántico trata principalmente de expresar el «significado» de una página web. Al usar un elemento< nav >, por ejemplo, esencialmente le indica a los navegadores dónde se encuentra su navegación. A medida que los navegadores se vuelven más inteligentes, el HTML semántico se vuelve cada vez más importante para el avance de la web.Hacer que sus productos sean accesibles para personas con discapacidad también es muy importante. Si has elegido la habilidad # 1 en esta lista (empatía), entonces tal vez estés al tanto de las Pautas de Accesibilidad al Contenido Web (WCAG). Si no, deberías aprenderlos. Su producto no es realmente fácil de usar hasta que sea accesible para todos.

    #13-Marcos CSS, Arquitectura, & Preprocesadores

    Después de haber pasado algún tiempo aprendiendo CSS, comenzará a apreciar la necesidad de marcos, metodologías y preprocesadores.Dependiendo de su situación, Bootstrap es un excelente marco CSS para obtener estilos en su sitio web rápidamente. Sin embargo, si el proyecto requiere algo menos «de arranque», es probable que sea preferible escribir su propio CSS desde cero (de vuelta a lo básico). Además, como ingeniero de experiencia de usuario, el rendimiento será un factor importante a tener en cuenta para sus productos. Usar Bootstrap fuera de la caja puede tener inconvenientes cuando se trata de rendimiento.Aprovechar un preprocesador CSS, como Sass, es excelente por una variedad de razones. Sobre todo, hacen que el CSS sea mucho más fácil de escribir al permitirle anidar estilos entre sí para crear especificidad. También hay algunas otras características interesantes, como el uso de variables y mixins. En los tiempos modernos, no encontrará muchos ingenieros de front-end que no estén utilizando un preprocesador para ayudar a simplificar su proceso.Si está escribiendo sus propios estilos desde cero, adoptar una arquitectura CSS es extremadamente útil para mantener su código organizado. Solo he utilizado Arquitectura Escalable y Modular para CSS (SMACCS), lo cual es genial, pero recientemente aprendí sobre algunas otras Metodologías CSS. Es fácil que tu CSS se salga de control si no tienes una buena estrategia de organización. Definitivamente vale la pena adoptar una arquitectura CSS para su proceso de desarrollo.Relacionado: Especificidad de CSS: ¡Cómo Evitar el Uso !importante en CSS

    #14-Diseño responsivo

    El diseño responsivo ya no es nada nuevo. Es casi sinónimo de diseño web en este punto. Sin embargo, sigue siendo importante aprender a tener en cuenta muchos dispositivos y resoluciones de pantalla diferentes con sus diseños. No aprender diseño responsivo es una forma rápida de dejar a la mitad de sus usuarios fuera de la ecuación, lo que obviamente llevaría a una mala experiencia de usuario.Ahora estamos en un mundo móvil. El móvil no va a ninguna parte. Aprende a diseñar para dispositivos móviles, tabletas y computadoras de escritorio y estarás listo para comenzar.

    #15-Frameworks de JavaScript

    Los frameworks de JavaScript son importantes porque la programación es cara. Marcos como jQuery, Angular, Vue y React se crearon para ayudar a acelerar el desarrollo y hacer gran parte del trabajo pesado por usted. Por esta razón, las empresas no tienen reparos en adoptar marcos JS porque les ahorra dinero a largo plazo.Por supuesto, hay más frameworks de JavaScript de los que puedes contar con dos manos. Todos buscan resolver un problema diferente. Valdría la pena entender qué marcos existen. También valdría la pena aprender al menos un marco de JavaScript para ayudarlo con su desarrollo web. React parece ser la opción más popular en este momento, pero eso podría cambiar fácilmente en unos pocos años.

    #16-Desarrollo de Back-end

    Los desarrolladores de Front-end trabajan con los desarrolladores de back-end muy de cerca. No estoy sugiriendo que debas convertirte en un ingeniero de pila completa (aunque, eso sería bastante impresionante). Sin embargo, estoy sugiriendo que valdría la pena aprender lo suficiente sobre el desarrollo de back-end para interactuar mejor con su back-end coworkers.At al final del día, probablemente esté decidiendo qué datos se necesitan para respaldar sus proyectos. Tener una comprensión decente del desarrollo de back-end ayudará a fomentar esa comunicación y garantizar el éxito del proyecto.

    #17-Pruebas & Depuración

    Las pruebas y la depuración son fundamentales para cualquier persona que trabaje en código de interfaz. Hay muchas formas diferentes de» probar » su producto, pero el tipo de prueba que hará con mayor frecuencia será en el navegador y en las pruebas de JavaScript.Las herramientas para desarrolladores de Chrome (Dev Tools) son una herramienta muy potente y práctica. Herramientas de desarrollo le permite realizar cambios rápidamente en su HTML / CSS y ver cómo se representa en la página. La consola le permite ver cuándo tiene errores en su JavaScript. La pestaña de redes le permite ver con qué rapidez se están procesando los archivos y en qué orden. También puede hacer mucho más. Si recién está comenzando con el desarrollo de front-end, pronto se dará cuenta de lo increíbles que son las herramientas de desarrollo is.To asegúrese de que su sitio web se vea bien en todos los navegadores y dispositivos, tendrá que probar sus cambios en todas partes. Browserstack es una herramienta súper útil para este tipo de testing.In Desarrollo basado en pruebas (TDD), su JavaScript tendrá que ser probado para asegurarse de que está cubriendo todas sus bases. Herramientas como Karma te ayudarán a empezar a construir pruebas en torno a tu código.

    #18-Gestores de paquetes (NPM)

    Los gestores de paquetes, como npm, se han convertido en una necesidad para el desarrollo de front-end moderno. Hacen la vida más fácil. Con la explosión de recursos, marcos, bibliotecas, etc. al alcance de la mano, comienza a ser bastante doloroso manejarlos todos…..a menos que uses un gestor de paquetes.El aprendizaje de npm requerirá que utilice la interfaz de línea de comandos (CLI). No es tan aterrador como suena. Hay muchos tutoriales en línea que pueden ayudarlo cuando esté listo para incorporar administradores de paquetes como parte de su proceso de desarrollo web.

    #19-Herramientas de compilación

    Además de npm, también necesita conocer herramientas de compilación, como Paquetes de módulos, Corredores de tareas y Linters. Estas herramientas tienen diferentes propósitos, pero son esenciales para el desarrollo web moderno.Los paquetes de módulos, como WebPack, se crearon para ayudarlo a rastrear las dependencias de los módulos entre archivos y agruparlos en un solo recurso. Uno de los principales beneficios de usar una herramienta como WebPack es el concepto de «Sacudir árboles», que evita que los recursos no utilizados se carguen innecesariamente.Los corredores de tareas, como Gulp, le permiten ejecutar herramientas como WebPack y Sass. Son útiles porque pueden observar los cambios en sus archivos Sass o WebPack y reconstruir la salida automáticamente. Aprender a usar un corredor de tareas sin duda ayudará a mejorar su productivity.As si trabaja con un equipo de otros ingenieros de front-end, es importante asegurarse de que se adhiere a una guía de estilo para su código JavaScript. Aquí es donde los linters, como ESLint, son útiles. Los linters le permiten especificar reglas, con respecto al espaciado, la sintaxis, el nombre, etc. en tu código. Cuando rompas estas reglas, tu linter te lo hará saber. Esencialmente, los linters son una forma útil de garantizar la calidad y consistencia de una base de código compartida.

    #20-Control de versiones

    Todo el mundo comete errores. Afortunadamente, hay control de versiones para eso. Como ingeniero de front-end, será esencial aprender a usar el control de versiones, como Git o Team Foundation Server (TFS). El control de versiones le permite ramificarse de su código de producción (esencialmente, crear una copia del mismo) y realizar cambios sin necesidad de preocuparse por estropear las cosas sin reparación. Sin embargo, cuando las cosas salen mal, como una implementación incorrecta, el control de versiones está ahí para salvar el día al permitirle revertir los cambios a la versión anterior.

    ¿Está listo para convertirse en ingeniero de experiencia de usuario?

    Así que, ahí lo tienes: Las 20 Habilidades Que Necesitas para Convertirte en Ingeniero de Experiencia de usuario en 2020. Espero que haya encontrado esta lista útil a medida que trabaja para mejorar sus habilidades. Si estás listo para convertirte en ingeniero de experiencia de usuario, ¡echa un vistazo al tablero de empleos!

    Si está interesado en obtener más información sobre el Diseño de experiencia de usuario o la Ingeniería de Front-End, considere suscribirse a UXE Semanalmente y reciba un nuevo artículo sobre Ingeniería de experiencia de usuario cada semana.

    Convertirse en un Unicornio

    Obtener artículos sobre UX/UI Diseño + Desarrollo Front-End

    Es GRATIS – No spam – Opt out

    Compartir por: