Desde hace bastante tiempo Responsive Design suena como una constante en la web. El panorama sigue cambiando, a mi modo de ver más rápido de lo que esperábamos. Es casi un hecho que la navegación móvil superará a la navegación desde una computadora de escritorio. Ante tal evento debemos en lugar de hacer diferentes sitios específicos  para cada tipo de dispositivo web, debemos hacer uno adaptable al tamaño de pantalla del dispositivo en el que se esté mostrando. resumiendo es hora de practicar el Responsive Design.

Este artículo no va dirigido a los diseñadores que ya saben las mejores practicas para aplicar el Responsive Web Design, va dirigido a todos los que están por sumergirse en un nuevo proyecto, definitivamente es algo a tener en cuenta.

Aquí de manera muy sencilla les presento 5 beneficios seguros al aplicar el Responsive Design

1. Como marca, no quedarás atrapado en una constante adaptación de sitios a dispositivos, plataformas, formatos
2. Dejarás atrás practicas tremendamente complicadas y poco eficientes
3. Solo se desarrollará un sitio
4. El cliente tendrá una experiencia lo más placentera posible con independencia de qué medio esté usando para ver nuestra web.
5. Al aplicar el punto anterior, la web gustará más, será más compartida, mejor valorada, más popular y eso en SEO es muy importante.

Pensemos pues, que el Responsive Design es una mezcla de usabilidad, diseño de experiencia y algo de metodología de desarrollo, y que a nuestro modo de ver a llegado para quedarse.

Les compartimos 10 ejemplos de sitios web “Responsive”

The Boston Globe

Staffanstorp

Sasquatch! Music Festival

Think Vitamin

Food Sense

Simon Collison

Forefathers Group

Illy Issimo

Earth Hour

Ribot

Es muy común que un diseñador pase horas creando un diseño determinado que aunque estéticamente sea válido y cumpla con los términos de usabilidad requeridos sea rechazado finalmente por el cliente. Luego viene un momento de frustración que  en algunos casos puede influir negativamente en el resto de los intentos que puedan hacerse hasta llegar a complacer al cliente.

Esto sucede porque un diseño puede tener varias soluciones creativas y todas ser válidas. Pero el cliente, en el mejor de los casos, espera ver algo y puede darse el caso de que obtenga una solución que aunque válida sea diferente a lo que esperaba. La solución a este problema está en saber que espera el cliente y cumplir directamente con sus expectativas. La herramienta más práctica para ello, son los Moodboards.

La definición

Un Moodboard es un poster o tabloide (impreso o digital) compuesto por imágenes, recortes, texto, colores en determinada composición con el objetivo de transmitir emociones al cliente y obtener una respuesta que permita definir a que estilos y preferencias responde mejor para poder realizar un trabajo de diseño equilibrado entre los requerimientos que pueda tener un diseño y la respuesta a los valores estéticos del cliente. En pocas palabras, un diseño efectivo, que guste a la mayoría y al cliente también.

Como utilizamos los Moodboards en Neuseed

Aunque es nuestro caso lo utilizamos principalmente para diseñar Websites puede ser útil para otros sectores creativos como la moda, los storyboards, filmes, diseño de interiores, entre otros.

Partiendo de los resultados obtenidos de la investigación previa realizada analizando varios factores como la competencia, las tendencias y muy importante, la información obtenida del cliente, el diseñador debe formarse uno o varios caminos estéticos a seguir. Es entonces cuando debe conformarse el Moodboard, uniendo ejemplos, pantallazos, colores, tipografías y todo lo que sirva de inspiración para presentarlo al cliente y obtener una respuesta simple. Que le gusta y que no. Tendremos la base para crear sin necesidad de haber creado un diseño definitivo.

De esta forma ya tenemos una idea bastante concreta de que espera el cliente y podemos entregar un diseño mucho más certero ahorrándonos fracasos y por tanto que se desequilibre la relación tiempo disponible y presupuesto.

Quizás el único aspecto negativo de utilizar Moodboard es que un diseñador puede acomodarse y sencillamente copiar lo que el cliente elija como de su gusto.  Esta práctica no es recomendable pues al final estaría en la misma situación que al comienzo, entregar un diseño que será rechazado por falta de originalidad.

Si deseas ver más ejemplos de Moodboards en Flickr hay una galería muy extensa.