Revelación progresiva: mostrar solo lo necesario
La revelación progresiva muestra primero lo esencial y deja lo avanzado a un clic más. Qué es, cuándo funciona y cómo aplicarla sin esconder lo importante.
¿Qué es la revelación progresiva?
Es una forma de ordenar la información por capas. La primera capa contiene lo que la mayoría de personas necesita para completar una tarea. Las siguientes capas contienen lo que aparece en casos concretos: configuraciones finas, excepciones, historial o funciones que se usan una vez al mes.
Jakob Nielsen la define en su artículo de 2006 para Nielsen Norman Group con una frase corta: la técnica consiste en diferir las funciones avanzadas o poco usadas a una pantalla secundaria. Interaction Design Foundation la describe de forma parecida: aplaza las funciones y la información avanzada a componentes de interfaz secundarios, que el usuario abre cuando los necesita.
Un ejemplo que todos conocemos es el cuadro de diálogo de imprimir. La pantalla inicial muestra el número de copias, qué páginas imprimir y qué impresora usar. Un botón de opciones avanzadas abre un diálogo secundario con ajustes poco usados, como la escala o el orden inverso de las páginas. Nielsen lo usa como ejemplo clásico del patrón, y señala que algunos diálogos de impresión se han inflado y deberían mover más detalle a diálogos secundarios.
¿Por qué le importa a un diseñador?
Porque cada elemento visible compite por la atención. Cuando una pantalla muestra veinte controles, el usuario tiene que decidir cuáles ignorar antes de poder actuar. La revelación progresiva baja ese costo de decisión.
También reduce errores. Una opción que casi nadie necesita, colocada al lado de la acción principal, es una oportunidad para cambiarla sin querer. Al moverla a un nivel secundario, la acción frecuente queda más segura.
Y hace que el producto sea más fácil de aprender. Alguien que empieza no necesita entender el sistema completo para hacer su primera tarea. Puede aprender las funciones avanzadas cuando ya tienen sentido para él.
¿Cómo se aplica sin esconder lo importante?
El error más frecuente es decidir qué ocultar por intuición. Nielsen plantea que la división entre nivel inicial y secundario se base en datos: en un diseño nuevo, análisis de tareas y estudios de campo; en un sistema existente, la frecuencia de uso de cada función, medida con analítica o instrumentando el código. Advierte además que, en un sitio web, las visitas a una página pueden ser accidentales, y que conviene completar las cifras con pruebas de usabilidad observacionales. Interaction Design Foundation propone algo parecido: usar el card sorting y el análisis de tareas para decidir qué queda en la vista principal.
En la práctica, sigue estos pasos:
- Lista todas las funciones de la pantalla o flujo, con su frecuencia de uso estimada.
- Separa lo que la mayoría necesita en cada tarea. Eso va al primer nivel.
- Pon lo demás en un nivel secundario, con una etiqueta que diga qué contiene. Nielsen pide que el control para avanzar deje claro qué hay en el siguiente nivel (lo que llama buen information scent). “Opciones avanzadas de color” dice más que “Más”.
- Mantén el camino visible. Un usuario que busca algo debe poder encontrar la forma de llegar a la capa siguiente sin adivinar.
- Limita los niveles. Nielsen afirma que los diseños con más de dos niveles suelen tener baja usabilidad, porque la gente se pierde al moverse entre ellos; si necesitas tres o más, conviene simplificar o agrupar las funciones avanzadas en bloques lógicos. Interaction Design Foundation indica que, por lo general, basta una pantalla secundaria.
- Prueba con personas nuevas y con expertos. Un nivel secundario que nadie encuentra no sirve.
¿Cuándo NO conviene?
No es la solución para todo. Hay casos en los que ocultar empeora la experiencia:
- Información decisiva. El precio, las condiciones de cancelación, los requisitos de un trámite o los plazos no deben quedar detrás de un clic. En su texto de 2026, Nielsen cuenta entre los fallos esconder advertencias y revelar costos tarde, y pide mostrar antes del compromiso la información que decide.
- Cuando el usuario experto es el caso principal. En herramientas profesionales, el atajo a una función avanzada puede ser parte de la tarea diaria. Forzar tres clics para llegar ahí resta productividad.
- Cuando la función se usa siempre. Lo que aparece en cada sesión no es avanzado, aunque el equipo de producto lo considere así.
- Cuando no hay forma clara de llegar. Si el acceso a lo oculto es un ícono sin etiqueta, el usuario no lo va a encontrar.
Nielsen distingue además la revelación escalonada (staged disclosure): una secuencia lineal de pasos con un subconjunto de opciones en cada uno, como un asistente. Funciona bien cuando la tarea se divide en pasos distintos con poca interacción entre ellos, y da problemas si los pasos dependen unos de otros y la persona tiene que ir y volver. Es una técnica diferente de la revelación progresiva, que deja el contenido avanzado disponible a petición, aunque a veces se confunden. En un flujo de pago, pedir los datos en pasos es escalonada; un panel de “detalles de envío” que se despliega es progresiva.
¿Y en productos con IA?
En julio de 2026, Nielsen extendió el patrón a la IA. Sostiene que una caja de chat traslada el trabajo del reconocimiento a la memoria y deja a los principiantes ante un «precipicio». Para las respuestas propone dar primero un veredicto breve y dejar el razonamiento y las fuentes detrás de controles expandibles. Para los agentes, propone que el primer nivel muestre el resultado y las acciones que requieren aprobación, como gastar dinero o borrar archivos, y que el registro paso a paso haga de cajón de ajustes avanzados. Son propuestas de un autor, no resultados de un estudio; sirven como punto de partida para probar con tus usuarios. Los patrones concretos están en aprobación de acciones.
Ejemplo
Ejemplo ilustrativo: una aplicación de facturación muestra en la pantalla de nueva factura solo cliente, conceptos, importe y fecha. Un enlace que dice “Impuestos, retenciones y series” abre un panel con esos campos. Los usuarios frecuentes lo abren una vez y el panel recuerda su estado. Los nuevos no ven nada que no entiendan en su primera factura.
La prueba que puedes hacer mañana: toma una pantalla de tu producto, marca cada control con una de tres etiquetas (lo usa todo el mundo, lo usa algunas personas, casi nadie lo usa) y pregúntate si las etiquetas del tercer grupo son claras para encontrarlas.
Errores comunes
- Ocultar por gusto del diseñador, sin datos de uso ni pruebas.
- Usar etiquetas vagas como “Más” o “Otros”, que no dicen qué contiene el nivel secundario.
- Esconder información decisiva que el usuario necesita antes de comprometerse.
- Crear demasiados niveles. Tres o cuatro capas hacen que nadie llegue al contenido que buscaba.
- Dar dos caminos distintos al mismo contenido oculto. Tanto Nielsen como Interaction Design Foundation recomiendan evitar varias vías de acceso.
- Olvidar al usuario experto. Ocultar sin un atajo o una preferencia que lo recuerde penaliza al usuario más frecuente.
Relacionado en la wiki
La revelación progresiva se apoya en la ley de Hick: menos opciones visibles reducen el tiempo de decisión. Para ordenar la información en capas tiene sentido revisar la arquitectura de la información. Y para los pasos de un flujo, el chunking de flujos de UI trabaja el mismo problema desde otro ángulo. Si estás diseñando la navegación que da acceso a esos niveles, mira también los patrones de navegación.