¿Sabías que los visitantes de un sitio web deciden si les gusta en unos 50 milisegundos? No tienes mucho tiempo para causar una buena impresión.
Las primeras impresiones visuales pueden marcar la diferencia entre perder clientes potenciales para siempre o convertirlos en clientes de por vida.
Pero, ¿cómo se cuantifican las preferencias estéticas?
Este año en Unbounce, queríamos descubrirlo. Hicimos una auditoría de marca. Somos una empresa basada en datos, por lo que decidimos realizar ejercicios con usuarios externos para demostrar el valor de una actualización visual para nuestra audiencia.
¿Nuestros resultados? Completamente revelador. Según los comentarios que recibimos, obtuvimos luz verde para un cambio de marca masivo.
En este artículo, compartiré una guía paso a paso sobre cómo ejecutar pruebas de impresión para demostrar que el diseño visual va mucho más allá de “hacer que las cosas se vean bien”.
1. Auditoría.
Comenzamos recopilando todo nuestro trabajo del año anterior. Identificamos qué funcionaba, qué no y qué necesitábamos mejorar. Al comparar una gran cantidad de nuestros elementos visuales, pudimos ver las inconsistencias en nuestro trabajo.
Decidimos comenzar con lo básico y centrarnos en tres aspectos principales de nuestra marca: paleta de colores, jerarquías tipográficas y estilo de imágenes.
Muro de auditoría.
2. Entrevistas internas.
Mientras realizábamos nuestra auditoría, comenzamos nuestra investigación entrevistando a personas de casi todos los departamentos de la empresa. En lugar de tomar decisiones por nuestra cuenta, queríamos comprender a fondo cómo nuestra marca llegó a donde está y dónde la gente esperaba verla en 5 años. Tomarse el tiempo para hacer esto tiene un gran beneficio adicional: al pedirles a las personas su opinión al principio del proceso, les ayudamos a sentirse interesados en el resultado.
3. Exploraciones de la página de inicio.
Teniendo en cuenta los conocimientos de la auditoría y las entrevistas, comenzamos a trabajar en un nuevo diseño de página de inicio. Mantuvimos el texto igual para que el enfoque siguiera siendo visual y diseñamos cinco variantes de página de inicio para probarlas con nuestra audiencia.
Un adelanto de nuestras cinco versiones de la página de inicio
4. Retroalimentación Interna.
La retroalimentación no es fácil de escuchar, pero es esencial. Imprimimos nuestros nuevos diseños a gran escala y los colgamos en los pasillos de la empresa. Inmediatamente comenzamos a recibir opiniones. “No deberíamos cambiar nuestro tono de azul” o “No creo que debamos mostrar nuestro constructor. Es demasiado literal”.
Valoramos estas opiniones. Sin embargo, eran internos. Decidimos salir de nuestra burbuja. Nuestro siguiente paso: reclutar participantes externos y realizar una prueba de impresión.
Cada vez más se espera que los elementos visuales transmitan la esencia de la personalidad de su marca. Entonces, ¿qué puedes hacer para medir si tu diseño comunica el mensaje correcto?
Realiza una prueba de impresión. Así es como funciona.
1. Identifica tu objetivo
Nuestro objetivo principal era comprender mejor el impacto de una nueva paleta de colores, tipografía e imágenes en las percepciones de los clientes sobre la marca Unbounce.
2. Recluta a tus participantes
Reclutamos participantes de la prueba que fueran representativos del público objetivo de Unbounce.
3. Prepara tus sesiones
Estructuramos cuidadosamente nuestras sesiones de una hora y realizamos pruebas de práctica para asegurarnos de que nuestro proceso fuera compatible con el control remoto. Estas son las tres herramientas principales que utilizamos:
Presentaciones de Google: Esto nos ayudó a guiar la sesión y aclarar las expectativas de nuestros participantes. Zoom: Esto nos permitió conectarnos en videollamadas con nuestros participantes, analizar cómo interactuaban con nuestros prototipos y grabar las sesiones. Invision: Esto transformó nuestra estática. páginas de inicio en un prototipo compartible, que nuestros participantes pudieron mostrar en sus monitores.
4. Prueba de 5 segundos
Comenzamos la sesión con una prueba de 5 segundos, un gran ejercicio para capturar con precisión la “reacción visceral” de las personas.
Mostramos las páginas de inicio del prototipo durante 5 segundos. Una vez que desapareció la imagen, inmediatamente presentamos una lista de rasgos al participante. Eligieron palabras que representaran sus sentimientos acerca de las imágenes que acababan de ver.
Cinco segundos pueden parecer poco tiempo, pero son suficientes para formarse una fuerte impresión de estilo visual.
Aquí está la lista de rasgos que mostramos. Es importante mencionar que con cada participante aleatorizamos el orden de estas palabras para evitar sesgos en el orden de respuesta.
Después de recibir las respuestas de todos nuestros participantes, compilamos sus respuestas y las juntamos en nubes de palabras para tener una forma más digerible de leer y distribuir la información.
Ejemplo de una de nuestras nubes de palabras. El tamaño de cada palabra indica su frecuencia o importancia.
5. Ejecute el prototipo de su página de inicio.
La segunda parte de la prueba involucró nuestro prototipo Invision. Incluimos nuestros cinco nuevos diseños de página de inicio y el anterior para comparar. Con frecuencia, mostrar a los usuarios más de un diseño visual posible les ayuda a identificar lo que les gusta (o no les gusta) de cada variación.
Les damos a los participantes entre 2 y 3 minutos para desplazarse hacia abajo por cada página y compartir en voz alta todos sus pensamientos sobre las composiciones visuales.
Probar sus diseños puede ser muy complicado, por lo que es esencial escribir preguntas neutrales que no impliquen respuestas particulares ni revelen nuestras expectativas. Para obtener comentarios honestos sobre las pruebas de usabilidad, aquí hay algunos principios:
No explique los diseños. No sugiera respuestas. No haga preguntas capciosas.
6. Medición de las respuestas
Un adelanto de cómo estructuramos nuestros comentarios.
Una vez realizadas estas impresiones, analizamos los comentarios y los categorizamos en patrones.
Con el tiempo, esos patrones se convirtieron en pautas.
Esto es lo que aprendimos.
Clara apertura en la nueva dirección de arte
Cuando solicitamos comentarios internos sobre el color, la gente dudaba en modificarlo. Cuando lo probamos externamente, ni un solo participante notó la nueva configuración de color. Gracias a este ejercicio, obtuvimos evidencia de que está bien que nuestra marca evolucione.
Evite el uso de representaciones abstractas de productos
Cuando probamos nuestras ilustraciones, descubrimos que los ejemplos realistas comunicaban valor mucho más rápido a nuestra audiencia.
De lo abstracto a lo real.
En el pasado, hemos utilizado íconos, ilustraciones e incluso maquetas para explicar quiénes somos, pero nos dimos cuenta de que nada funciona como el producto real. Basándome en esta idea, he evolucionado nuestro estilo desde un enfoque más abstracto a uno más realista.
La codificación de colores ayuda a diferenciar varios productos
Nuestro producto ofrece páginas de destino, ventanas emergentes y barras adhesivas. Al darle a cada uno de ellos un tratamiento de color consistente, la gente entendió nuestras ofertas de inmediato.
Al mantener la composición neutra e implementar colores contrastantes SÓLO en estos tres artículos, nuestros productos se convirtieron en las estrellas de la página.
4. Las fotografías sencillas y de alta calidad despiertan la curiosidad
Unbounce ofrece toneladas de plantillas, pero esto no significa que tengamos que mostrarlas todas a la vez. Intentamos reflejar calidad versus cantidad. Menos textos, menos imágenes, menos ruido visual, ¡y funcionó! La gente hizo clic en esto para saber más sobre esta oferta.
Las opiniones subjetivas pueden ser peligrosas. Creemos que conocemos nuestras marcas por dentro y por fuera, pero al incorporar las pruebas al proceso, nos abrimos a nuevos conocimientos y perspectivas.
Para Unbounce esto fue sólo el comienzo del proyecto de cambio de marca. Realizar este ejercicio fomentó una conversación productiva y nos permitió comenzar a trabajar en colaboración con otros equipos.
// Muchas gracias a este grupo de personas que hicieron esto posible: Denis Suhopoljac, Rebeca Prestón, César Martínez, Sabrina Chan, Cecilia Martínez & Alejandra Porta //