Sistema 1 y sistema 2: cómo pensar rápido y despacio cambia el diseño

Hace unos años probábamos el prototipo de una web de reservas con una mujer que organizaba la comida de jubilación de un compañero. Recorrió la página del restaurante en segundos, sin leer casi nada, guiada por las fotos y por el botón de reservar. Al llegar al formulario se detuvo por completo: releyó dos veces la política de cancelación, comprobó la fecha en el calendario del móvil y preguntó en voz alta si el depósito era por persona o por mesa.

En esos dos minutos vimos las dos velocidades de la mente funcionando una detrás de otra. Primero, una lectura rápida, intuitiva, que no quería esfuerzo. Después, un modo lento, atento, que necesitaba datos precisos para comprometerse. La página de presentación estaba bien pensada para la primera; el formulario no estaba preparado para la segunda.

Daniel Kahneman llamó a esos dos modos sistema 1 y sistema 2. Su libro Pensar rápido, pensar despacio (2011) es una de las lecturas que más han influido en cómo diseñamos en el estudio, y en esta guía contamos cómo lo aplicamos, qué partes del libro conviene leer con cautela y por qué una buena interfaz sabe a cuál de los dos sistemas está hablando en cada momento.

01Las dos velocidades de la mente

Kahneman, psicólogo y premio Nobel de Economía en 2002, popularizó una distinción que la psicología llevaba años estudiando bajo el nombre de teorías de proceso dual. Los términos «sistema 1» y «sistema 2» los habían propuesto antes Keith Stanovich y Richard West, en el año 2000.

• →El sistema 1 funciona de forma rápida, automática y sin sensación de esfuerzo. Reconoce caras, lee una palabra conocida, detecta enfado en una voz, calcula 2 + 2 y nos dice si una web «parece seria» antes de leer nada.
• →El sistema 2 es lento, deliberado y costoso. Entra en juego cuando comparamos dos tarifas, rellenamos un formulario con datos que hay que buscar, multiplicamos 17 × 24 o comprobamos si una cláusula nos conviene.

La idea central es que el sistema 1 lleva el volante la mayor parte del tiempo y el sistema 2 solo interviene cuando algo lo reclama: una sorpresa, una dificultad, una decisión que importa. Y como el sistema 2 es perezoso, a menudo acepta sin revisar lo que el sistema 1 le propone.

El ejemplo más citado es el problema del bate y la pelota, del Test de Reflexión Cognitiva que publicó Shane Frederick en 2005: un bate y una pelota cuestan 1,10 en total; el bate cuesta 1 más que la pelota; ¿cuánto cuesta la pelota? La respuesta que salta sola es 0,10. La correcta es 0,05. Muchísimos estudiantes universitarios fallan, y no por falta de capacidad: el sistema 1 responde tan rápido y con tanta seguridad que el sistema 2 no se molesta en comprobarlo.

02Qué ha envejecido bien del libro (y qué conviene leer con cautela)

Pensar rápido, pensar despacio reúne décadas de investigación, y no toda ha resistido igual la llamada crisis de replicación de la psicología, la revisión que en la última década volvió a probar muchos experimentos clásicos.

Lo que se sostiene con solidez son los trabajos de juicio y decisión que Kahneman hizo con Amos Tversky: el anclaje, la disponibilidad, el encuadre, la aversión a la pérdida y la teoría de las perspectivas (1979). Son la base de buena parte de la economía conductual y se han replicado una y otra vez en contextos muy distintos.

Lo que conviene leer con más cautela son algunos estudios de priming conductual del capítulo cuatro, como el de las personas que caminaban más despacio después de leer palabras asociadas a la vejez, y la teoría del agotamiento del ego. Varios intentos de replicación no encontraron esos efectos. El propio Kahneman lo reconoció públicamente en 2017, en un comentario donde admitía haber confiado demasiado en estudios con muestras pequeñas. Es un gesto que le honra y una lección para quien diseña: los efectos llamativos merecen una prueba antes de convertirse en dogma.

Para el diseño, la conclusión es tranquilizadora. Lo más útil del libro, la distinción entre procesar con fluidez o con esfuerzo, y los sesgos de juicio bien documentados, es también lo más sólido.

03Diseñar para el sistema 1: fluidez donde hace falta rapidez

La mayor parte de una web se recorre en modo sistema 1. Quien llega a una home, a un menú o a un listado de productos quiere orientarse sin pensar. Steve Krug lo resumió en el título de su libro No me hagas pensar (2000), que es, en el fondo, un manual de diseño para el sistema 1.

Kahneman habla de facilidad cognitiva: cuando algo se procesa sin esfuerzo, lo sentimos familiar, verdadero y agradable. Cuando cuesta, nos ponemos en guardia. Eso significa que la claridad visual tiene un efecto emocional además de práctico.

Lo que funciona para hablarle bien al sistema 1:

