30 días de diseño: un estudio de caso de marca

Hay varios aspectos importantes a tener en cuenta cuando se trabaja con clientes: cumplir con las expectativas y los plazos son dos de ellos. En algún momento de la carrera de todo diseñador, llegará un cliente que tiene una urgencia apremiante con su proyecto. Estos son los proyectos que enseñan el arte de cumplir con los plazos y lo loco que puede llegar a ser.

Por lo general, hay dos tipos de proyectos que todo diseñador encontrará durante su carrera: “Necesito un diseño centrado en el usuario que se corresponda con mi proyecto, sin plazos estrictos; Solo quiero la mejor solución”… Ese es el sueño de todo diseñador. Pero seamos realistas; en realidad, las cosas siempre son más desafiantes.

“Quiero una solución original, innovadora y creativa: una buena experiencia de usuario, una interfaz de usuario realmente agradable… y la necesito para ayer”.

Entonces, ¿qué sucede cuando se da cuenta de que hay 30 días para crear un logotipo y diseñar los elementos principales de la marca, un sitio web, interfaces de usuario móviles y anuncios/gráficos de redes sociales?

Después de tener un pequeño ataque de pánico, te das cuenta de que trabajar inteligentemente es el único camino a seguir.

Hacer un plan y pensar las cosas de antemano ayudará con la productividad, la precisión y la calidad del diseño. Al igual que con cualquier esfuerzo exitoso, el trabajo duro y las largas horas son algunas de las condiciones obligatorias para que esto suceda.

Pase lo que pase, siempre hay estas preguntas insoportables:

• ¿Vale la pena hacerlo con tales limitaciones de tiempo?
• ¿Las limitaciones de tiempo conducirán a una mala calidad del diseño?
• ¿Haría un mejor trabajo si tuviera más tiempo?

¡Absolutamente sí!

Al igual que con cualquier proyecto, siempre hay ventajas, desventajas y limitaciones que, como diseñadores, debemos encontrar una forma e incluso utilizar para nuestro beneficio para encontrar soluciones creativas.

Tener una idea clara de las tareas que deben cumplirse para completar con éxito el proyecto es clave, así como también informar diplomáticamente al cliente que el corto plazo podría afectar negativamente la calidad del diseño en general. Sin embargo, la presión de una fecha límite aplastante no es excusa para no dar lo mejor de sí en su oficio: utilícela para esforzarse por entregar el mejor trabajo posible. Un estudio realizado por Harvard Business School sobre el trabajo creativo realizado bajo la presión del tiempo concluyó lo siguiente:

Este estudio sugiere que los gerentes tomen medidas para proteger el tiempo para que los empleados participen en el procesamiento cognitivo creativo, particularmente aquellos empleados cuyo trabajo requiere un alto grado de creatividad. […] Es muy probable que las ideas creativas a menudo no se produzcan en ausencia total de cualquier presión de tiempo, ya sea autoimpuesta o externa.

Estos hallazgos indican que un alto grado de presión puede ir en contra del trabajo creativo, pero al mismo tiempo, el estudio también sugiere que un nivel razonable de presión con respecto al trabajo creativo puede ser útil para ayudar a producir mejores diseños.

Siempre es un desafío hacer todo cuando trabajas como autónomo con múltiples proyectos activos, ¡pero es una gran oportunidad para ser diligente con tu horario y hacer que tu tiempo limitado trabaje para ti! Hacer que el trabajo remoto funcione para usted es simple, pero no fácil. Combine esto con un plan sólido y obtendrá una receta para el éxito.

Días 1 y 2: Primero lo primero: ¡planifique!

El primer paso es dividir el proyecto en partes más pequeñas y calcular cuánto tiempo llevará terminar cada etapa del proyecto. Establecer metas aumenta la motivación y el logro. La ciencia del logro de objetivos recomienda dividir su gran objetivo en pasos de acción claros y definidos; hacer esto le dará una gran ventaja en sus esfuerzos para lograrlo.

En cuanto al diseño de marca, una buena práctica es crear varias versiones del diseño para que el cliente tenga diferentes opciones para elegir. Mi preferencia personal es crear tres iteraciones de diseños de logotipos y elementos principales de la marca, como tipografía, paletas de colores, imágenes y conjuntos de iconos. Hacer esto primero le permitirá llevar el concepto y las ideas visuales al siguiente paso.

Crear procesos de trabajo y seguirlos.

La creación de procesos de trabajo facilitará el flujo de trabajo y la responsabilidad que conlleva cada proyecto. El siguiente es mi enfoque habitual para un proyecto de diseño típico, ya sea de marca o de interfaz de usuario:

Investigación

Entérate de todo sobre el negocio de tu cliente:

• ¿Cuál es el núcleo de su negocio y cuál es su actividad principal?
• ¿Quién es su público objetivo y cuáles son sus necesidades?
• ¿Cuáles son sus objetivos y qué problema debe resolverse mediante el diseño?
• ¿Quién es la competencia y cómo puedes ser mejor?

Un cuestionario o resumen de diseño es una de las formas más convenientes y eficientes de recopilar la información antes mencionada.

Crear un tablero de humor

Una de las cosas para las que puedes usar un moodboard es para crear el concepto, una parte esencial de cualquier proyecto. Obtenga una imagen más grande: tome toda su investigación y colóquela en un gran lienzo para que pueda ver todos los elementos que deben incorporarse en los diseños. Hay varias herramientas gratuitas que te ayudan a crear moodboards fácilmente.

Si no le gustan las herramientas en línea, el uso de Adobe Illustrator funciona bien, ya que puede crear, agregar y mover elementos libremente. Piense en ello como un collage: no se preocupe demasiado por la ubicación de los detalles; usted es libre de arreglar todo a su gusto. El objetivo principal es ver cómo los colores, las fotos, los íconos, la tipografía, etc. funcionan entre sí, visualmente y en la narración.

Día 3: crea un concepto de diseño

Crear un concepto es el siguiente paso después de completar tu moodboard y es la base de todo tu trabajo futuro. Se produce un concepto como modelo experimental para probar la viabilidad de las características del diseño.

El moodboard será útil para establecer una dirección visual temprana que debería corresponder a la audiencia a la que te diriges y los objetivos del negocio. El concepto será la base de su dirección de UX y, por lo tanto, es parte de los 10 entregables de UX que utilizan los mejores diseñadores.

Es importante apreciar la importancia de este paso porque un concepto sólido ayuda a volver a contar una historia convincente, incluso durante las primeras etapas del proyecto. El enfoque principal debe tener en cuenta los sentimientos y las experiencias que los usuarios encuentran cuando tratan con las imágenes en lugar de lo que son las imágenes en sí.

Uno de los consultores de marketing y oradores motivacionales más influyentes de la industria, Simon Sinek, dio una brillante charla TED sobre este tema.

El tablero de humor puede ayudarlo a crear algunos eslóganes breves o tal vez establecer estilos de íconos y fotografías en un concepto. Dado que es bueno tener una tipografía que se pueda leer rápidamente independientemente del medio, también es importante considerar la tipografía compatible con la web y la impresión. Este es un elemento clave del gran diseño y también es uno de los principios considerados por las prácticas de diseño universal.

Día 4: Diseño de imágenes de marca

El proceso de creación de marca puede volverse tedioso y lento si se le descubre siguiendo el enfoque incorrecto desde el principio. Es mejor comenzar a crear iteraciones de logotipos una vez que tenga un concepto aprobado y los archivos de guía visual estén listos. Esto le dará la confianza de que se está moviendo en la dirección correcta y le permitirá abordar los desafíos de la marca de una manera inteligente y eficiente en el tiempo.

Es esencial hacer pequeños bocetos en lápiz y papel de sus ideas de diseño. Tomará menos tiempo si primero dibuja y luego continúa con Illustrator, Sketch, etc. para trabajar en su logotipo. Este paso me ha ayudado a diseñar tres propuestas de logotipo diferentes que están todas en la dirección visual elegida para la marca. Esto tardó unos días en terminar:

Puede haber algunos cambios y ajustes adicionales en el diseño del logotipo, pero una vez que el cliente se ha decidido por el logotipo y ha aprobado otros elementos como los colores, la tipografía, los íconos y el estilo de la fotografía, habrá terminado con los elementos básicos de la marca.

Días 7-15: Diseño de sitios web

El desarrollo de la marca incluye más que solo el logotipo: cubre casi todos los aspectos del diseño, incluido el sitio web. Comenzar primero con el sitio web puede ser útil, ya que puede agregar al concepto visual aplicando reglas visuales y viendo cómo funcionan juntas. Esto es particularmente cierto cuando está creando un sitio web que, en última instancia, tiene un objetivo y elementos similares a los de la aplicación móvil.

mapa del sitio

Un mapa del sitio es una lista de páginas de un sitio web a la que pueden acceder los rastreadores o los usuarios. Puede ser un documento que se utiliza como herramienta de planificación para el diseño web o una página que muestra las páginas de un sitio web de forma jerárquica.

Es de gran ayuda si un cliente ya tiene un mapa del sitio porque le brinda una vista clara de todas las páginas que pertenecen a un sitio web. Si se le adjudica un proyecto en el que se necesita un mapa del sitio, tendrá que trabajar con el cliente para armar uno.

