web design uiMay 1, 202610 min read

El Anti-Dashboard

La mayoría de los dashboards son cementerios de datos hechos por equipos con miedo a elegir. El anti-dashboard tiene opinión, prioriza la acción y responde una sola pregunta. Así se ve.

By Boone
XLinkedIn
the anti dashboard

La mayoría de los dashboards son cementerios de datos. Doce widgets, ocho paletas, cuatro horizontes temporales y cero opinión sobre qué debería mirar primero el usuario. El equipo lo llamó data-driven y lo lanzó. El usuario lo abre una vez, lo escanea como un extraño y no vuelve a abrirlo.

El anti-dashboard apuesta por lo contrario. Una pregunta, una lista de prioridades, una acción. Todo lo que no alimenta la siguiente decisión se corta, se esconde o se manda debajo del pliegue. Este es el argumento a favor de esa apuesta, las marcas que ganan con ella y cinco reglas que sostienen la línea.

Los dashboards son decisiones, no datos

Un dashboard no es un lugar para guardar números. Es un lugar para tomar decisiones. Si la pantalla no responde "qué hago ahora", es decoración con una librería de gráficos encima.

La mayoría de los equipos de producto evita esta pregunta porque responderla exige una opinión. Un muro de widgets tiene la seguridad de un buffet. Nadie recibe la culpa por lanzar todas las métricas, solo por elegir una. Así que el equipo no elige ninguna y el usuario paga el costo en atención.

La bandeja de Linear no lanza todas las incidencias a la vez. Ordena por prioridad, luego por SLA, y la pantalla es lo bastante corta como para vaciarla de verdad. La vista de proyecto de Vercel no muestra 20 cosas above the fold. Muestra la línea de tiempo del deploy y la URL, y esa es toda la pregunta que se hace un desarrollador. Ambos equipos eligieron un bando.

Diagrama voxel del framework: un único signo de interrogación coral sobre un pedestal que desemboca en un botón de acción cian, con cuatro widgets grises desvanecidos empujados a los bordes del encuadre
Diagrama voxel del framework: un único signo de interrogación coral sobre un pedestal que desemboca en un botón de acción cian, con cuatro widgets grises desvanecidos empujados a los bordes del encuadre

Los cinco modos de fallo

Todo dashboard que suspende la prueba de "qué hago ahora" falla de una de cinco formas reconocibles. Cada una está en producción ahora mismo.

El cementerio de Salesforce. Doce widgets que nadie abre, en una cuadrícula de 4x3 porque eso fue lo que cupo en el wireframe. Existen porque alguien preguntó una vez y nadie tuvo autoridad para borrar uno. La atención que se le da a cualquier cosa es atención robada a todo lo demás.

El carrusel de métricas. Seis KPIs en una tira horizontal, cada uno con un número, un porcentaje y un sparkline diminuto. Sin contexto, sin comparación, sin acción recomendada. El usuario se siente vagamente informado y no actúa sobre nada.

La vista del ojo de Sauron. Cada evento, cada línea de log, cada webhook, en tiempo real, desplazándose. Nada está resaltado, todo se desdibuja. Datos en tiempo real sin priorización son ruido con cronómetro.

El dashboard de montaje requerido. Arrastra un widget. Configura una consulta. Guarda el layout. Arrepiéntete a la mañana siguiente. Pedirle al usuario que diseñe su propio dashboard es pedirle que haga el trabajo del equipo de producto.

El dashboard de vanidad ejecutivo. Los números suben, todos los gráficos están en verde, cada trimestre va según lo previsto. No sigue ninguna decisión porque no hace falta ninguna. El dashboard existe para que le hagan captura y lo peguen en una presentación al board.

Cuadrícula voxel de antipatrones: cuatro bloques etiquetados que muestran GRAVEYARD con doce widgets diminutos, CAROUSEL con una tira de barras, SAURON inundado de rayas de feed y ASSEMBLE con piezas voxel sueltas dispersas
Cuadrícula voxel de antipatrones: cuatro bloques etiquetados que muestran GRAVEYARD con doce widgets diminutos, CAROUSEL con una tira de barras, SAURON inundado de rayas de feed y ASSEMBLE con piezas voxel sueltas dispersas