• →Convenciones conocidas. Logo arriba a la izquierda que lleva al inicio, carrito arriba a la derecha, enlaces que parecen enlaces. Lo familiar se procesa solo.
• →Jerarquía visual evidente. Un elemento principal por pantalla, tamaños y contrastes que dicen qué es importante sin necesidad de leer. Lo explicamos en la guía de jerarquía visual.
• →Palabras concretas. «Reservar mesa» se entiende antes que «Gestionar tu experiencia».
• →Tipografía legible. Cuerpo de texto de 16 px o más en pantalla, contraste de al menos 4,5:1 según WCAG 2.2 y líneas de entre 45 y 75 caracteres.
• →Imágenes que cuentan algo. Una foto del producto en uso se entiende en un vistazo; una foto genérica de banco de imágenes obliga a interpretar.
• →Coherencia. Si un botón principal es azul en una página, que lo sea en todas. Cada inconsistencia despierta al sistema 2 sin necesidad.

Todo esto reduce lo que en UX se llama carga cognitiva, el esfuerzo mental que exige una interfaz. Le dedicamos una guía entera a la carga cognitiva, con técnicas para medirla y reducirla.

04Diseñar para el sistema 2: pausas bien puestas

Aquí está la parte que menos se cuenta. El buen diseño también sabe cuándo despertar al sistema 2, porque hay momentos en los que pensar despacio protege a la persona y a la marca.

Cuándo conviene una pausa

• →Antes de una acción difícil de deshacer: borrar una cuenta, cancelar una suscripción con datos, enviar un pago.
• →Cuando la decisión tiene consecuencias económicas o legales: un contrato, una reserva no reembolsable, un plan anual.
• →Cuando el error es caro para el usuario: elegir una fecha, una talla, una dirección de envío.

Cómo se diseña una buena pausa

Una pausa útil es breve, informativa y específica. Algunos patrones que funcionan muy bien:

1. 01Resumen antes de confirmar. En una reserva, mostrar fecha, hora, número de personas y condiciones en un bloque legible antes del botón final.
2. 02Confirmación escrita para lo irreversible. GitHub, por ejemplo, pide escribir el nombre del repositorio para borrarlo. Esa pequeña tarea obliga a leer lo que se va a hacer.
3. 03Diferencias resaltadas. Al comparar planes, destacar solo lo que cambia entre ellos para que el sistema 2 trabaje sobre lo relevante.
4. 04Opción de deshacer. Cuando la acción es reversible, un «deshacer» durante unos segundos suele ser mejor que un diálogo de confirmación, porque no interrumpe a quien ya estaba seguro.

Clave: la buena fricción no es un obstáculo, es una señal de respeto: aparece solo donde la decisión merece atención y desaparece en todo lo demás.

05Cuando los dos sistemas se cruzan en una misma página

Muchas páginas mezclan los dos modos, y ahí está la dificultad. Una página de precios, por ejemplo, tiene que captar con un vistazo (sistema 1) y permitir comparar con calma (sistema 2). Lo que funciona es diseñarla en capas:

El mismo esquema sirve para fichas de producto, páginas de servicio o presupuestos online. Primero, una lectura que oriente sin esfuerzo; después, la información detallada a mano para quien la necesita; y al final, una acción clara.

06Un ejemplo resuelto: el formulario de presupuesto de una reforma

Una empresa de reformas de la Costa del Sol con la que trabajamos recibía muchas solicitudes de presupuesto incompletas, con datos que luego había que pedir por teléfono. Al revisar el formulario con la mirada de los dos sistemas, el diagnóstico fue claro: el formulario pedía esfuerzo del sistema 2 desde el primer campo, con preguntas técnicas («superficie útil en m²», «tipo de solería existente») que casi nadie sabía responder de memoria.

Lo rediseñamos así:

1. 01Entrada para el sistema 1. La primera pregunta pasó a ser visual: tarjetas con fotos de «cocina», «baño», «vivienda completa», «local». Un toque y listo.
2. 02Preguntas que se responden sin buscar. Tamaño aproximado con opciones («hasta 10 m²», «10–20 m²», «más de 20 m²») en lugar de un número exacto.
3. 03El sistema 2 solo para lo esencial. Datos de contacto y una pregunta abierta opcional para detalles, al final, cuando la persona ya estaba implicada.
4. 04Resumen antes de enviar. Un bloque que mostraba lo elegido y explicaba qué pasaría después: llamada en 48 horas, visita sin compromiso.

Las solicitudes llegaron más completas, y el equipo comercial empezó las llamadas con información útil. El cambio no tuvo nada de espectacular: consistió en ordenar el esfuerzo mental para que cada sistema trabajara en su momento. Si quieres profundizar en esta parte, en la guía sobre formularios que convierten hay más patrones.

07Pensar rápido y despacio también en el equipo

El modelo de Kahneman sirve además para revisar cómo decidimos los propios diseñadores. Cuando miramos una propuesta, el sistema 1 opina en un segundo («me gusta», «no me convence»). Esa reacción vale como dato, porque es la misma que tendrá el cliente final, pero conviene que el sistema 2 la revise con preguntas concretas: ¿se entiende el mensaje principal en cinco segundos?, ¿cuál es el siguiente paso?, ¿qué haría alguien que llega con prisa desde el móvil?

En SIMA lo practicamos en cada revisión: primero una mirada rápida a pantalla completa, sin explicaciones, y luego una revisión lenta con la lista de comprobaciones. Así aprovechamos la intuición sin dejar que decida sola. Es también la forma en que trabajamos el diseño web y la experiencia digital: fluidez para quien navega, pausas bien colocadas para quien decide. Si quieres que revisemos juntos dónde tu web pide esfuerzo de más o de menos, escríbenos y lo miramos.