Psicología y Cognición

La productividad se dispara cuando el sistema responde en <400ms. Usar optimistic UI, skeleton screens. >1s necesita loader, >10s necesita progress bar.

Los usuarios recuerdan mejor el primer y último item de una lista. Colocar acciones importantes en los extremos de nav bars y bottom tabs. Items del medio reciben menos atención.

Los usuarios esperan que tu producto funcione como los demas que ya conocen. Carrito arriba-derecha, hamburger en mobile, sidebar izquierda en dashboards. Cada desviación es un impuesto cognitivo.

Entre elementos similares, el visualmente distinto se recuerda más. Dar al CTA primario un color que no aparezca en ningún otro lugar de la página. En pricing, estilizar el plan recomendado diferente.

Las tareas incompletas se recuerdan más que las completadas. Mostrar barras de progreso y "60% completado" para enganchar. Diseñar onboarding con incompletud intencional que traiga al usuario de vuelta.

Los usuarios juzgan una experiencia por su momento pico y por como término. Diseñar confirmaciones de compra/exito con delight (animación, copy calido). Atender el peor momento (errores, esperas) porque pesa más que el promedio.

Aceptar telefonos en cualquier formato (con/sin guiones, espacios, código de pais) y normalizar en backend. Aceptar fechas en multiples formatos. Trim whitespace automático. Nunca rechazar input que puedas razonablemente interpretar.

Color, forma, posicion y movimiento se procesan en menos de 500ms sin atencion consciente. Usar max 1-2 propiedades pre-atentivas para el elemento mas importante. Mas de 3 propiedades a la vez cancela el efecto.

Los usuarios no notan cambios que ocurren durante interrupciones visuales como recargas o transiciones de pagina. Siempre animar las transiciones de estado. Colocar los cambios cerca del punto de foco actual del usuario.

En alta concentracion, la capacidad de detectar otros estimulos cae drasticamente. No confiar en banners o notificaciones durante flujos densos. Reducir la densidad visual en pantallas de alta concentracion como pago o firma.

El limite real sin chunking es 4 items, y con carga cognitiva alta cae a 3. Maximos: 4-5 opciones en menus sin separadores, 4-5 campos en formularios por bloque, 4-5 pasos visibles en wizards.

Proximidad: elementos relacionados fisicamente juntos. Similitud: controles iguales lucen igual. Cierre: los usuarios completan patrones incompletos, como el affordance de scroll con un item parcialmente visible.

Solo el 1% central del campo visual es alta resolucion. Los tooltips y mensajes de validacion deben estar adyacentes al elemento, no en esquinas. Usar movimiento sutil para atraer atencion periferica hacia cambios de estado.

Los usuarios ven lo que esperan ver. Los redisenos radicales generan confusion aunque sean objetivamente mejores. Preferir cambios incrementales. Para que un cambio sea detectado, combinar 2 o mas propiedades pre-atentivas.

Bajo presion, la atencion se reduce drasticamente. En checkout o pago: maxima simplicidad, eliminar nav secundario y banners. En mensajes de error: mostrar SOLO la informacion necesaria para resolver el problema.

El sistema visual distingue aproximadamente 8 colores distintos en el mismo contexto. Usar max 5-7 en visualizacion de datos. El par rojo y verde como unicas categorias opuestas es inaccesible para daltonicos. Complementar siempre con icono o forma.

Un boton elevado invita a presionar. Un campo con borde invita a escribir. Flat design elimina affordances naturales y obliga al usuario a adivinar. Si el elemento es interactivo, debe comunicarlo visualmente.

Cada click extra que separa al usuario de su objetivo reduce la tasa de completitud. Las acciones frecuentes deben estar a un click de distancia, no enterradas en menus contextuales de multiples niveles. Priorizar manipulacion directa sobre navegacion indirecta.