Le ha sucedido a todos. Pasas incontables horas produciendo una hermosa compilación de píxeles perfectos solo para que el cliente la rechace porque no es lo que estaban imaginando en su mente. Es la temida maldición de "lo sabré cuando lo vea".

Te devuelven al tablero de dibujo, tu ego y el presupuesto reciben un golpe, y todos se sienten frustrados por el proceso. Después de que esto ocurra, algunas veces te das cuenta de que implicar al cliente en una fase anterior del proceso puede marcar una gran diferencia en el resultado de tus presentaciones de diseño.

Como diseñadores, a menudo pensamos que tenemos todas las respuestas. ¡Nuestro trabajo es saber qué se ve bien y tomamos esa responsabilidad en serio! Pero incluso si tiene talento y su trabajo es de primera, es fácil malinterpretar las expectativas del cliente. Las palabras fracasan miserablemente al tratar de traducir conceptos de diseño. Lo que una persona llama "nervioso" podría considerar caótico.

Y si su cliente no ha sido muy abierto acerca de lo que quieren que su nuevo sitio se vea, es aún más difícil dar en el blanco de una vez. Los visuales comunican cosas que las palabras no pueden. Una imagen vale más que mil palabras, y los mood boards son una gran herramienta para crear esa imagen para su cliente.

Las imágenes valen más que mil palabras

¿Qué es exactamente una tabla de estado de ánimo?

Los paneles de humor (a veces llamados tableros de inspiración) se usan en una variedad de disciplinas. Sin duda los has visto usados ​​para Diseño de interiores , donde muestras de tela y muestras de muestras de pintura se agrupan en un póster para mostrarle a un propietario qué tipo de atmósfera creará la nueva decoración. También se usan con frecuencia en Moda para resaltar tendencias y estilos. En esencia, son una compilación de elementos inspiradores utilizados por los diseñadores para desarrollar ideas al comienzo de un proyecto de diseño.

Un mood board es extremadamente útil para establecer la sensación estética de un sitio web. Por lo general, encaja en el proceso en algún lugar después de los wireframes y antes de las maquetas de diseño. Las cosas que se pueden explorar en el panel de estado de ánimo incluyen el estilo de fotografía, las paletas de colores, la tipografía, los patrones y la apariencia general del sitio. ¿Suave o duro? Grungy o limpio? Oscuro o ligero? Un collage aproximado de colores, texturas e imágenes es todo lo que se necesita para evocar un estilo o sentimiento específico.

El mood board es intencionalmente casual; permite al diseñador comenzar con trazos amplios y obtener retroalimentación antes de que se invierta demasiado tiempo en la dirección incorrecta. Piense en ello como un prototipo visual rápido.

Paleta de color

¿Cómo creo uno?

Lo primero que debe hacer es evaluar el proyecto y elegir el estilo de tabla de estado de ánimo que funcione mejor. Hay muchas maneras diferentes de presentar una tabla de estado de ánimo. La dirección que elija se basará en el tiempo asignado, los hábitos de trabajo personales y, lo más importante, la personalidad de su cliente.

Estilo 1: Collage suelto

Si son grandes pensadores que no están obsesionados con los detalles, es probable que les encante esta parte del proceso y no requieran tablas refinadas. Un collage holgado funcionará muy bien para transmitir el tipo de aspecto y sensación que está buscando. Un ejemplo de este estilo está a continuación:

Tablero del humor del estilo del collage

Esta es la forma más sencilla de crear una tabla de estado de ánimo porque se puede juntar rápidamente y no lo obliga a tomar decisiones sobre detalles más pequeños, como fuentes o colores específicos. Obtenga fragmentos de inspiración de cualquier lugar que elija. Escanee las cosas que encuentre a su alrededor o busque en línea las imágenes y texturas adecuadas. A veces es útil incluir capturas de pantalla de otros sitios con una apariencia similar.

Si bien este es el estilo más divertido y eficiente en el uso del tiempo, desafortunadamente puede ser confuso y distraer a los clientes que no comprenden por completo la idea.

Estilo 2: plantilla refinada

Si su cliente no ha trabajado con muchos diseñadores o personas de marketing, o si están extremadamente orientados a los detalles, es posible que desee adoptar un enfoque más formal. En este estilo, se crea una plantilla para mostrar los diferentes elementos. Un ejemplo de este estilo está a continuación:

Tablero de humor de estilo de plantilla

Se define una paleta de colores, se eligen tratamientos de fuente como un encabezado y un subtítulo, y también se pueden trabajar elementos como estilos de botones y fotografía. Una plantilla estandarizada ayudará a su cliente a enfocarse en los elementos presentados.

