Moodboards: dirección visual antes del primer píxel
Un moodboard es un collage de imágenes, colores y texturas que muestra la sensación que debe transmitir un producto. Cuándo hacerlo y cómo armarlo.
¿Qué es un moodboard y para qué sirve?
Es una herramienta de comunicación, no de ejecución. NN/g lo describe como un collage que transmite una sensación a primera vista y que muestra los sentimientos o valores que el producto digital debe provocar (NN/g, “Mood boards”). Design Project lo define como una herramienta visual que comunica la dirección de diseño y visualiza conceptos complejos (Design Project, “Moodboards in UX design”).
Su valor está en que lo ve todo el equipo a la vez. Una palabra como «sobrio» o «cercano» significa cosas distintas para cada persona. Un tablero con imágenes concretas reduce esa ambigüedad y evita discutir el color de un botón cuando el problema es otro.
¿Por qué le importa a un diseñador?
Porque la dirección visual es lo primero que se decide y lo último que se corrige sin costo. Si el cliente descubre en la tercera revisión que esperaba un estilo más cálido, has perdido semanas. Detectar ese desajuste con un tablero de cinco minutos es mucho más barato.
También te da un marco para decir que no. Cuando alguien pide «algo más premium», puedes preguntar si lo premium es el tipo de fotografía, la densidad de información o la tipografía, y el tablero te ayuda a concretarlo.
Además, te protege de un error frecuente: diseñar la primera versión con tu propio gusto. Cuando la dirección sale de un tablero que todo el equipo vio y discutió, la decisión no depende de quién habla más alto ni de quién tiene más antigüedad.
¿Cuándo conviene hacerlo?
NN/g lo sitúa al inicio del diseño de un producto nuevo o de un rediseño grande, en fases como definir o idear, antes de hacer prototipos (NN/g). UX Design Institute es más específico: se empieza cuando ya hiciste la investigación de usuario y definiste a las personas, porque la dirección visual debe responder a un problema concreto (UX Design Institute, “Mood boards for UI designers”).
La secuencia práctica es esta: investigación, personas y problema, después moodboard, después los wireframes y prototipos. Si haces el tablero sin investigación, tendrás un bonito collage que no decide nada.
¿Cómo se construye?
Los pasos de NN/g, UX Design Institute y Design Project se parecen mucho:
- Revisa la marca existente. Si hay identidad o guías, empieza por ahí.
- Elige las palabras de ánimo. NN/g recomienda entre cuatro y cinco, escritas como adjetivos concretos («motivador», «enérgico», «luminoso»). Decide primero qué quieres transmitir y después busca imágenes.
- Reúne referencias. Imágenes, colores, texturas y tipografías que evoquen esas palabras. Buscar también fuera del diseño digital (naturaleza, arquitectura, moda) da material más variado, según Design Project.
- Organiza con jerarquía. Lo más importante va más grande o más cerca del centro. Evita mezclar temas contradictorios.
- Comparte y pide feedback. UX Design Institute sugiere probarlo antes con personas que no participan en el proyecto y después presentarlo a los interesados.
NN/g sugiere hacer varios tableros para probar distintos estados de ánimo y compararlos: se buscan las ideas en común y las diferencias. Si las diferencias son grandes, hay una conversación que tener antes de seguir. Para generar variantes más rápido, mira los moodboards con IA.
Ejemplo
Ejemplo ilustrativo: una aseguradora digital quiere una app para sus clientes mayores y el brief dice «moderna pero cercana». El equipo hace tres tableros. El primero, con interfaces de fintech oscuras y gradientes, transmite modernidad pero frialdad. El segundo, con ilustraciones de manos y colores cálidos, transmite cercanía pero parece infantil. El tercero, con fotografía real, tipografía grande y colores sobrios, combina ambas cosas. El cliente elige el tercero y el equipo lo convierte en criterios: contraste alto, tipografía de al menos 18 px para el cuerpo, fotografías de personas reales. Esos criterios se llevan después a la escala tipográfica del proyecto.
¿Cuándo NO conviene un moodboard?
- Cuando la dirección ya está decidida. Un tablero que se hace para justificar una decisión tomada es teatro.
- Cuando el proyecto es una pequeña mejora. Ajustar el espaciado de una tabla no necesita collage.
- Sin investigación previa. Sin personas ni problema claro, el tablero refleja gustos, no necesidades.
- Para definir reglas de componentes. Eso es trabajo de la guía de estilo y del sistema de diseño.
Errores comunes
- Llenar el tablero de capturas de pantalla y que se hable de funciones en lugar de sensaciones. NN/g advierte que los moodboards tratan de lo visual, no de las funciones, y que demasiadas capturas de pantalla desvían la atención hacia ellas.
- Presentar una sola dirección, lo que convierte la reunión en una aprobación o un rechazo.
- Pulir cada imagen cuando el objetivo es comunicar una idea.
- Dejar que el cliente piense que las referencias se van a copiar tal cual.
- Mezclar estilos que se contradicen y que nadie puede defender.
Cómo empezar mañana
Antes de tu próxima reunión de dirección, escribe cuatro adjetivos que describan lo que el producto debe transmitir y que nadie pueda malinterpretar. Busca dos imágenes por adjetivo y arma un tablero simple, en una sola pantalla. Muéstralo a tres personas, una de ellas ajena al proyecto, y pregúntales qué producto imaginan a partir de él. Si lo que imaginan se parece a lo que quieres, pasa a los wireframes. Si no, cambia las imágenes, no las palabras.