≡En resumen
- El diseñador UX decide cómo se organiza y se comporta un producto; el diseñador UI, cómo se ve.
- Su trabajo empieza en la investigación y termina cuando la solución está probada y bien explicada a desarrollo.
- Un buen entregable UX se reconoce porque responde a un problema documentado y se ha probado con usuarios.
- El handoff a desarrollo (estados, errores, reglas, accesibilidad) es tan importante como las pantallas.
- Para contratar, pide casos con proceso y resultados, no solo pantallas bonitas.
01 ¿Qué es user experience design?
El proceso completo de la disciplina (fases, métodos de investigación y métricas) está en la ficha de experiencia de usuario (UX). Aquí nos centramos en la persona que diseña: qué hace el diseñador UX en un proyecto real, qué debe entregar y cómo valorar si lo ha hecho bien.
| Perfil | Pregunta que responde | Entregable principal |
|---|---|---|
| UX designer | ¿Cómo se organiza y funciona el producto para que el usuario complete su tarea? | Flujos, wireframes, prototipos |
| UI designer | ¿Cómo se ve y se siente cada pantalla? | Diseño visual, componentes, estilos |
| UX researcher | ¿Qué necesitan y hacen los usuarios? | Informes de investigación |
| Product designer | ¿Qué construir y cómo, con visión de negocio? | Todo lo anterior, con más peso en producto |
| UX writer | ¿Qué dice la interfaz y cómo? | Textos de botones, errores y ayudas |
La diferencia con el diseño de interfaz la desarrollamos en la ficha de UI design. En pymes y startups es habitual que una sola persona haga UX y UI.
02 Qué hace un diseñador UX en un proyecto
-
1
Entender el problema
Revisa datos de analítica y soporte, entrevista a negocio y a usuarios, y define qué tarea hay que mejorar y cómo se medirá.
-
2
Estructurar
Organiza contenidos y navegación, y dibuja los flujos de cada tarea, incluidos errores y casos límite.
-
3
Bocetar y prototipar
Pasa de bocetos a wireframes y a un prototipo navegable con el detalle justo para probar.
-
4
Probar con usuarios
Organiza tests de usabilidad, analiza dónde fallan y corrige en ciclos cortos.
-
5
Especificar para desarrollo
Documenta estados, reglas, textos y criterios de accesibilidad para que la implementación sea fiel.
-
6
Medir tras el lanzamiento
Revisa métricas y comportamiento real y propone la siguiente iteración.
La investigación del primer paso puede hacerla el propio diseñador o un perfil especializado; en nuestra guía de UX research explicamos qué método usar en cada caso.
03 Entregables del diseño UX y cómo evaluar su calidad
| Entregable | Señal de calidad | Señal de alarma |
|---|---|---|
| Mapa del sitio o de la app | Nombres de secciones validados con usuarios (card sorting o tree testing) | Copia el organigrama de la empresa |
| Diagrama de flujo de tareas | Incluye errores, estados vacíos y caminos alternativos | Solo muestra el camino feliz |
| Wireframes | Jerarquía clara y contenido real o realista | Textos de relleno que ocultan problemas de espacio |
| Prototipo interactivo | Probado con usuarios, con cambios documentados | Solo se ha enseñado en reuniones internas |
| Informe de pruebas | Problemas priorizados por gravedad, con evidencias | Opiniones sin tareas ni observación |
| Especificación para desarrollo | Estados, reglas de validación, textos y accesibilidad | Pantallas sueltas sin comportamiento |
La arquitectura de la información es el entregable que menos luce y el que más condiciona el resto: si la estructura falla, ningún prototipo lo arregla.
04 El handoff a desarrollo: donde se pierde el diseño
La ISO 9241-210 incluye dentro de la actividad de producir soluciones de diseño el deber de comunicarlas a quienes las van a implementar. En la práctica, muchos proyectos pierden ahí buena parte del trabajo: el equipo de desarrollo recibe pantallas estáticas y tiene que adivinar el resto.
- ✓Todos los estados de cada componente: normal, activo, deshabilitado, cargando, error y vacío.
- ✓Reglas de validación de formularios y mensajes de error redactados.
- ✓Comportamiento en móvil, tableta y escritorio.
- ✓Orden de foco del teclado, textos alternativos y contrastes según las WCAG 2.2.
- ✓Componentes reutilizados del sistema de diseño, en lugar de piezas únicas.
- ✓Eventos de analítica que se deben medir en cada flujo.
05 Habilidades de un diseñador UX
Investigación
Entrevistar sin sesgar, observar y sintetizar hallazgos en decisiones.
Pensamiento estructural
Organizar contenidos, tareas y navegación de forma lógica para el usuario.
Prototipado
Dominar herramientas como Figma o Penpot para probar ideas rápido.
Evaluación
Diseñar y moderar tests de usabilidad e interpretar métricas.
Comunicación
Defender decisiones ante negocio y explicarlas a desarrollo.
Nociones técnicas
Entender qué es costoso de programar y cómo funcionan HTML, CSS y las API.
06 Errores frecuentes en proyectos de diseño UX
- ✓Empezar por el diseño visual sin haber definido qué tarea se quiere mejorar ni cómo se medirá.
- ✓Diseñar solo el camino ideal y descubrir los errores, estados vacíos y excepciones en desarrollo.
- ✓Probar el prototipo únicamente con compañeros de la empresa, que ya conocen el producto.
- ✓Usar textos de relleno en los wireframes y encontrarse después con contenidos que no caben.
- ✓Entregar pantallas sin especificar comportamiento, validaciones ni accesibilidad.
- ✓Dar el proyecto por cerrado en el lanzamiento, sin medir si el cambio ha funcionado.
Un portal de empleo diseña un formulario de candidatura de un solo paso. En el prototipo, con datos de ejemplo cortos, parece perfecto. En el test con cinco candidatos reales aparece el problema: al adjuntar el CV desde el móvil, la mitad no encuentra el archivo en su teléfono. El diseñador añade la opción de importar el perfil de LinkedIn y un enlace para enviarlo más tarde por email. Detectarlo en el prototipo costó una tarde; en producción habría costado candidaturas perdidas cada día.
07 Cómo contratar diseño UX: interno, freelance o agencia
| Opción | Encaja cuando | Riesgo |
|---|---|---|
| Diseñador UX en plantilla | Tienes un producto propio en evolución continua | Coste fijo y perfil aislado si no hay cultura UX |
| Freelance | Necesitas un proyecto acotado con alcance claro | Dependencia de una persona y poca continuidad |
| Agencia | Quieres investigación, UX, UI y desarrollo coordinados | Hay que asegurar que el conocimiento se transfiere a tu equipo |
- ✓Pide dos casos completos: problema, proceso, pruebas con usuarios y resultado medido.
- ✓Pregunta cómo documenta el handoff y enseña un ejemplo real.
- ✓Comprueba que incluye accesibilidad en sus entregables.
- ✓Acuerda desde el inicio qué métricas deben mejorar y cómo se medirán.
- ✓Exige los archivos fuente editables al final del proyecto.
En appyweb el diseño UX se integra con el desarrollo: quien diseña el flujo trabaja con quien lo programa. Si tu proyecto es una web corporativa o una tienda, lo abordamos dentro de un diseño web a medida con la misma metodología.
Preguntas frecuentes sobre User experience design
Es el diseño de la estructura, los flujos y la interacción de un producto digital a partir de la investigación con usuarios, validado con pruebas antes de desarrollarlo.
Analiza datos y habla con usuarios, dibuja flujos y wireframes, construye prototipos, organiza tests de usabilidad y documenta el diseño para el equipo de desarrollo.
El UX design decide cómo se organiza y se comporta el producto; el UI design, cómo se ve cada pantalla. Son complementarios y a menudo los hace la misma persona.
Mapas del sitio, diagramas de flujo, wireframes, prototipos interactivos, informes de pruebas con usuarios y especificaciones para desarrollo con estados, reglas y accesibilidad.
Figma, Penpot o Sketch para diseñar y prototipar; herramientas de pruebas remotas como Maze u Optimal Workshop; y analítica como Google Analytics 4 o Microsoft Clarity.
No, pero ayuda entender cómo funcionan HTML, CSS y las API para diseñar soluciones viables y comunicarse bien con desarrollo.
Depende del alcance. Mejorar un flujo concreto puede llevar dos o tres semanas con una ronda de pruebas; diseñar una app completa, varios meses con iteraciones por funcionalidad.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