Prueba de diseño visual: 5 segundos, clic y preferencia

La prueba de diseño visual mide impresión, findability y preferencia con métodos cortos, antes de un estudio de usabilidad completo. La prueba de 5 segundos captura la reacción estética. La de primer clic muestra si la persona encuentra el camino correcto a la primera. La de preferencia compara dos o tres versiones bien distintas. Ninguna sustituye una tarea completa con observación. Cada una responde a una pregunta estrecha.

Actitud frente a comportamiento

La guía del Nielsen Norman Group sobre prueba de diseño visual (en inglés) separa dos grupos. Los métodos actitudinales usan imagen estática y casi ninguna interacción. Sirven cuando quieres la reacción a la apariencia, no el efecto en el comportamiento. Los métodos conductuales, como eye tracking y prueba A/B, observan lo que la persona hace de verdad.

Elige por objetivo. Si la pregunta es “cómo se ve esto”, ve por actitud. Si la pregunta es “esto estorba la tarea”, ve por comportamiento. Mezclar las dos y llamar a todo “prueba visual” esconde lo que mediste.

Prueba de 5 segundos

El glosario de métodos del NN/g (en inglés) define la prueba de 5 segundos como método actitudinal: la persona ve el diseño durante cinco segundos y describe lo que vio. El tiempo es demasiado corto para leer texto o notar una tipografía. Es tiempo suficiente para formar una impresión de estilo.

La misma guía de prueba visual (en inglés) liga esa impresión a la confianza y al interés. Una primera lectura fuerte ayuda a que la persona se quede. Una lectura débil pide esfuerzo de más antes de cualquier tarea.

El artículo sobre primeras impresiones (en inglés) cita la investigación de Lindgaard y colegas: la decisión estética se forma en unos 50 milisegundos y rara vez cambia con más tiempo. En el mismo texto, el screen-timeout va de 50 ms (solo estética) hasta 5 segundos (qué llama la atención y qué confunde a primera vista).

No avises el límite de tiempo antes. El aviso se vuelve un juego de memoria. Después de la pantalla, pregunta qué recuerda y cómo se sintió, no si “le gustó el layout”.

Prueba de primer clic

El glosario (en inglés) trata el primer clic como método conductual con tarea. La persona recibe el objetivo antes de ver la pantalla. En el primer clic, esa ítem se detiene. Funciona mejor cuando la visita ya llega con un objetivo claro.

La guía de prueba visual (en inglés) da el ejemplo: “descubre si este sitio vende velas”. Mides si el primer clic cae donde empieza el camino correcto. No mides si la persona termina la compra.

El artículo sobre findability y discoverability (en inglés) describe el click test en la interfaz: captura, wireframe o sketch en una herramienta, tarea concreta y un mapa de calor de clics. El límite es explícito: la imagen es estática. Para un elemento interactivo, el camino correcto es la prueba de usabilidad.

Cuando el card sorting o el tree test van bien y el click test va mal, el problema suele ser el layout, no el nombre de la categoría. El mismo artículo (en inglés) usa exactamente ese contraste: nombres bien, pantalla ruidosa.

Prueba de preferencia

La preferencia muestra dos o tres variaciones y pide cuál prefiere la persona. La guía (en inglés) exige una diferencia lo bastante grande para que quien no es diseñador la note al momento. Un cambio mínimo de tamaño de fuente o una fuente parecida confunde. Peor: activa el efecto de pregunta, en el que la persona inventa una preferencia porque se la preguntaron.

Otras reglas del mismo texto:

cambia pocos elementos por versión, para saber qué pesó;
aleatoriza o contrapesa el orden, porque la primera versión enseña el contenido y sesga la siguiente;
no uses preferencia para decidir si algo es usable.

La preferencia responde “qué versión suena más alineada con la marca”. No responde “qué versión deja la tarea más fácil”.

Después de la prueba de usabilidad

La guía (en inglés) también lista preguntas de diseño visual al final de una sesión de usabilidad. Ahí la persona ya interactuó. La respuesta carga la tarea, y no la primera impresión sola. Úsala cuando quieras unir estética y fricción observada. No la uses en lugar de la prueba de 5 segundos.

Eye tracking y A/B entran en el lado conductual. Eye tracking muestra qué atrae la mirada. A/B mide clic, conversión o éxito de tarea entre dos versiones en producción. Los dos piden una pregunta conductual clara antes de que empiece el estudio.

Cómo encaja en bel app

En el caso de bel app, el trabajo era identidad visual: manifiesto, dirección de fotografía, lockups del logo y sistema de color. La paleta es cálida y suave (terracota, naranja quemado, crema, blush, azul claro y verde profundo), aplicada en un wordmark en minúsculas cuyo b forma un lazo de cinta.

La identidad necesitaba funcionar en superficie de producto y en pieza de marketing. El sistema de color se probó en la propia marca, y los lockups se dibujaron para fondos y formatos distintos. Es el tipo de pregunta que la prueba de 5 segundos y la de preferencia responden bien: si la marca se lee en pocos segundos, y si la variación de lockup se distingue sin sutileza de diseñador. Sin inventar sesión formal ni número de participantes: el caso publica la prueba en la marca y en los lockups, no un protocolo de laboratorio.

Dónde divergen las fuentes

Tiempo de la primera impresión. El glosario fija cinco segundos para la reacción estética. El artículo de primeras impresiones cita unos 50 ms para la decisión estética y usa hasta 5 segundos cuando la pregunta incluye qué llama la atención.
Primer clic como prueba visual. La guía de diseño visual lista el primer clic junto a los métodos de percepción visual. El artículo de findability trata el click test como método de interfaz y de navegación, con mapa de calor y contraste con IA.
Qué prueba la preferencia. La guía acepta preferencia para elegir entre versiones distintas. El mismo texto avisa que no mide usabilidad ni comportamiento.

El error común

El error es tratar un voto de preferencia o una impresión de 5 segundos como prueba de que la pantalla funciona. Impresión y preferencia no miden la tarea. Otro error es pedir preferencia entre dos versiones casi iguales: la persona inventa una diferencia. Plantea la pregunta estrecha, elige el método correcto y reserva la usabilidad completa para cuando importe el comportamiento.