Esto podría significar hacerle algunas preguntas a su cliente:

• ¿Cuál es el número de páginas en el sitio web?
• ¿Qué páginas son las más importantes?
• ¿Hay subpáginas?

Esto pintará una imagen clara de la estructura del sitio web y le dará una buena idea del alcance del proyecto.

Copiar primero

Encuentro útil pedirle al cliente por adelantado que me dé toda la copia y el contenido que quiere incluir en el sitio. Es una práctica recomendada hacer que el diseño funcione en torno a la copia en lugar de crear primero la interfaz de usuario e intentar que la copia se ajuste después.

El enfoque de copiar primero le ahorra a usted y a los desarrolladores mucho tiempo. Si vas al revés, podrías encontrarte con problemas. Si bien a veces es útil, el uso de texto ficticio puede afectar negativamente a un proyecto real, especialmente cuando el diseño se basa en gran medida en la tipografía y está diseñado en torno al contenido. Un diseño centrado en la copia no tiene inconvenientes y solo ayuda a realizar un trabajo creativo de calidad excepcional.

Diseño de página de inicio

Al seguir todos los pasos anteriores, ya tiene pautas visuales generales, un mapa del sitio y una copia. Ahora puede continuar con el diseño de las páginas del sitio web.

La página de inicio es lo primero que ven los usuarios cuando ingresan a un sitio web y, por lo tanto, es la página más importante. Aplicando el principio de Pareto se demuestra que la página de inicio tiene el 80% de la dirección del diseño (contexto, tipografía, colores, elementos repetibles, etc.) y el resto de las páginas el 20%.

Es una buena idea comenzar su proceso agrupando y seleccionando secciones para la página de inicio. El contenido completo y la copia generalmente me ayudan a organizar toda la página y ver qué aspectos faltan, así como las secciones que podrían agregarse para maximizar el impacto e impulsar a los usuarios a comprar/usar el producto o servicio.

Para enfatizar el servicio o producto, intente usar secciones prominentes de llamadas a la acción. Son una excelente manera de publicitar, así como captar la atención de los usuarios para comprar un producto, suscribirse a un boletín, darse de alta, etc.

Si la tecnología, el público objetivo y el tipo de negocio del cliente lo permiten, agregar un diseño de movimiento como GIF o animación puede darle un subcontexto a todo el sitio, además de enfatizar la sección de llamado a la acción. Sin embargo, los diseñadores deben tener cuidado de no ir demasiado lejos y crear algo que lleve mucho tiempo desarrollar.

Días 15-25: Aplicar Diseño Universal

El diseño universal, como lo describen sus desarrolladores, “puede aplicarse para evaluar diseños existentes, guiar el proceso de diseño y educar tanto a diseñadores como a consumidores sobre las características de productos y entornos más utilizables”.

El concepto de diseño universal es una de las soluciones más óptimas para usar cuando se trata de un proyecto de gran alcance: un concepto unificado y una dirección visual enfocada para la marca, el sitio web y las aplicaciones móviles es de gran beneficio cuando se diseña con limitaciones de tiempo.

La necesidad de elementos repetitivos puede ser un desafío en sí mismo. Esto sucede cuando se encuentran con requisitos técnicos. Los sitios web receptivos y las plataformas móviles tienen una filosofía y un conjunto de reglas completamente diferentes y, por lo tanto, pueden convertirse en un problema si no se abordan adecuadamente. No obstante, la creación de elementos que se puedan usar en múltiples plataformas es uno de los pilares del éxito de cualquier proyecto; en esta circunstancia particular, no habría sido posible cubrir tantas plataformas/dispositivos sin un diseño unificado que establezca claramente la dirección de la marca. desarrollo.

La desventaja de un plazo ajustado y el diseño para múltiples plataformas es que es posible que no esté utilizando todo el potencial de cada una de las plataformas para las que está diseñando. En tales casos, debido a la limitación de tiempo, una solución simple "a prueba de balas" que sea familiar para la base de usuarios podría ser una idea valiosa.

Por ejemplo: Vuelva a aplicar una idea en varias páginas y remodele para cada dispositivo. Los patrones son similares en esencia, lo cual está a tu favor. Podría ser en la forma en que muestra información esencial o invita a los usuarios a comprar un producto. En este caso, incluso una barra de búsqueda podría ser similar, si no la misma.

diagrama de flujo

El diseño del sitio web está listo y tiene una visión más clara de la UX para las aplicaciones.

Una de las formas en que puede hacer que el proceso de creación de UX sea más fácil y claro es crear un diagrama de flujo de usuario.

