Moodboards

¿Qué son los moodboards?

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Un moodboards es una disposición de imágenes, materiales y piezas de texto destinadas a evocar o proyectar un estilo o concepto particular.

Son una herramienta de investigación exploratoria utilizada como una forma de recopilar y presentar ideas para permitir el desarrollo de proyectos. Los moodboards se utilizan en todas las disciplinas de diseño para la generación de ideas en las primeras etapas de conceptualización.

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

En la moda y en el diseño de interiores, se utilizan como una forma de crear una apariencia y sensación general del diseño.

Colaboración con el cliente

Los moodboards pueden ser una excelente manera de transmitir tu idea de diseño, ganar pujas y obtener una aprobación temprana. Lo que piensas y sientes acerca de una idea creativa se limita a cuán buenas son tus habilidades de comunicación verbal para expresar esto a las partes interesadas del proyecto. Un moodboards puede ayudar a que todos estén en la misma página y comenzar una conversación que alinee la visión de todos.

Un moodboards ayuda a:

  • Traducir un concepto donde las palabras pueden fallar.
  • Establecer una base y establecer el tema del proyecto (es decir, ¿suave o duro? ¿Limpio o sucio?).
  • Dar a los clientes evidencia tangible de tu fase de investigación de diseño.
  • Crear una imagen en la cabeza del cliente desde el principio y permitir que vean exactamente lo que estás planeando, para que puedas obtener comentarios e iterar temprano si es necesario.
  • Reducir el tiempo dedicado a la revisión debido a la falta de comunicación.
  • Poner a todo el equipo en la misma página para la dirección de diseño visual.

Qué incluir

  • Paletas de colores
  • Ejemplos de UI
    • Tipografía
    • Iconografía
    • Diseño
  • Fotografía
    • Personas, lugares, espacios cualquier cosa que ayude a transmitir tu mensaje
  • Atributos de marca (adjetivos conceptuales)

Consejos y trucos

Mirar más allá del mundo digital

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

  • Buscar inspiración en Dribbble o Behance para inspiración de UI es lo básico, ¡pero se puede encontrar inspiración en muchos otros lugares!
    • libros antiguos o catálogos
    • imágenes de comida, viajes, personas y lugares
    • palabras clave que transmitan tu estado de ánimo

Estás tratando de comunicar un estilo y una sensación. Dependiendo solo de ejemplos de UI en tu moodboards puede hacer que la gente piense que así es como se verá tu diseño, o puede cerrarte a estas referencias.

Asegúrate de tener un concepto

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

No solo juntes una serie de imágenes aleatorias que te gusten. Piensa en ti mismo como un curador en lugar de un coleccionista, e intenta que haya significado y conexiones de una imagen a la siguiente.

Construye cosas alrededor de una imagen grande

  • El diseño debe dar prominencia a las imágenes clave del tema.

La posición y el tamaño de las cosas en tu moodboards deben reflejar idealmente su importancia o relación con la idea original en sí.

Puede ser una buena idea tener una imagen o textura que uses como punto de referencia para todas las demás y organizarlas en consecuencia. Esto sirve para 2 propósitos:

  1. Crea un enfoque para todos los elementos en el tablero
  2. Guía a tu cliente hacia los conceptos gráficos que consideras más importantes.

Mantén las cosas sueltas

Un moodboards está destinado a mostrar una dirección de diseño, no un resultado finalizado. Deja que muestre que no estás casado con este concepto. Encerrar una idea o estilo en un moodboards puede ser perjudicial, ya que el cliente se sentirá obligado a ir con un estilo particular. Esto suele suceder cuando la inspiración no es lo suficientemente abstracta y el moodboards parece más una maqueta.

Atributos de marca

Cuando comiences a pensar en tu identidad visual, es importante tomarse un tiempo para definir los atributos de marca, también conocidos como valores fundamentales. Los atributos de marca son adjetivos que representan la esencia de la marca.

Al igual que las personas, las marcas tienen personalidades. Los atributos de marca son un conjunto de características humanas que identifican los rasgos físicos, de carácter y de personalidad de la marca. Esto es similar a los atributos que nos permiten identificar consistentemente a los individuos.

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

Apple es casi conocido por completo por sus atributos de personalidad de marca: innovador, elegante, intuitivo, genial, casual, fácil de llevar y amigable.

Los atributos de la marca ayudan a las personas a comprender:

  • Cómo se comporta la marca
  • Género, edad, clase socioeconómica, psicografía, características emocionales