Un gran dashboard responde una pregunta

El anti-dashboard empieza por la pregunta, no por los widgets. Qué abre el usuario esta pantalla para averiguar. Escríbelo en una frase. Todo lo que hay en la pantalla o la responde o se gana un lugar debajo de ella.

La home de Stripe Dashboard responde "cómo va el negocio hoy". Ingresos de hoy, comparación con ayer y las tres cosas que necesitan a un humano: un pago fallido, una disputa, una solicitud de verificación. El resto de Stripe está a un clic.

El panel de proyecto de Cursor responde "dónde estaba y qué estaba haciendo". Árbol de archivos a un lado, último prompt arriba, editor al centro. Sin telemetría, sin gráficos de uso. La pantalla es el trabajo.

Cron y Notion Calendar responden "qué sigue". El próximo evento está arriba del día, la semana debajo. Sin scroll infinito, sin mapa de calor mensual peleando por atención. La opinión es que el próximo evento importa más que la forma del mes.

La jugada Raycast: un dashboard no tiene que parecer un dashboard

Raycast es la versión más limpia. La barra de búsqueda ES el dashboard. Sin widgets, solo un input. Escribe unos caracteres y aparece lo correcto.

La lección no es "construye una barra de búsqueda". La lección es que un dashboard no tiene que ser un layout de tarjetas. La home de GitHub son los pull requests que te asignaron, punto. La home de Notion son tus últimos tres documentos y nada más. Superhuman abre en una bandeja con triaje primero donde llegar a cero es posible, porque el producto se diseñó alrededor de la idea de que una bandeja debe terminar. Ninguno de estos es un dashboard en el sentido tradicional. Todos son dashboards en el único sentido que importa.

La revelación progresiva es el principio de fondo. Muestra lo único que importa ahora. Revela la cola larga solo cuando el usuario indica que la quiere.

Las cinco reglas del anti-dashboard

Estas reglas se acumulan. Cumple cuatro de cinco y el dashboard normalmente funciona. Cumple dos y has lanzado un cementerio.

Regla 1: Una pregunta por pantalla

Cada vista del dashboard responde exactamente una pregunta. Escríbela. Si un widget no se puede defender como parte de la respuesta, no se lanza en esta vista. Otras preguntas tienen otras vistas, no la misma con una pestaña encima.

La home de Stripe responde "cómo va el negocio hoy". La vista de proyecto de Vercel responde "cuál es el estado de este deploy". La bandeja de Linear responde "qué necesita mi atención ahora mismo". Superficies distintas para preguntas distintas. Ninguna intenta ser las tres.

Regla 2: Una lista de prioridades, ordenada por el producto

La pantalla tiene una lista y el producto la ordena. No el usuario. No el encabezado de columna personalizable. El producto elige el orden según la respuesta a "qué debería hacer el usuario ahora". El orden es la opinión.

Linear ordena por prioridad y luego por SLA. Stripe Atlas ordena sus cuatro tarjetas de acción según lo que desbloquea el siguiente paso del negocio. Superhuman ordena por VIP y señal de intención, no por cronología inversa estricta. El producto hace el trabajo que el usuario no quiere hacer.

Regla 3: Un horizonte temporal sensato, elegido una vez

El dashboard elige un horizonte temporal por defecto y se gana el derecho a cambiarlo. Hoy, esta semana, este mes, todo el tiempo. Elige el que encaje con la pregunta y deja de ofrecer cinco toggles.

Un dashboard de ingresos para un negocio transaccional usa hoy por defecto. Uno de retención usa esta semana. Uno de finanzas usa este mes. Un dashboard que abre sin valor por defecto y con un selector de fechas esperando ya perdió al usuario.

Regla 4: Cada número está atado a una acción

