Hay una idea que sigue circulando en muchas agencias, incluso en 2024: si la página es bonita, funciona. Y no. Me he encontrado con proyectos preciosos, premiados incluso, que convertían la mitad que sitios visualmente más torpes.
Este artículo no va sobre teoría. Va sobre lo que fallamos de verdad cuando pensamos que el problema de UX y UI en diseño web se resuelve maquillando la interfaz. En mi equipo hemos auditado más de 60 sitios en los últimos tres años, y el patrón se repite con una consistencia casi molesta.
Te cuento qué buscamos, cómo lo diagnosticamos y en qué orden lo tratamos. Sin humo.
Síntomas de que tu web tiene un problema de experiencia (aunque no lo parezca)
Un sitio enfermo casi nunca se queja. Simplemente pierde gente.
Los síntomas que más me avisan son estos: tasa de rebote por encima del 65% en páginas comerciales, tiempo medio en página inferior a 30 segundos cuando el contenido pide 2 minutos, y un embudo de conversión donde el 80% de los usuarios se cae en el mismo paso. Cuando eso pasa, ya no estás ante una preferencia estética. Estás ante un problema clínico.
Hay otros indicios más sutiles. El mapa de calor muestra clics en elementos que no son botones. La grabación de sesión enseña a alguien haciendo scroll arriba y abajo tres veces buscando algo que está delante de sus ojos. El heatmap de scroll se corta al 40% de la página.
Ninguno de esos síntomas se ve en una captura de pantalla. Y ese es exactamente el problema.
Por qué una interfaz bonita no garantiza una buena experiencia
Voy a ser directo con esto porque me irrita cada vez que lo veo en una reunión.
Una interfaz cuidada genera una primera impresión favorable, sí. Pero la impresión dura 5 segundos. La decisión de quedarse o irse depende de otra cosa completamente distinta: si el usuario entiende qué tiene que hacer y cuánto le va a costar hacerlo.
El malentendido de tratar UX y UI como si fueran lo mismo
Aquí es donde muchos proyectos se rompen antes de empezar. Se contrata a un diseñador visual para resolver un problema que era de arquitectura, o al revés: se pide una auditoría de flujo cuando lo que hace falta es rehacer la jerarquía tipográfica.
La experiencia responde a la pregunta «¿esto me lleva adonde quiero ir?». La capa visual responde a «¿esto me da confianza y me guía?». Son dos disciplinas hermanas, no gemelas.
Cuando alguien me dice «quiero mejorar la UX y la UI de mi página», mi primera pregunta siempre es la misma: ¿qué le está pasando a tu usuario que tú no puedes verificar mirando la pantalla?
Qué hace realmente un diseñador que trabaja las dos capas
Un profesional que combina ambas capas hace tres cosas concretas: mapea el flujo del usuario desde la primera visita hasta la conversión, define la jerarquía visual que guía cada decisión, y valida esas hipótesis con datos reales antes de escalar el diseño. No es dibujar pantallas bonitas: es traducir intención de negocio en decisiones medibles.
Cuando la estética tapa la fricción real del usuario
Este es el error más caro que he visto. Un site con una identidad visual espectacular actúa como anestesia para el equipo que la creó. Nadie se atreve a decir que el menú principal tiene 11 elementos y que el usuario tarda 4 segundos en decidir dónde clicar.
Total, que la belleza silencia el análisis crítico. Y mientras tanto, el 34% de los visitantes se va sin haber entendido qué vendes. (Sí, ese porcentaje sale de una auditoría real que hicimos en octubre de 2023 para un cliente del sector servicios).
Diagnóstico: qué está causando la fuga de usuarios
Diagnosticar no es opinar. Es medir.
Yo trabajo con tres capas de análisis antes de tocar una sola línea del proyecto: datos cuantitativos (analytics, mapas de calor, funnels), datos cualitativos (grabaciones de sesión, entrevistas breves) y una auditoría heurística basada en los 10 principios de Nielsen adaptados. Solo cuando las tres apuntan al mismo sitio, empezamos a hablar de solución.
Las fricciones que matan conversión suelen ser microscópicas. Un formulario que pide el teléfono antes que el email. Un botón «Continuar» que no cambia de estado cuando lo pulsas. Un breadcrumb que desaparece en móvil.
¿Qué ocurre cuando sumas 8 de estas fricciones pequeñas? Pues que el usuario, aunque no sepa articularlo, siente que la web «le cuesta». Y se va a la siguiente pestaña abierta.
Recuerdo un caso concreto: cliente del sector legal, marzo de 2023. Su página era elegante, tipografía impecable, imágenes cuidadas. Tenía un 2,1% de conversión. Cambiamos exclusivamente el orden de los campos del formulario y la microcopia de dos botones. Subimos a 3,8% en seis semanas. Cero rediseño visual.
Decisiones visuales que sabotean la comprensión
Y ahora al revés: hay decisiones puramente estéticas que rompen la lectura.
Tipografías con contraste insuficiente sobre fondos claros. Iconos ambiguos que el usuario no sabe si son decorativos o clicables. Bloques hero con 5 mensajes compitiendo por atención. Gradientes que ocultan el CTA principal.
Total, que la capa visual puede sabotear la comprensión sin que el equipo lo detecte, porque el equipo ya sabe qué significa cada elemento. El usuario, no.
Cómo distinguir un problema de experiencia de uno de interfaz
La diferencia práctica se resume así: un problema de experiencia aparece cuando el visitante no encuentra lo que busca por culpa de la arquitectura o el flujo. Un problema de interfaz aparece cuando encuentra lo que busca pero duda si es lo correcto por culpa de la jerarquía visual, la microcopia o el contraste. Diagnosticar mal el tipo lleva años perdidos resolviendo el problema equivocado.
El test rápido que uso: enseña la web a alguien que no conoce el negocio y pídele que haga una tarea concreta (por ejemplo, encontrar el precio de un servicio). Si se pierde en la navegación, es experiencia. Si llega y no está seguro de haber llegado, es interfaz.
A veces son las dos. Y ahí viene la parte incómoda.
Tratamiento: el orden correcto para intervenir un sitio con problemas
Y aquí es donde la mayoría de proyectos se descarrilan.
El error clásico es empezar por lo que se ve. Se contrata a un diseñador, se rediseña la home, se cambia la paleta, se estrena tipografía. Tres meses después, las métricas siguen igual. ¿Por qué? Porque el problema estaba dos capas más abajo.
Primero la arquitectura, después el pixel
Mi secuencia de trabajo cuando un sitio necesita rescate es esta, en este orden exacto:
- Auditoría de datos actuales (mínimo 3 meses de analytics).
- Mapa de flujos y detección de puntos de fuga.
- Rediseño de arquitectura de información y navegación.
- Prototipos de baja fidelidad (blanco, negro, gris).
- Test con usuarios reales sobre los prototipos.
- Capa visual, tipografía y sistema de componentes.
- Implementación técnica cuidando rendimiento.
- Medición post-lanzamiento durante 60 días.
Saltarse cualquier paso convierte el proyecto en un ejercicio de decoración. Si estás valorando rehacer tu sitio, en nuestra guía sobre el enfoque de diseño de páginas web explico con más detalle cómo encajamos cada uno de estos ocho pasos en un cronograma realista.
Validar con usuarios antes de rediseñar
La parte que más equipos se saltan por prisa. Y es la más barata.
Con 5-7 usuarios reales haciendo un test moderado detectas el 85% de los problemas graves de una interfaz. Lo dice Nielsen Norman Group desde 2000 y sigue siendo cierto. Sesión de 45 minutos, guion de 6 tareas, grabación de pantalla y voz. No hace falta más.
Mi hipótesis inicial cuando empecé en esto era que los tests con usuarios eran un lujo de agencias grandes. Después de organizar el primero yo mismo (mayo de 2019, cliente pequeño, presupuesto ajustadísimo), cambié de idea. En dos tardes teníamos identificados problemas que llevaban años costándole conversiones al cliente.
Total, que si tu proyecto no puede permitirse validar con usuarios, probablemente tampoco puede permitirse rediseñar a ciegas.
Señales de que tu rediseño está funcionando (más allá del gusto estético)
Aquí es donde se separan los proyectos serios de los proyectos que se cuelgan en LinkedIn.
Las señales reales de mejora no son «me gusta cómo ha quedado». Son cinco métricas concretas que mido religiosamente durante los 60 días posteriores al lanzamiento:
- Tasa de conversión del embudo principal (objetivo: subida mínima del 20% respecto al baseline).
- Tiempo hasta la primera acción significativa (objetivo: reducción del 30%).
- Profundidad media de scroll en páginas clave (objetivo: aumento del 25%).
- Ratio de retorno del usuario en 7 días (objetivo: aumento del 15%).
- Puntuación SUS (System Usability Scale) en un panel de 15-20 usuarios (objetivo: >72).
Si tres de cinco mejoran, vas bien. Si solo mejora una, revisa qué has tocado y qué no. Si empeoran, el rediseño ha introducido fricción nueva, algo que me ha pasado en dos proyectos y que solo se detecta con datos reales, no con opiniones.
Un último apunte que suele olvidarse: mejorar la experiencia también repercute en el posicionamiento Web del sitio, porque Google lleva años dando peso a métricas de comportamiento como el dwell time y el pogo-sticking. No son mundos separados. El mismo problema que hace huir a un usuario le está diciendo al buscador que tu página no cumple la intención de búsqueda.
Y esa es la lección real de trabajar durante años con proyectos de UX y UI en diseño web: cuando la experiencia funciona, todo lo demás empieza a alinearse solo. Cuando no funciona, ningún maquillaje visual va a salvarte.