Por lo general, creo 3 paneles de estado de ánimo para cualquier proyecto de diseño. Dependiendo del estilo, paso de 1 a 3 horas en cada uno. Antes de comenzar, se me ocurre una lista de adjetivos para cada tablero. Un ejemplo podría ser:

  • Oscuro, brillante, resbaladizo, moderno, nervioso, duro, agresivo
  • Suave, silenciado, redondo, en capas, elegante, realista
  • Colorido, áspero, incompleto, brillante, ilustración

Estos adjetivos sirven como pautas a medida que junté los elementos. Las palabras (y las tablas) deben tener fuertes diferencias. Incluir una amplia gama de estilos es importante para aprovechar al máximo este proceso.

¿Cómo lo presento?

Prepare a su cliente explicando cómo encaja el estado de ánimo en su proceso. Dígales qué espera obtener de la revisión y hágales saber que todos los comentarios son bienvenidos en este momento.

Cuando estés presentando, haz que tu cliente conozca la inspiración detrás de cada uno de tus tableros . Su lista inicial de adjetivos es útil aquí. Recuérdeles que nada en los pizarrones está grabado en piedra y que son simplemente una herramienta utilizada para enfocar el proceso de diseño.

Descubrirá que, en la mayoría de los casos, un cliente sabrá qué tabla de estado de ánimo le parece adecuada en cuestión de segundos. Si necesitan ver algunas opciones adicionales, hacer revisiones en esta etapa es rápido y sin complicaciones.

¿Cuales son los beneficios?

Producción más rápida de maquetas

Algunos clientes argumentan que no quieren pagar tablas de estado de ánimo y prefieren ir directamente a las maquetas, pero unas pocas horas pasadas pueden ahorrar incontables horas en la línea . Con una guía visual creada y una visión clara de hacia dónde se dirige, es mucho más fácil entrar directamente en el proceso de creación de prototipos visuales. No hay un síndrome de lienzo en blanco para tratar, y no hay sensación de que estés perdiendo el tiempo con un concepto que quizás no les guste. Lo mejor de todo es que no hay grandes sorpresas . Desde que usé las tablas de estado de ánimo aún no me he encontrado con un proyecto que fuera una completa renovación.

Compromiso más suave con el cliente

Además, la participación temprana de los clientes los convierte en una parte más importante del proyecto. Cuando los clientes se sienten involucrados, es más probable que confíen en usted. Los paneles de humor dejan en claro que los estás escuchando y considerando su aporte . También obtienen una idea del pensamiento detrás de sus decisiones, disipando la noción muy común de que los diseñadores eligen todo por capricho. Saber por qué elegiste algo a menudo mantendrá las preferencias personales (es decir, / el color favorito del cliente es el color púrpura, por lo que le gustaría verlo como fondo) para ir avanzando lentamente a medida que cambien las solicitudes.

Menos frustración, más diversión

Los tableros de humor son muy divertidos, casi no tienen ganas de trabajar. Diseñar libremente permite intercambiar ideas, explorar y jugar con diferentes estilos sin todas las limitaciones que impondrá un diseño (y realidades de codificación). También mantienen los ciclos de revisión al mínimo, algo que todos los diseñadores pueden apreciar.

Ejemplos

Ahora que sabe por qué son útiles, es hora de hacerlos parte de su proceso. ¿No estás listo para saltar? Vea algunos ejemplos para que fluya su creatividad.

A continuación, una tabla de humor de collage creada para una tienda en línea que vende ropa y accesorios para bebés.

Tablero del humor del estilo del collage

Los adjetivos que eligieron para describir su marca incluyen estilo, amigable y moderno. El collage sugiere un esquema de color azul y marrón, una mezcla de fuentes manuscritas y serif, botones redondos y algunos elementos hechos a mano.

A modo de comparación, aquí hay un ejemplo de una tabla de estado de ánimo de la plantilla para el mismo proyecto:

Tablero de humor de estilo de plantilla

La plantilla adopta un enfoque más racional, eliminando los elementos hechos a mano pero manteniendo el esquema de color azul y marrón. La paleta de colores, los patrones, los tratamientos de tipo y el uso de fotos son todos más explícitos.

Si necesita más ideas, el Tableros de inspiración de Flickr group tiene una gran colección de diseñadores de todo tipo.

Intenta usar tablas de estado de ánimo en tu próximo proyecto. Son una forma divertida, eficiente y efectiva de comunicar grandes ideas de diseño.

Escrito exclusivamente para WDD por Mindy Wagner. Es diseñadora web en Viget Labs y ha trabajado en diseño impreso y web durante más de 8 años. Es licenciada en Comunicación y Arte en Medios Electrónicos por el Instituto Politécnico Rensselaer.

¿Has usado mood boards o los estás considerando? Por favor comparte tus comentarios abajo.