Un número sin acción es decoración. El anti-dashboard trata cada número principal como un gancho hacia la siguiente jugada. Los ingresos de hoy enlazan a los pagos fallidos. Las incidencias abiertas enlazan a la cola de triaje. El tiempo de deploy enlaza al log de build.

El layout de cuatro tarjetas de Stripe Atlas es el ejemplo más limpio. Cada tarjeta es un número más un botón. "$0 en ingresos, configura tu integración de pagos." "0 empleados, contrata al primero." El usuario nunca queda varado en una cifra sin camino hacia adelante.

Regla 5: Esconde la cola larga

El anti-dashboard acepta que el 80% de las métricas importan al 5% de los usuarios el 5% del tiempo. Esas métricas viven detrás de una pestaña, un enlace de "más" o una vista de analítica aparte. La pantalla de inicio es la pregunta, no el índice.

Esconder métricas se siente arriesgado porque alguien pedirá la que quitaste. La solución es hacerla encontrable, no visible. La búsqueda y una superficie de analítica dedicada se encargan de la cola larga.

Árbol de decisión voxel: cinco tarjetas descendentes etiquetadas ONE QUESTION, ONE LIST, TIME HORIZON, ACTION TIED, HIDE TAIL, unidas por finas líneas conectoras coral
Árbol de decisión voxel: cinco tarjetas descendentes etiquetadas ONE QUESTION, ONE LIST, TIME HORIZON, ACTION TIED, HIDE TAIL, unidas por finas líneas conectoras coral

Antipatrones que hay que borrar a la vista

Estos aparecen en casi todas las auditorías. Cada uno delata que el equipo se esconde detrás de funciones en vez de lanzar una opinión.

Todas las métricas en todas las pantallas. Ingresos, retención, churn, MAU, NPS y CSAT en un mismo encuadre no es una pregunta, es una cobertura de apuestas. Divide en vistas por rol o por tarea.

"Widgets personalizables" como sustituto de la opinión de producto. Traduce "los usuarios pueden configurar su propio dashboard" como "el equipo no se puso de acuerdo en qué importaba". La personalización es una función real cuando los valores por defecto son fuertes, y una excusa cuando no lo son.

El feed de actividad en vivo que nadie lee. Una lista que se desplaza con cada evento del sistema. Útil para logs de depuración, inútil en un dashboard. El análisis de visualización de datos para diseñadores explica por qué el tiempo real sin jerarquía es solo ruido caro.

El estado vacío que le pide al usuario diseñar su propio dashboard. "Arrastra widgets desde la barra lateral para empezar." El producto admite en la primera pantalla que no tiene opinión. El análisis de los estados vacíos son el producto explica por qué la primera pantalla es la superficie de activación, no una tarea para casa.

Pestañas que esconden la respuesta real. Seis pestañas arriba, los datos más importantes en la tercera. O promueves la tercera, o aceptas que la primera y la segunda no importan tanto como pensaba el equipo.

Antes y después, en un encuadre

El paso de cementerio a anti-dashboard suele ser una decisión de layout, no de funciones. Mismos datos, jerarquizados alrededor de la pregunta.

Encuadre voxel dividido de antes y después: BEFORE muestra una cuadrícula densa de doce widgets uniformes, AFTER se reduce a una cifra héroe sobredimensionada arriba, tres filas de acción debajo y un pie atenuado de widgets secundarios al final
Encuadre voxel dividido de antes y después: BEFORE muestra una cuadrícula densa de doce widgets uniformes, AFTER se reduce a una cifra héroe sobredimensionada arriba, tres filas de acción debajo y un pie atenuado de widgets secundarios al final

El "antes" es una cuadrícula de 4x3 donde cada celda compite por atención. El "después" usa la jerarquía visual para dividir la pantalla en tres zonas: una cifra héroe atada a la pregunta, una lista corta de acciones atada a la siguiente jugada y un pie atenuado para el usuario curioso. No se borra nada, el equipo solo ha elegido qué funciones ocupan el asiento privilegiado.

La auditoría del dashboard

