UI significa interfaz de usuario: la parte gr谩fica de una aplicaci贸n, sitio web o dispositivo con la que interact煤a un usuario humano. Los dise帽adores de UI hacen que estos dise帽os y elementos interactivos sean intuitivos, accesibles e inclusivos.
Read in English. (Leer en ingl茅s.)
Cuando accedes a un sitio web o a una aplicaci贸n en tu tel茅fono, suele haber una interfaz gr谩fica que te permite navegar y, con suerte, conseguir lo que te propones. Los dise帽adores de UI crean los elementos y dise帽os que facilitan tus acciones.
Crear interfaces visualmente agradables es importante, pero la interfaz de usuario va mucho m谩s all谩 de la est茅tica. Cuando se utiliza una aplicaci贸n, 茅sta debe ser intuitiva: se debe saber c贸mo hacer lo que se ha propuesto sin ninguna explicaci贸n. Debe saber d贸nde se encuentra dentro de un sitio o una aplicaci贸n. Tambi茅n debe tener una buena idea de lo que ocurrir谩 si pulsa un bot贸n o acciona un interruptor de palanca. Los dise帽adores de interfaz de usuario utilizan se帽ales visuales para ayudar a guiar al usuario a trav茅s de la interfaz.
Tambi茅n debe ser accesible e inclusiva. Los usuarios deben ser capaces de manejar y entender la interfaz independientemente de su capacidad, edad, raza, identidad de g茅nero o procedencia. Esto puede significar la elecci贸n de una fuente f谩cil de leer y traducible a diferentes idiomas, o la selecci贸n de colores que los usuarios dalt贸nicos puedan diferenciar.
Veamos con m谩s detalle qu茅 hacen los dise帽adores de interfaz de usuario, en qu茅 se diferencian de los dise帽adores de experiencia del usuario, por qu茅 podr铆as considerar esta carrera y c贸mo empezar.
Si lees un poco sobre el dise帽o de la interfaz de usuario, es probable que te encuentres con algunos t茅rminos con los que no est谩s familiarizado. El mundo de la experiencia del usuario (UX) y el dise帽o de la interfaz de usuario tiene su propio vocabulario. Aqu铆 tienes algunos t茅rminos con los que debes familiarizarte.
Interfaz de usuario: El medio por el que una persona interact煤a con una aplicaci贸n o dispositivo de hardware
罢颈辫辞驳谤补蹿铆补: El estilo y la apariencia del material escrito; el arte de hacer que el tipo de letra sea legible y atractivo
Teor铆a del color: Una serie de conceptos y principios rectores para los efectos de dise帽o visual de los colores y c贸mo se mezclan, combinan y contrastan
Prototipo: Una muestra o simulaci贸n de un producto final que se utiliza para probarlo y recopilar opiniones
Esquema: Dise帽o que muestra los elementos funcionales de una interfaz
Gu铆a de navegaci贸n: Una forma de mostrar a los usuarios de un sitio web d贸nde se encuentran en la jerarqu铆a de un sitio web (y c贸mo han llegado all铆)
Accesibilidad: El concepto de si un servicio o producto puede ser utilizado por personas de todas las capacidades, independientemente de sus situaciones
Asequibilidad: Caracter铆stica o propiedad de un elemento que ayuda al usuario a entender c贸mo puede interactuar con 茅l
Como dise帽ador de interfaz de usuario, te encargar谩s de dise帽ar el aspecto de los productos digitales y la forma en que los usuarios interactuar谩n con ellos. Esto abarca una serie de tareas y decisiones que pueden incluir:
Dise帽ar las disposiciones y espaciar adecuadamente los elementos de una p谩gina
Mejorar y modernizar los entornos de dise帽o existentes
Garantizar que los dise帽os se adapten a m煤ltiples tipos de dispositivos (dise帽o adaptativo)
Visualizar elementos interactivos, como botones, deslizadores, palancas, iconos, men煤s desplegables y campos de texto
Elecci贸n de paletas de colores, fuentes y composici贸n tipogr谩fica
Elaboraci贸n de gu铆as de estilo para lograr una identidad de marca coherente en toda la empresa
Crear wireframes o dise帽os de alta fidelidad (hi-fi) para mostrar el aspecto de una interfaz con elementos visuales y de marca incluidos
Comunicarte con los desarrolladores para asegurarte de que las caracter铆sticas se implementan seg煤n lo previsto
Analizar el impacto de los cambios de dise帽o y usabilidad
"Una parte importante de ser un dise帽ador de UI es que formas parte de un equipo", dice Michael Worthington, socio fundador del estudio de dise帽o Counterspace de Los 脕ngeles y miembro de la facultad del Instituto de las Artes de California, "y tus soluciones creativas tienen que funcionar en conjunto con muchas otras preocupaciones de otros miembros del equipo: cuestiones de back-end, estrategias de marketing, comentarios de UX, etc. Cuando tu trabajo mejora gracias a estas interacciones es cuando el trabajo en equipo funciona de verdad."
Como dise帽ador de UI, llevar谩s tu creatividad a un entorno digital y utilizar谩s habilidades t茅cnicas para trasladar tus ideas a la pantalla. Los dise帽adores de interfaz de usuario eficaces se basan en un amplio conjunto de habilidades. Lo m谩s probable es que ya poseas algunas de estas habilidades clave:聽
贰尘辫补迟铆补: Crear un producto f谩cil e intuitivo suele significar ver las cosas desde la perspectiva del usuario. Si eres capaz de empatizar con las personas que van a utilizar tus dise帽os, podr谩s empezar a adaptar tus decisiones de dise帽o a sus necesidades.
颁辞濒补产辞谤补肠颈贸苍: El desarrollo de productos es un esfuerzo de equipo. Es probable que trabajes en estrecha colaboraci贸n con los dise帽adores de UX y los investigadores de usuarios para transformar sus esquemas b谩sicos y arquitecturas de informaci贸n en prototipos completamente dise帽ados. Tambi茅n trabajar谩s con los desarrolladores de front-end para traducir sus dise帽os en c贸digo funcional. A veces tambi茅n te pedir谩n que presentes tus dise帽os a las partes interesadas.
Herramientas de dise帽o y creaci贸n de prototipos: Las herramientas exactas que utilices pueden variar en funci贸n de la empresa para la que trabajes, del producto que est茅s dise帽ando o de tus preferencias personales. Algunas de las herramientas de dise帽o de interfaz de usuario m谩s populares con las que deber铆as familiarizarte son Sketch, Firma, InVision, Balsamiq, Axure y Adobe XD.
Teor铆a del color: Algunas de las elecciones m谩s importantes que har谩s como dise帽ador de UI tienen que ver con los colores y las paletas de colores. No se trata solo de lo que se ve bien. Los colores tambi茅n pueden indicar la funci贸n y apoyar la identidad de la marca.
La tipograf铆a: M谩s del 90 por ciento de la informaci贸n en Internet viene en forma de texto []. Dado que desempe帽a un papel tan importante, la tipograf铆a puede marcar la diferencia entre una buena y una mala interfaz de usuario.
Patrones de dise帽o: Los patrones de dise帽o de la interfaz de usuario ofrecen soluciones generales a problemas de dise帽o comunes. Familiarizarte con estos patrones y componentes comunes te ahorrar谩 tiempo y te permitir谩 centrarte en problemas m谩s espec铆ficos de los usuarios.
El dise帽o de la experiencia de usuario (UX) y de la interfaz de usuario (UI) suelen ir de la mano, pero ambos campos presentan algunas diferencias importantes. Mientras que la UX abarca la experiencia general que tiene un usuario con un producto o servicio, la UI se centra en el dise帽o gr谩fico y la interfaz.
Si te apasiona el dise帽o y te interesa el desarrollo de productos y el trabajo de dise帽o web, la carrera de dise帽o de interfaz de usuario podr铆a ser una buena opci贸n. Trabajar en este campo te da la oportunidad de trabajar en un entorno de colaboraci贸n para crear soluciones a problemas del mundo real.
"El dise帽o de interfaz de usuario ofrece una carrera que mezcla lo pr谩ctico y lo creativo", dice Worthington. "La resoluci贸n creativa de problemas mantiene tu cerebro activo y comprometido, y francamente hace que el trabajo sea agradable. Para m铆, una carrera en la que puedes realizarte de forma creativa y ser pagado por tu trabajo es la mejor recompensa".
Para m铆, una carrera en la que puedes sentirte creativamente satisfecho y que te paguen por tu trabajo es la mejor recompensa.
Seg煤n Talent.com, los dise帽adores de UI en M茅xico pueden ganar un salario de $18,000 (MXN) al mes []. Tambi茅n, el salario medio anual de los dise帽adores web en M茅xico, que tienen funciones similares a los dise帽adores de UI, es de $148,000 (MXN)鈥攅sto puede fluctuar entre $115,000 a $311,000 (MXN) [闭.听
Aunque las interfaces de usuario han existido desde que tenemos m谩quinas y computadoras, el papel del dise帽ador de interfaz de usuario es relativamente nuevo (y est谩 creciendo r谩pidamente). En marzo de 2021, esta funci贸n era uno de los diez puestos de trabajo con mayor crecimiento intermensual en LinkedIn [闭.听
Hay muchos caminos para trabajar como dise帽ador de interfaz de usuario. El proceso puede variar en funci贸n de tu experiencia, educaci贸n, habilidades transferibles y el tipo de empresa para la que esperas trabajar. Veamos algunos de los pasos que puedes dar para prepararte para el 茅xito.
Una carrera en el dise帽o de interfaz de usuario/UX empieza por tener las habilidades adecuadas. Aunque no siempre es necesario para conseguir un trabajo, obtener un t铆tulo es una forma de empezar a construir tu conjunto de habilidades. Algunas universidades ofrecen programas de t铆tulo en interacci贸n persona-ordenador, computaci贸n centrada en el ser humano o dise帽o centrado en el ser humano. Los t铆tulos o cursos de dise帽o web, dise帽o digital y artes gr谩ficas suelen estar orientados a habilidades que se solapan con el dise帽o de la interfaz de usuario.
Otra opci贸n es tomar los cursos o asistir a bootcamps especializados en dise帽o de interfaz de usuario. Busca programas que te den experiencia pr谩ctica con las herramientas de interfaz de usuario m谩s comunes para que puedas poner en pr谩ctica lo que est谩s aprendiendo.
"Piensa en el papel que quieres desempe帽ar en la interfaz de usuario y desarrolla tus puntos fuertes en esa 谩rea", aconseja Worthington. "驴Eres un dise帽ador de interfaz de usuario (gr谩fico) pr谩ctico? 驴Te especializas en organizaci贸n y estructura, estrategia, branding, y te superpones a la UX? Juega con tus puntos fuertes y anota tus puntos d茅biles."
"Despu茅s de aprender algunos aspectos b谩sicos, intenta trabajar en un proyecto real lo antes posible", recomienda Roman Jaster, profesor visitante del Instituto de Artes de California. "Los proyectos de estudiantes est谩n muy bien (y son realmente valiosos para aprender las t茅cnicas b谩sicas), pero los proyectos in the wild (silvestres) tienen un a帽adido importante: usuarios reales, ya sabes, la U de la UX".
Despu茅s de aprender algunos aspectos b谩sicos, intenta trabajar en un proyecto real lo antes posible.
Tampoco tienes que esperar a que te contraten para empezar a ganar experiencia. Empieza trabajando en el dise帽o de tu propio sitio web, o mira si alg煤n familiar o amigo tiene sitios o aplicaciones a los que les vendr铆a bien un redise帽o. Presta atenci贸n al dise帽o de las p谩ginas o aplicaciones que utilizas habitualmente y piensa en c贸mo podr铆as mejorar la interfaz de usuario.
Si est谩s estudiando un t铆tulo, consulta con la oficina de servicios profesionales de tu centro para ver si hay oportunidades de pr谩cticas. Tambi茅n puedes ofrecer tus servicios de dise帽o a escuelas locales u organizaciones sin fines de lucro.
A medida que vayas ganando experiencia, c茅ntrate en aprender el software com煤n a los trabajos de interfaz de usuario.
"En este momento, la fluidez con Figma te ayudar谩 realmente a visualizar tus ideas y a encajar en un entorno de trabajo", dice Worthington, "pero es importante recordar que cualquier software que utilices es solo una herramienta. La experiencia que aportes en el uso de la herramienta es a煤n m谩s importante: las habilidades de dise帽o gr谩fico, el pensamiento creativo y la imaginaci贸n deben formar la columna vertebral de tu conjunto de habilidades."
Los conocimientos de dise帽o gr谩fico, el pensamiento creativo y la imaginaci贸n deben constituir la base de tu conjunto de habilidades.
El portafolio es quiz谩 el factor m谩s importante a la hora de solicitar puestos de trabajo en el sector de la inform谩tica. M谩s que ninguna otra cosa, tu cuerpo de trabajo demuestra a los posibles empleadores lo que puedes hacer. No es necesario tener un sitio web propio para tener un portafolio. Las plataformas de portafolio en l铆nea, como Dribbble, Behance o Coroflot, ofrecen un lugar c贸modo y gratuito para mostrar tus dise帽os.听
A medida que ganes experiencia, recuerda actualizar tu portafolio con tus mejores y m谩s recientes trabajos.听
Aunque muchos dise帽adores se enteran de los puestos vacantes a trav茅s de las bolsas de trabajo p煤blicas, tambi茅n es posible encontrar oportunidades directamente a trav茅s de tu red de contactos. Empieza a establecer relaciones con otros profesionales del desarrollo de proyectos (incluidos dise帽adores de UX y desarrolladores web) asistiendo a eventos del sector o interactuando en l铆nea. Nunca sabes a qui茅n puedes conocer o qu茅 puertas pueden abrir esas relaciones.
Si est谩s listo para comenzar tu camino hacia una carrera en el dise帽o de interfaz de usuario, el Instituto de Arte de California ofrece una especializaci贸n en dise帽o de UI/UX. A trav茅s de esta serie de cuatro cursos, aprender谩s de Worthington, Jaster, y otros profesores las t茅cnicas y habilidades para el dise帽o de sitios web y aplicaciones visualmente impulsadas. Tambi茅n puedes tomar un curso de introducci贸n a los Elementos visuales del dise帽o de la interfaz de usuario para ver por ti mismo si la UI es adecuada para ti.
Adobe. ", https://xd.adobe.com/ideas/process/ui-design/typography-in-ui-design/." Consultado el 25 de marzo de 2021.
Talent.com. ", https://mx.talent.com/salary?job=dise%C3%B1ador+ui#:~:text=El%20salario%20dise%C3%B1ador%20ui%20promedio,perciben%20hasta%20%24%20360%2C000%20al%20a%C3%B1o." Consultado el 11 de mayo de 2022.
Payscale. ", https://www.payscale.com/research/MX/Job=Web_Designer/Salary." Consultado el 11 de mayo de 2022.
LinkedIn. ", https://business.linkedin.com/talent-solutions/blog/trends-and-research/2020/most-in-demand-jobs". Consultado el 25 de marzo de 2021.
Editorial Team
糖心vlog官网观看鈥檚 editorial team is comprised of highly experienced professional editors, writers, and fact...
This content has been made available for informational purposes only. Learners are advised to conduct additional research to ensure that courses and other credentials pursued meet their personal, professional, and financial goals.