Ejemplos:

  • Marlboro es masculino mientras que Virginia Slims es "femenino"
  • IBM es "más antiguo" mientras que Apple es "más joven"

En la mente del consumidor, estas impresiones se fusionan para formar un concepto general de lo que esperar de la marca.

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

¿Por qué es importante la personalidad de la marca?

La personalidad de la marca contribuye a una identidad diferenciadora, especialmente cuando las marcas son similares en atributos de producto. La personalidad define no solo la marca, sino también la clase de producto, el contexto y la experiencia. También guía el esfuerzo de comunicación y crea equidad de marca.

Cómo definir la personalidad de la marca:

  1. Empiece por mirar las características relacionadas con el producto, como la propuesta de valor, el público objetivo, el precio y el contexto.
  2. Haga una lista de adjetivos comúnmente utilizados para describir la personalidad de las personas.
  3. Haga que su grupo clasifique y valore estos atributos. ¿Es su producto:

Conservador o progresista?
Urbano o al aire libre?
Informal o profesional?
Divertido y juguetón o serio?
Grande o pequeño?
Líder o underdog?
Elegante y de moda o sencillo y práctico?
Económico o adinerado?
Expresivo o reservado?
Dinámico o estable?
Predecible o sorprendente?
Estable o fluido?

Sea honesto. Lo que busca es una imagen precisa de quién es, no una lista de términos esperados.

Cuando las personas encuentran un producto u organización con rasgos de personalidad incongruentes, socava su sentido de confianza porque no pueden encontrar una definición precisa de lo que la empresa representa.

La razón principal para definir los atributos de la marca es "definir el tipo de experiencia del cliente que entregas."

Este proceso debe influir en tu estrategia para cada punto de contacto. El tono de las comunicaciones de marketing, la estrategia de contenido, el estilo visual e incluso la forma en que se visten los empleados deben ser coherentes con la personalidad de tu marca.

La mayoría de las veces trabajarás en un producto para una empresa que ya tiene una marca definida. Otras veces estarás creando un producto desde cero y tendrás que definirlos. De cualquier manera, comenzar con una lista de atributos de marca te ayudará a crear un moodboard que se alinee con la visión de tu producto y refuerce la propuesta de valor del producto de una manera que tu mercado objetivo pueda identificar.

Análisis visual competitivo

El siguiente paso para crear tu moodboard es entender el espacio competitivo en el que se encontrará tu producto. ¿Qué otros productos hay en tu espacio? ¿Qué otros productos usan las personas que usan tu aplicación? ¿Cómo son sus sitios o aplicaciones? Piensa en competidores directos e indirectos.

  • un competidor indirecto es una organización que ofrece un producto, servicio o marca que es algo similar a lo que ofrece tu cliente, en el mismo mercado objetivo. Por ejemplo, Coca-Cola y Evian son competidores indirectos porque ambas son bebidas, pero los productos son diferentes, y alguien que quiera comprar una soda puede o no querer comprar agua.

Por qué es importante el análisis visual competitivo:

  • Al mirar a tu competencia, deseas identificar las identidades actuales que se utilizan dentro del mercado, para que:
    • estés al tanto de las tendencias actuales en este espacio
      • Tener una idea de lo que tus clientes pueden esperar.
    • establezcas la diferencia de tu producto con la competencia
      • Quieres hacer que la identidad de tu producto se vea diferente de lo que ya existe.

Cómo hacer un análisis visual competitivo:

Al evaluar las identidades de los competidores, presta atención a sus logotipos, colores y cualquier imagen que utilicen. Luego, intenta pensar en cuáles podrían ser sus atributos de marca.

Guarda tu investigación en un documento de 1 página (por competidor), para que puedas usarlo como referencia al crear tu propia identidad visual y presentar tu moodboard a los clientes (como un punto de referencia).

Ejemplo: Análisis visual competitivo para el espacio Smarthome

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →

https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/upload_c6f7cb8f2c2bb5cad0962714eb2e70cc.png

https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/upload_2265a96afb1f5cbfd6595fc14ff115bb.png

Cómo armar un moodboard

  1. Define los atributos de la marca
  2. Realiza un análisis visual competitivo
  3. Comienza a recopilar inspiración
  4. Usa los consejos y trucos descritos anteriormente para armar tu moodboard
    • Puedes usar un software de diseño como Figma, un software de presentación simple como Google Slides o incluso herramientas en línea como InVision Boards