Existen múltiples métodos y herramientas que puede usar para crear diagramas de flujo; la práctica habitual es hacer diagramas gráficos con títulos breves y, si es necesario, texto explicativo. Usar Sketch o Illustrator para esto es mi preferencia, pero cualquier herramienta que te permita crear y mover elementos está bien para esta tarea.

Will Little ha dado una gran interpretación de esto:

Aquí es donde los ingenieros y los creativos deben trabajar en estrecha colaboración para decidir qué tipo de herramientas de software pueden admitir mejor las interfaces previstas y el comportamiento de hacer clic/deslizar, hasta la última pestaña, información sobre herramientas, cuadro de luz, icono, etc. .

Hágalo alto haciéndolo bajo

Descubrir el propósito principal de la aplicación ayudará a definir la UX. Eso podría ser ayudar a un usuario a comprar un producto, o tal vez ayudarlo a usar un producto; la experiencia del usuario debe adaptarse a eso. Los wireframes de baja fidelidad creados en papel y luego llevados a una mayor fidelidad en Sketch o Photoshop pueden facilitar el proceso considerablemente.

En este caso, los wireframes de baja fidelidad fueron suficientes ya que la aplicación es simple y solo necesitaba seguir los detalles visuales del sitio web.

Si puedes, organiza una pequeña prueba para tu UX. Necesitará un grupo de prueba de futuros usuarios para ver si los esquemas y el flujo de UX tienen sentido. Después de la prueba, estará armado con información valiosa y podrá continuar con el siguiente paso (crear una interfaz de usuario).

Diseño unificado

Después de realizar algunos ajustes en la UX, tiene todo lo que necesita para crear una IU lógica y bien definida, lo que le permite ajustarla a los requisitos visuales de las plataformas iOS y Android. Dado que iOS tiene algunas pautas de diseño muy específicas que pueden impedirle ingresar a la tienda de aplicaciones de Apple, debe conocer esas reglas y verificar cuidadosamente cómo se implementa su diseño durante la etapa de desarrollo.

Puede crear un diseño unificado para las plataformas iOS y Android sin dejar de utilizar sus mayores fortalezas siguiendo las pautas y reglas al diseñar la interfaz de usuario.

Días 25-30: Cree anuncios sincronizados con la marca

En este punto, debería haber diseñado un logotipo, elementos de marca, un sitio web y aplicaciones móviles. Aunque lo diseñó todo en menos de 25 días, es demasiado pronto para celebrar, ya que todavía hay un paso más que considerar: crear anuncios para redes sociales e impresos. Aquí es donde el concepto que creaste al principio será de gran ayuda.

Seguir estos consejos al diseñar anuncios y materiales de redes sociales mejorará en gran medida la calidad, los niveles de participación y la creatividad general de sus imágenes:

• Utiliza colores vivos y brillantes que destaquen.
• Mostrar personas felices y activas ayuda con la dinámica y los sentimientos sobre tus gráficos.
• El movimiento, la actividad y la emoción de las personas siempre llama la atención y ayuda con los sentimientos transmitidos en general.

Todas estas reglas lo ayudarán a crear gráficos sobresalientes para anuncios. Si corresponde, utilice la paleta de colores, la tipografía y otras imágenes que haya utilizado en su sitio web, marca y aplicaciones. Esto lo ayudará a ser consistente en sus diseños y funcionará a su favor cuando trabaje con limitaciones de tiempo.

Nunca se comprometa con una fecha límite que no pueda cumplir

En ocasiones, cualquiera puede subestimar la cantidad de esfuerzo y trabajo que puede llevar un proyecto; es por eso que la planificación de cada paso es crucial al comienzo de un proyecto. Los objetivos y las metas realistas divididos en partes pequeñas son fundamentales para entregar un trabajo sólido a tiempo.

Benjamin Franklin lo expresó mejor: “Si no te preparas, te estás preparando para fracasar”.

En todo momento, nunca deje de prepararse y nunca deje de anticipar la posibilidad de que haya subestimado el trabajo en términos de tiempo requerido para entregarlo. Si bien los clientes pueden tener fechas límite, usted debe tener las habilidades que lo ayudarán a determinar si un proyecto es factible o incluso si vale la pena considerarlo en primer lugar. Sin embargo, no dejes que esto sea una excusa para no asumir un desafío personal que, en última instancia, podría ayudarte a convertirte en un diseñador y administrador de tu tiempo más hábil.

• • •

Lectura adicional en el blog de diseño de Toptal:

• Mejores prácticas de diseño de interfaz de usuario y errores comunes
• Estados vacíos: el aspecto más pasado por alto de UX
• La simplicidad es clave: exploración del diseño web mínimo
• Principios heurísticos para interfaces móviles
• Diseño para la legibilidad: una guía para la tipografía web