El eyetracking de NN/g demostró que las débiles señales de clic del diseño plano costaban a los usuarios un 22 % más de tiempo

Hacia 2017 el diseño plano dominaba la web, y con él llegaron interfaces despojadas de las señales que indican qué es clicable: los enlaces azules subrayados, los botones biselados y las sombras paralelas dieron paso a botones fantasma y a texto indistinguible del cuerpo de texto. La industria discutía el compromiso según el gusto: los diseñadores defendían la estética limpia, los especialistas en usabilidad advertían de forma anecdótica que los usuarios se perdían, y ninguna de las partes tenía datos.

Nielsen Norman Group realizó un experimento controlado de eyetracking para sustituir la opinión por la medición. Tomó nueve páginas reales de seis dominios —comercio electrónico, organizaciones sin ánimo de lucro, hoteles, viajes, tecnología y finanzas— e hizo dos versiones de cada una que solo diferían en la fuerza de los significantes. Se pidió a setenta y un usuarios generales de la web, asignados cada uno a una versión, que encontraran dónde harían clic mientras el equipo de eyetracking registraba sus fijaciones y el tiempo.

Las páginas con significantes débiles costaban esfuerzo real: los usuarios emplearon un 22 % más de tiempo e hicieron un 25 % más de fijaciones antes de encontrar el objetivo, y seis de los nueve pares de páginas mostraron patrones de mirada distintos: la atención se dispersaba por la página porque nada parecía clicable con seguridad. En la página de joyería fina, el 86 % de los usuarios de la versión fuerte pasaron del encabezado de sección al enlace «Shop Pearl», frente al 50 % de la versión débil, donde nueve de 24 usuarios intentaron hacer clic en el propio encabezado.

Igual de valioso fue dónde funcionó el diseño plano: tres pares de páginas no mostraron diferencias, y compartían baja densidad de información, diseños tradicionales y objetivos de alto contraste. El estudio no condenó el diseño plano; especificó cuándo es seguro. Su publicación generó suficiente debate como para que NN/g publicara respuestas a las críticas, y los hallazgos alimentaron la guía de la firma sobre diseño plano durante años después.

Zanjar la guerra de gustos con medición: pares de páginas emparejadas que solo diferían en las señales de clicabilidad, con eyetracking en tareas de encontrar el botón

Los pares emparejados mantuvieron constante toda variable de diseño excepto la fuerza de los significantes, de modo que un estudio con páginas reales pudo afirmar causalidad y no correlación.

Las fijaciones y el tiempo de tarea tradujeron un debate estético en costes de esfuerzo que cualquier parte interesada podía comparar.

Un diseño entre sujetos con 71 usuarios asignados aleatoriamente dio a las diferencias significación estadística (p < 0,05).

Al publicar las condiciones en las que las páginas planas no causaban daño, el estudio dio a los diseñadores una respuesta accionable en lugar de un veredicto que ignorar.

Los mapas de calor públicos hicieron visible el efecto de un vistazo: los significantes débiles dispersaban la atención por la página, la firma de los usuarios que buscan un botón.

Cuando una industria discute por gusto, aísle la variable en disputa en pares emparejados y publique los números; el debate se convierte en un problema solucionable con condiciones declaradas.

El estudio se convirtió en una de las piezas más debatidas de NN/g: el día después de su publicación atrajo 354 puntos y 171 comentarios en Hacker News, y el propio relato de NN/g señaló que el artículo generó «una cantidad significativa de debate sobre el diseño plano», al que respondió con una respuesta publicada a las críticas. Los hallazgos alimentaron un programa de investigación más amplio —artículos posteriores sobre cuándo puede funcionar el diseño plano, cómo la exposición a largo plazo reduce lentamente la eficiencia del usuario y qué necesitaría una estética plana corregida—, convirtiendo un experimento en un punto de referencia duradero para los diseñadores que eligen estilos visuales.