Emojis of toolbox, hammer and spanner and laptop

Las habilidades, tareas y herramientas del diseño UX/UI

Última actualización: 20 de junio de 2022 Tiempo de lectura: 10 min

En resumen

¿Qué hacemos en el diseño de UX y UI? En este artículo enumero las características que están en la base de esta profesión desde los estudios de usuario hasta el prototipado final a través de las herramientas más comunes.


Este artículo forma parte de otro ⚠️

Si esta es su primera visita aquí, bienvenido 👋 . Ten en cuenta que este artículo forma parte de otro más global: Iniciarse en el diseño UX/UI, una guía completa. Aunque no es esencial, sigo recomendando empezar allí primero si eres nuevo en el diseño UX/UI.

Tabla de contenido

¿Quién hace qué?

En el artículo anterior, aclaramos el significado de los diferentes títulos de trabajo, ahora es el momento de entrar en más detalles.

Las siguientes listas no son, por supuesto, definitivas, los campos evolucionan y, en función de tu puesto, tendrás que utilizar parte de lo que enumero a continuación. Especialmente para las herramientas, no son exhaustivas, hay muchas de ellas para cada necesidad y regularmente aparecen otras nuevas.

Nota: ten en cuenta que seguramente harás UX y UI, como diseñador UX/UI. Pero eso no significa que tengas que ser un experto en UX y UI, eso sería mucho, y en realidad, no mucha gente puede presumir de eso. Volveré a hablar de eso en este artículo.

Para complementar mi experiencia, analicé muchas ofertas de empleo para ver las habilidades requeridas según el título del puesto. Puedes ver los datos en bruto aquí: Lista de ofertas de empleo UX UI (los encontrarás en otros artículos míos).

Sobre los enlaces

Para algunos elementos de las listas, he enlazado a un recurso como una entrada de blog para profundizar en el tema. Para completar la lista, recomiendo mi libro gratuito donde enumero muchos recursos para aprender diseño UX/UI.

¿Qué hace un diseñador UX?

El diseñador UX está cerca de los usuarios para entenderlos y producir soluciones adaptadas. Entre otras cosas, debe mostrar empatía y disfrutar resolviendo problemas para ayudar a las personas. Los conocimientos en psicología y sociología serán bienvenidos. También debe saber adaptarse y ser un buen comunicador.

Habilidades

Tareas

  • Mantenerse al día con las tendencias y las noticias
  • Análisis de la competencia
  • Investigación y estudios de usuarios
  • Estructuración del producto o servicio
  • Creación de wireframes y prototipos de baja fidelidad (más información)
  • Tests con usuarios
  • Coordinación con los diseñadores UI y los desarrolladores (y los actores del proyecto en general)

Habilidades blandas (o “Soft skills”)

  • Creatividad
  • Observación
  • Comunicación
  • Curiosidad
  • Autoeducación
  • Empatía

Herramientas

A continuación, se presentan algunos ejemplos no exhaustivos de materiales producidos por un diseñador UX:

Captura de un UX persona
↳ [1] Persona - PietAlberts (source)
Ejemplo UX de un User Flow
↳ [2] User Flow - Rafal Tomal, QuickFrames (source)
Ejemplo UX de un Wireframe
↳ [3] Wireframe - Adam Kalin, Intent (source)

Sobre los textos

El diseñador UX puede encargarse del “microcopy” (por ejemplo, el texto de un botón), pero para los textos más largos (“copywriting” o “macrocopy”) será más bien el equipo de marketing y/o un copywriter, porque es una habilidad independiente, especialmente en el contexto de un sitio web, por ejemplo, que suele tener más texto que una aplicación móvil.

¿Qué hace un diseñador UI?

Como hemos definido antes, el diseñador UI partirá del trabajo del diseñador UX (casi siempre los wireframes) para vestir y dar forma al producto con los mockups. Si estuviéramos hablando de una casa, el diseñador UX sería el arquitecto y el diseñador UI, el decorador. Entre otras cosas, debe mostrar creatividad visual, empatía y buenos conocimientos en las reglas del diseño UI (colores, tipografía, accesibilidad, tipos de componentes, etc.).

Recuerda que estoy hablando de un diseñador UI que sólo trabaja con tipos de interfaz GUI (ver ¿Cómo definir la UI?), pero en general, las tareas son más o menos las mismas para los otros tipos de interfaces.

Habilidades

Tareas

  • Estar al día de las tendencias y las noticias
  • Análisis visual de la competencia y de productos similares.
  • Creación y mantenimiento de una styleguide (o un design system).
  • Creación de mockups (pantallas sin interacciones)
  • Creación de prototipos de media y alta fidelidad (mockups con interacciones y animaciones, más información)
  • Tests de los prototipos con los usuarios.
  • Preparación de los assets para el desarrollo.
  • Coordinación con los diseñadores UX y los desarrolladores (y los actores del proyecto en general)

Habilidades blandas (o “Soft skills”)

  • Creatividad
  • Observación
  • Comunicación
  • Curiosidad
  • Autoeducación
  • Empatía

Herramientas

A continuación, se presentan algunos ejemplos no exhaustivos de materiales producidos por un diseñador UI:

Ejemplo UI de una styleguide
↳ [4] Styleguide - Robert Mayer (source)
Ejemplo de diseño de iconos
↳ [5] Diseño de iconos - Omnium (source)
Ejemplo UI de diseños de un mockup
↳ [6] Mockups - hoirul Syafril, Keitoto (source)
Captura de una sesión de creación de prototipos con Adobe XD
↳ [7] Prototipos en Adobe XD - Marco Ho (source)

¿Y el diseñador UX/UI?

Pero entonces, ¿un diseñador UX/UI hace el trabajo de dos personas? No, porque por ejemplo, no hace toda la metodología UX, eso sería demasiado trabajo.

He enumerado voluntariamente primero lo que hace un diseñador UX y luego un diseñador UI, pero ten en cuenta que como diseñador UX/UI, tendrás que hacer tareas en ambas áreas, con un enfoque más o menos en UX o UI dependiendo del puesto.

En algunas empresas (grandes en general), hay gente que sólo hace UX y otros que sólo hacen UI, porque si se profundiza en cada tema, hay bastante espacio para especializarse.

Pero por supuesto, muchas startups y empresas medianas tienen diseñadores de UX/UI que trabajan en ambos lados. Sin poner en marcha todas las prácticas de ambos campos, por razones de tiempo y presupuesto, por lo que aplicamos el mínimo de métodos, con el fin de lanzar productos viables mínimos rápidamente.

Sea flexible (pero no demasiado)

En realidad es casi imposible definir exactamente lo que harán todos los diseñadores UX/UI del planeta, ten en cuenta que debido a la juventud de la profesión, es probable que por ejemplo, hagas algo de HTML y diseño gráfico, dependiendo de tus habilidades. Dicho esto, si haces más tareas fuera del diseño UX/UI, entonces tu trabajo no es bien entendido por tu empresa.

Esto lo veremos más adelante con el artículo sobre el mercado de trabajo y algunas ofertas que requieren demasiadas habilidades para un diseñador UX/UI.

Para continuar con su impulso

Después de repasar las habilidades de diseño de UX y UI, veamos cómo se utilizan en la práctica con una situación de la vida real:


Doko Zero avatar

Doko Zero
Diseñador UI con conocimientos de UX y desarrollo web

Recibe mis actualizaciones

Se le notificará por email las nuevas publicaciones y productos.

Al utilizar este sitio, usted acepta el uso de cookies. Cerrar