Qué es UX y UI en Diseño Web: Una guía básica
Lo que aprenderás:
- La diferencia en una frase
- Qué abarca la UX
- Investigación de usuario
- Estrategia y diseño de la experiencia
- Diseño de interfaz
- Diseño responsive
- Cómo se mide hoy la experiencia de usuario
- La accesibilidad también es UX
- Preguntas frecuentes
La UX (User Experience) es cómo funciona algo; la UI (User Interface) es cómo se ve. La UX decide que el botón de comprar esté donde el visitante lo busca y que el formulario pida solo lo imprescindible; la UI decide de qué color es ese botón y con qué tipografía. Un sitio bonito con mala UX es un sitio que frustra; uno feo con buena UX es incómodo pero funciona.
Revisado en agosto de 2026. El artículo es de 2021. Se actualizó el enlace de investigación de usuario, que apuntaba a un sitio del gobierno estadounidense ya retirado, y se añadió la parte que en 2021 no existía: que hoy una parte de la experiencia de usuario se mide con números, no con opiniones.
La diferencia en una frase
Se confunden todo el tiempo, y no por casualidad: aparecen juntas en las mismas ofertas de trabajo y en los mismos cursos. Pero son dos oficios distintos.
- UX responde a «¿esto funciona para quien lo usa?». Trabaja con estructura, flujos, jerarquía de información y decisiones de contenido.
- UI responde a «¿cómo se ve y se siente esto?». Trabaja con color, tipografía, espaciado, iconografía y estados.
El orden importa: la UX se define antes de saber de qué color va a ser nada. Un rediseño que empieza eligiendo la paleta es un rediseño que va a tener que rehacerse.
Qué abarca la UX
La experiencia de usuario es un campo amplio y no nació con la web: viene del diseño industrial y de producto, y lleva más de un siglo de recorrido. Tiene que ver con cómo una persona vive un producto; en nuestro caso, cómo es su paso por un sitio web.
Sus sub-disciplinas:
- Diseño de interfaz de usuario (UI, User Interface)
- Usabilidad
- Accesibilidad
- Ergonomía
- Interacción persona-computadora
- Mercadotecnia
Al diseñar algo para personas hay que aplicarla de principio a fin, para entender las necesidades y los puntos de fricción de quien va a usarlo.
Investigación de usuario
También llamada UX Research, es el estudio de la audiencia para la que se diseña. Como usuario: ¿qué buscas al entrar en un sitio web?
Incluye talleres, grupos focales, entrevistas y pruebas con usuarios reales.
Nuestra fase de investigación incluye además una entrevista al dueño del sitio, para entender cómo funciona su negocio, cómo es su día a día y qué elementos particulares de su marca quiere transmitir.
Un aviso práctico: la investigación de usuario no es preguntarle a tu equipo qué le parece. Tu equipo ya sabe dónde está todo, y por eso es el peor grupo de prueba que existe.
Estrategia y diseño de la experiencia
La UX Strategy define la visión: cómo quieres que se viva el sitio, cuál es el recorrido natural al navegar y hacia dónde vas llevando a la persona en cada paso. Es la foto amplia de cómo se alinean experiencia y funcionalidad.
Definida la estrategia entra el UX Design, que la ejecuta.
Conviene insistir en esto porque es donde más se resbala la gente: el diseño de la experiencia no es el diseño de la interfaz. La experiencia se define antes incluso de saber cómo se verá el sitio.
Diseño de interfaz
Con la estrategia y los elementos de experiencia ya definidos, llega el momento de conectarlo todo visualmente: el UI Design.
Aquí entran el diseño de marca (branding), la estética, la usabilidad aplicada y el diseño de contenido.
Diseño responsive
El diseño responsive es la capacidad de un sitio de «responder» al dispositivo en el que se abre.
Un sitio responsive bien hecho ofrece una experiencia útil sin importar si quien entra está en una computadora, una tablet o un celular.
Y debe considerarse en todas las fases del proyecto, no al final. Al fin y al cabo, lo primero que tenemos a la mano para buscar información y navegar es el celular, ¿no?
Cómo se mide hoy la experiencia de usuario
Esta es la parte que en 2021 no estaba, y es la que más ha cambiado.
Durante años la UX se discutía en términos de opinión: «se siente lento», «no me gusta cómo fluye». Eso sigue importando, pero hoy una parte de la experiencia se mide con números, y esos números son públicos y comparables.
Los Core Web Vitals de Google son, literalmente, métricas de experiencia de usuario:
- LCP mide cuánto tarda en aparecer el contenido principal. Es la paciencia de quien espera.
- INP mide cuánto tarda la página en responder cuando alguien toca algo. Es la sensación de que la interfaz «va lenta» o «no hace caso», traducida a milisegundos. Sustituyó al FID en marzo de 2024 precisamente porque el FID medía muy poco de lo que la gente siente.
- CLS mide cuánto se mueve el contenido mientras carga. Es el botón que se desplaza justo cuando ibas a tocarlo.
Estos tres no describen toda la experiencia —no dicen si tu formulario pide datos absurdos ni si tu menú tiene sentido—, pero acaban con una discusión entera: si alguien dice que su sitio se siente rápido, ahora se puede comprobar.
La accesibilidad también es UX
Suele tratarse como un requisito aparte, y no lo es: es la misma disciplina.
Contraste suficiente para quien no ve bien, navegación por teclado para quien no usa ratón, texto alternativo en las imágenes para quien usa lector de pantalla, y objetivos táctiles que se puedan tocar sin acertar al de al lado. Las pautas WCAG son la referencia.
Lo tratamos aquí y no en un apartado especial porque cada una de esas decisiones mejora el sitio para todo el mundo. El contraste bueno también se agradece con el sol de frente en la pantalla del celular.
Preguntas frecuentes
¿Puede una misma persona hacer UX y UI?
En equipos pequeños es lo normal y funciona. Lo que no funciona es hacer las dos cosas al mismo tiempo: elegir colores mientras todavía se está decidiendo qué va en cada pantalla.
¿Necesito investigación de usuario si mi negocio es pequeño?
Necesitas algo de investigación, no necesariamente un proceso formal. Cinco conversaciones con clientes reales dan más información que un mes de suposiciones internas, y no cuestan nada.
¿Un rediseño bonito va a mejorar mis ventas?
Solo si el problema era visual. Si la gente se va porque no encuentra los precios o porque el formulario pide diez campos, cambiar la tipografía no arregla nada. Por eso el orden es UX primero.
¿Cómo sé si mi sitio tiene un problema de UX?
Las señales más claras: la gente entra y se va sin tocar nada, abandona el formulario a mitad, o te escribe preguntando algo que ya está publicado en tu web. Esa última es la más reveladora: la información estaba, pero nadie pudo encontrarla.