# Moodboards

## Learning Goals

En esta sección aprenderás:
- Qué son moodboards y cómo hacerlos
- Cómo utilizar atributos de marca
- Cómo elaborar un Análisis Visual de Competidores y cómo crearlo

# ¿Qué es un Moodboard?


Un moodboard es una colección de imágenes, materiales, textos pequeños, etc. cuyo objetivo es evocar el estillo de un proyecto.

Son una herramienta de exploración para recopilar y compartir ideas que se utiliza en todas las disciplinas del diseño para generar ideas en las etapas preliminares de conceptualización.



### Beneficios de un moodboard

- Traduce un concepto cuando las palabras no son suficientes
- Constituyen la fundación y establecen el mensaje del proyecto (será de impacto o suave, limpio o rompedor)
- Ayudan a trasladar y presentar ideas a los stakeholders de un proyecto
- Ayuda a grupos de personas a alinear ideas
- Les ofrece evidencia tangible a los clientes sobre tu etapa de investigación
- Crean una imagen que capta cuál es la idea que se quiere desarrollar
- Mejora los tiempos de revisión de la dirección visual de un proyecto

### Qué debe incluir

- Paleta o esquema de colores
- Ejemplos de elementos de UI
- Tipografías (como ejemplos, no es la guía)
- Iconos
- Fotografías
- Colores, lugares, espacios, telas, texturas... cualquier cosa que te ayude a expresar el mensaje
- Atributos de marca (pueden incluso ser adjetivos del concepto)

### Tips and Tricks

#### Inspírate más allá del mundo digital


Lógicamente buscarás en Dribbble y Behance, pero además, busca en:
- libros y catálogos
- imágenes de comida, viajes, lugares
- palabras claves

Lo que tratas de comunicar es un estilo y una sensación. Agregar demasiados elementos y componentes de UI puede hacer que la gente crea que así es como se va a ver el producto final, y no es la idea.
#### Ten un concepto


- No intentes juntar todas las imágenes que te gusten
- Piensa que eres un 'curador' más que un coleccionista. Trata de que todo lo que pongas tenga significado de una imágen a la otra.

#### Construye alrededor de una imagen central

El layout debe darle prevalencia a las imágenes que son claves en el tema.

Una buena idea es tener una imagen o textura como punto central y a partir de ahí crear otras referencias, así
- le das foco visual a todos los elementos de tu moodboard
- guías al cliente a que entienda qué es lo más importante para ti

#### Mantén el resultado abierto

Un moodboard muestra una dirección, no un resultado final, así que no te 'cases' con el concepto.

## Atributos de marca

Cuando comienzas a pensar en tu identidad visual, es importante definir los atributos de marca o valores troncales.

Los atributos de marca son adjetivos que representan la escencia de la marca.

Las marcas, como las personas, tienen personalidad. Los atributos de marca son características *humanas* que identifican el caracter, físico y personalidad de una marca, así como los atributos que nos identifican como individuos.


:::success

Apple es mayormente conocido por sus atributos de personalidad - innovador, con estilo, intuitivo, cool, casual, de facil trato y amistoso.
:::

La gente tiene la tendencia natural de personificar las cosas: desde mascotas hasta coches, les asignamos atributos humanos a casi cualquier cosa, incluso productos y compañias.

Los atributos de marca ayudan a la gente a entender:

- Cómo se comporta una marca
- El género, la edad, la clase socioeconómica, características emocionales de sus usuarios

Ejemplos:

- Marlboro es *masculino* mientras Virginia Slims es *femenino*
- IBM es *viejo* y Apple es *joven*

En la mente de un consumidor estas impresiones se mezclan formando un concepto de qué esperar de una marca.


#### Cómo definir la personalidad de una marca

1. Comienza viendo las características del producto
- propuesta de valor, audiencia, contexto en el que se utiliza
2. Haz una lista de adjetivos que defina estos elementos

3. Piensa en estos elementos y define si tu producto es:

- Conservativo o progresista
- Urbano o natural
- Casual o profesional
- Divertido y juguetón o serio
- Grande o pequeño
- Líder o seguidor
- Tiene estilo y está a la moda o es plano y práctico
- Cuidadoso con el dinero o derrochador
- Abierto o reservado
- Dinámico o estable
- Predecible o sorprendente
- Estable o fluido

Sé honesto. La idea es realmente definir tu producto, tu usuario y el contexto, no lo que quieres que sea.

## Análisis Visual de la Competencia

Para entender el espacio de competencia que tu producto va a tener tienes que estudiar qué otros productos compiten contigo. Qué otros productos usan tus potenciales clientes y cómo se ven sus aplicaciones?

The next step in creating your mood board is understanding the competitive space your product will be in.

Cuando ves a tus competidores, quieres identificar las ideantidades que están usando para:
- estar alerta de las tendencias en este nicho
- tener una idea de lo que tus clientes esperan
- diferenciarte de la competencia
- encontrar puntos de diferencia para resaltar ante tus competidores

#### ¿Cómo hacerlo?

Cuando estés en Google viendo a tus competidores, presta atención a:
- sus logos
- los colores que emplean
- las imágenes
- intenta identificar sus atributos de marca

Guarda tus investigaciones en documentos de una página por competidor para usarlos de referencia cuando crees tu propia identidad visual y presentes tu moodboard a los clientes como un punto de referencia.

:::info

Ejemplo: Análisis Visual de Competidores en el espacio de Smarthome



:::