Above the fold: qué es y por qué importa
Above the fold es la zona visible de tu web sin hacer scroll. Aprende qué elementos incluir, qué dice el eye-tracking y cómo optimizarla para convertir...

El diseño centrado en el usuario (DCU) —o User-Centered Design en inglés— es una metodología de diseño que sitúa las necesidades, comportamientos, limitaciones y objetivos de los usuarios reales en el centro de cada decisión de diseño. En lugar de diseñar lo que parece lógico desde dentro de la organización, el DCU parte de entender cómo piensan, qué necesitan y cómo se comportan las personas que van a usar el producto.
La norma ISO 9241-210 define el DCU como "un enfoque de desarrollo de sistemas que aplica técnicas de factores humanos y ergonomía para hacer sistemas usables y útiles". En la práctica, significa que cada decisión de diseño —desde la arquitectura de información hasta el color de un botón— se toma con evidencia de cómo los usuarios reales interactúan con el producto.
La consultora Forrester Research estimó que cada euro invertido en UX genera entre 2 y 100 euros de retorno, dependiendo del contexto. La varianza es grande, pero la dirección es consistente: diseñar con el usuario en mente tiene retorno económico directo.
El DCU se basa en cuatro principios fundamentales que definen cómo se aborda cada proyecto:
1. El diseño está orientado hacia usuarios, tareas y entornos reales. No diseñas para un usuario hipotético ni para condiciones ideales. Diseñas para cómo las personas reales usan el producto en su contexto real —con distracciones, con prisa, con conocimientos limitados del sistema.
2. Los usuarios participan activamente en el diseño. El DCU no es diseñar "para" usuarios: es diseñar "con" usuarios. La investigación, los tests y la validación con personas reales son parte estructural del proceso, no una fase opcional al final.
3. El diseño es iterativo. No existe un diseño perfecto desde el primer intento. El DCU asume que habrá ciclos de diseño, test y refinamiento. Cada iteración incorpora aprendizajes de la anterior.
4. El diseño cubre toda la experiencia. No solo la interfaz visual: incluye el flujo completo, los mensajes de error, los estados vacíos, los correos transaccionales, la carga cognitiva en cada paso.
La investigación es la base de todo el proceso. Sin entender al usuario, el diseño es intuición presentada como metodología. Las técnicas más usadas en esta fase son:
El output de esta fase son patrones de comportamiento, no listas de features que los usuarios piden. Lo que los usuarios dicen que quieren y lo que realmente necesitan son cosas distintas —el buen investigador sabe leer entre líneas.
Con los datos de investigación, el equipo construye personas: arquetipos de usuario que representan los patrones de comportamiento, objetivos y frustraciones identificados. Una persona bien construida no es una demografía (mujer, 35-45 años, nivel socioeconómico medio-alto): es una descripción de comportamiento y motivación.
| Componente de una persona | Qué incluye |
|---|---|
| Nombre y contexto | Hace el perfil concreto y memorable |
| Objetivo principal | Qué intenta conseguir con el producto |
| Frustraciones actuales | Qué le falla en las soluciones actuales |
| Comportamiento | Cómo usa tecnología, con qué frecuencia |
| Cita representativa | Frase que captura su mentalidad |
Los escenarios describen situaciones concretas en las que la persona usa el producto: el contexto, el desencadenante, los pasos y el resultado esperado. Los escenarios son la base del diseño de flujos.
El prototipado traduce los hallazgos de investigación en soluciones de diseño que se pueden testar antes de invertir en desarrollo. La clave es prototipar con la fidelidad mínima que permita testar la hipótesis relevante:
El error más común es invertir demasiado tiempo en prototipos de alta fidelidad antes de haber validado que el flujo básico funciona. Un prototipo en papel puede revelar el 80% de los problemas al 5% del coste.
El testing valida si el diseño resuelve los problemas identificados en la investigación. Con 5 usuarios se detecta aproximadamente el 80% de los problemas de usabilidad significativos —es la regla de Jakob Nielsen y sigue siendo válida para tests cualitativos.
En el testing, lo más importante es observar sin intervenir. Si el usuario no encuentra el botón de "continuar", la respuesta no es señalárselo: es documentar que el botón tiene un problema de visibilidad o de etiquetado.
Los hallazgos del testing alimentan la siguiente ronda de diseño. El ciclo investigación → diseño → test → refinamiento se repite tantas veces como requiera el nivel de madurez del producto y las restricciones del proyecto.
El diseño centrado en el usuario y la optimización de conversión comparten la misma base epistemológica: las decisiones se toman con evidencia de cómo se comportan los usuarios reales, no con preferencias del equipo.
La diferencia práctica es el foco temporal y el tipo de evidencia:
| Dimensión | DCU | CRO |
|---|---|---|
| Cuando se aplica | Diseño inicial y rediseños | Optimización continua |
| Tipo de evidencia | Cualitativa + cuantitativa | Predominantemente cuantitativa |
| Método de validación | Tests de usabilidad, prototipos | Tests A/B, análisis de datos |
| Escala | Pequeño grupo de usuarios | Todo el tráfico real |
En la práctica, DCU y CRO se complementan. El DCU identifica problemas de usabilidad que el CRO puede no detectar con datos agregados. El CRO valida a escala si una solución de DCU mejora la conversión de forma estadísticamente significativa.
Un proceso maduro combina investigación cualitativa de DCU para identificar hipótesis y tests A/B de CRO para validarlas con tráfico real. Así se evita tanto el riesgo de optimizar métricas sin entender el comportamiento como el de rediseñar interfaces basándose solo en opiniones de usuarios en contexto de test.
| Fase | Herramientas |
|---|---|
| Investigación cualitativa | Maze, UserTesting, Lookback, Dovetail |
| Análisis de comportamiento | Hotjar, Microsoft Clarity, FullStory |
| Prototipado | Figma, Sketch, Marvel |
| Tests de usabilidad | Maze, UsabilityHub, UserZoom |
| Mapas de experiencia | Miro, FigJam |
La herramienta es secundaria. Lo que determina la calidad del proceso de DCU es la calidad de las preguntas de investigación, el rigor en el análisis de hallazgos y la honestidad para reconocer cuando el diseño actual no funciona.
Para revisar cómo está rindiendo tu web desde la perspectiva del usuario y la conversión, puedes hacer un análisis automático en Scan&Boost. Si quieres aplicar DCU y CRO de forma integrada en tu embudo, conoce nuestro servicio de agencia CRO.
Adrià Vidal, CRO specialist en Boost.
Above the fold es la zona visible de tu web sin hacer scroll. Aprende qué elementos incluir, qué dice el eye-tracking y cómo optimizarla para convertir...
Una auditoría web identifica qué está frenando tu conversión, tu velocidad y tu visibilidad. Aprende qué áreas analizar, qué herramientas usar y cómo...
Una estrategia go to market define cómo llevas un producto al mercado con éxito. Aprende las fases clave, ejemplos reales y las métricas que indican si tu...