Pasa cualquier dashboard de producto por estas siete preguntas. Si no puedes responder cada una con un sí claro, el dashboard no está terminado.

  1. ¿Cuál es la única pregunta que responde esta vista? Escríbela como una frase. Si el equipo no se pone de acuerdo en la frase, aún no ha diseñado el dashboard, ha ordenado widgets.
  2. ¿Hay un número principal atado a una acción? No tres cifras compitiendo. Un número héroe, una siguiente jugada obvia, y todo lo demás jerarquizado debajo como la hero section de una landing.
  3. ¿La lista de prioridades la ordena el producto, no el usuario? Si la respuesta es "el usuario la puede ordenar como quiera", el producto no ha elegido un bando. Los valores por defecto son la opinión.
  4. ¿Qué horizonte temporal usa esta vista por defecto, y por qué? El valor por defecto tiene que encajar con la pregunta. Un toggle sin un default pensado delata que el equipo pateó el problema.
  5. ¿Qué decidiste esconder? Si la respuesta es "nada", el equipo no ha hecho el trabajo. Las métricas ocultas son la prueba de una opinión.
  6. ¿El estado vacío hace avanzar el producto o lo frena? Si le pide al usuario configurar widgets, has lanzado tarea para casa como producto. Reemplázalo con una única acción preparada.
  7. Si un usuario nuevo abre esta pantalla y no ve ninguna otra, ¿entiende el producto? La vista de inicio es tanto un discurso de ventas como una herramienta.

Un dashboard que pasa esas siete es uno que el usuario abre más de una vez. Uno que falla cualquiera se escanea, se captura y se abandona. El análisis de principios de diseño de landing pages cubre la versión para páginas de marketing de la misma disciplina, y el artículo de principios de diseño web cubre cómo el resto del producto lo sigue.

Fricción en el lugar correcto

El anti-dashboard no es minimalismo porque sí. Es fricción en el lugar correcto. La vista de inicio es fácil, la cola larga está un clic más lejos. Ese gradiente es el diseño. El análisis de diseñar fricción a propósito explica por qué cierta fricción es una función.

Preguntas frecuentes

¿Cuál es la diferencia entre un dashboard y un anti-dashboard?

Un dashboard tradicional intenta mostrar cada métrica que un usuario podría querer. Un anti-dashboard responde una pregunta y ata cada número visible a una acción. La versión tradicional es un buffet. El anti-dashboard es una superficie de decisión.

¿Debería todo dashboard de producto tener personalización?

Casi ningún dashboard de producto necesita personalización profunda. La mayoría de los equipos lanza personalización para evitar elegir valores por defecto. Los defaults fuertes superan a los widgets configurables en casi toda medida de retención. Reserva la personalización para superficies de usuarios avanzados, no para la vista de inicio.

¿Cuántos KPIs debería mostrar un dashboard en la pantalla de inicio?

Una cifra héroe atada a la respuesta, más de tres a cinco acciones secundarias. Pasados cinco, el ojo pierde el orden de prioridad y el dashboard regresa a ser un carrusel de métricas. Esconde la cola larga detrás de una superficie de analítica más profunda.

Elige un bando y luego lanza la pantalla

El diseño de dashboards no es el problema más difícil del producto. Es el más postergado. Los equipos pasan meses ordenando widgets porque elegir uno sobre otro se siente como un riesgo. El anti-dashboard trata ese riesgo como el trabajo real. Elige la pregunta. Elige la prioridad. Elige el horizonte temporal. Elige qué esconder.

Los dashboards que ganan en 2026 no son los que tienen más datos. Son los que tienen más opinión. Linear, Vercel, Stripe, Cursor, Cron, Raycast, GitHub, Notion y Superhuman comparten una cosa. Eligieron un bando, y la pantalla lleva ese bando.

Si quieres un equipo que diseñe dashboards de producto como superficies de decisión en vez de cuadrículas de widgets, contrata a Brainy. Lanzamos la opinión en el layout por defecto.

Want a dashboard that ships an opinion instead of a wall of widgets? Brainy designs product dashboards that pick a side and earn the screen.

Get Started

More from Brainy Papers

Keep reading