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

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.

¿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

Principios psicológicos de la UX
Patrones comunes de UX
Tratamiento y análisis de los datos brutos
Producción de assets básicos de UX
Arquitectura de la información
Usabilidad y accesibilidad
UX microcopy
Conocimiento de los métodos de gestión de proyectos (Lean, Agile, Design Sprint, etc.)
Conocimiento del diseño UI
Comprensión de las profesiones cercanas (diseñadores UI, director de producto, desarrolladores, marketing, etc.)

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

Procesamiento de datos: Excel, Google Sheet, Notion, Airtable
Documentos: Google Docs, Notion (o lo que sea, pero si es colaborativo, es mejor)
Estudio de los usuarios: Typeform, Google Forms, User Interviews, Respondent
Sitemap, userflow y otros diagramas: Miro, Diagrams
Wireframes : Figma, Adobe XD, Sketch (si se dispone de poco tiempo, se pueden hacer en papel, pero en un programa informático se ahorrará tiempo al diseñador UI)
Tests con usarios: Maze, User Testing, OneClickTest (para probar un prototipo)
Analítica: Google Analytics, Hotjar
Comentarios de los usuarios: Canny, UserVoice, Hotjar

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.