Landing The Concept: Teoría de alto concepto de películas y diseño de UX
Publicado: 2022-03-10Steven Spielberg dijo una vez: "Si una persona puede decirme la idea en 25 palabras o menos, será una película bastante buena". Se refería a la noción de que las mejores películas de "éxito de taquilla" de gran atractivo para las masas pueden expresar sucintamente su concepto o premisa en una sola oración corta, como Tiburón ("Se trata de un tiburón que aterroriza a un pequeño pueblo") y Toy Story ( “Se trata de unos juguetes que cobran vida cuando nadie mira”).
¿Qué pasaría si lo mismo fuera cierto para los sitios web? ¿Los sitios que explican su 'concepto' de una manera simple tienen una mejor oportunidad de atraer a los usuarios en masa? Si observamos el diseño súper simple de la página de inicio de Google, por ejemplo, les da a los usuarios un mensaje único y claro sobre su concepto al igual que el póster de la película Tiburón :
Ser conscientes de la importancia del 'concepto elevado' nos permite, como diseñadores, centrarnos realmente en las impresiones iniciales del usuario. Tomarse el tiempo para definir realmente lo que quiere que sea su 'concepto alto' simple antes de comenzar a diseñar realmente puede ayudarlo a guiarlo hacia la experiencia de usuario correcta.
¿Qué significa la teoría de alto concepto para el diseño de UX?
Así que tomemos esto en serio y mirémoslo desde el punto de vista del Diseño UX. Es lógico pensar que si puede explicar el 'concepto' o el propósito de su sitio de una manera simple, está reduciendo la carga cognitiva de los nuevos usuarios cuando tratan de entenderlo y, al hacerlo, está aumentando drásticamente sus posibilidades de ellos atractivos.
Los paralelismos entre la teoría del 'concepto elevado' y las mejores prácticas de diseño de UX son claros. Las audiencias taquilleras prefieren conceptos sencillos y fáciles de relacionar presentados sin complicaciones. Los usuarios de la web a menudo prefieren un diseño de IU (interfaz de usuario) más simple, fácil de digerir, diseños limpios y sin desorden.
Independientemente de cuál sea su mensaje, presentarlo de una manera simple es fundamental para el éxito de la experiencia del usuario de su sitio. Pero, ¿qué pasa con el mensaje en sí? Comprender si su mensaje es lo suficientemente 'concepto elevado' también puede ser fundamental para el éxito del sitio.
¿Cuál es el concepto de 'alto concepto' en el mundo en línea?
¿A qué nos referimos cuando decimos 'concepto elevado'? Para las películas es simple: es de lo que trata la película, la historia básica que puede ser fácil de poner en una sola oración, por ejemplo, Jurassic Park es "sobre un parque temático donde los dinosaurios vuelven a la vida".
Sin embargo, cuando observamos un "concepto alto" en un sitio web, realmente puede aplicarse a cualquier cosa: una declaración de misión, una oferta de servicio o incluso una nueva línea de productos. Es simplemente el mensaje principal que desea compartir a través de su sitio. Si aplicamos la teoría del 'concepto alto', nos dice que debemos asegurarnos de transmitir ese mensaje en un estilo simple y conciso.
¿Qué pasa si lo haces bien?
¿Por qué es tan importante el 'concepto elevado'? ¿Cuáles son los beneficios de presentar un diseño UX de 'concepto alto'? Uno de los errores que a menudo cometemos en el diseño de UX es centrarnos en los detalles de las tareas del usuario y olvidarnos de la importancia crítica de las opiniones iniciales. En otras palabras, nos enfocamos en cómo los usuarios interactuarán con un sitio una vez que hayan elegido interactuar con él y se perderán el proceso de toma de decisiones que precede a todo. La consideración de 'alto concepto' nos permite centrarnos en esta etapa inicial.
La premisa básica a considerar es que nos involucramos mejor con las cosas que entendemos y con las que nos sentimos cómodos. Asegurarse de que su sitio presente su mensaje de una manera simple y de "concepto alto" ayudará a la participación inicial del usuario. Ese compromiso inicial es el precursor crítico de todo lo bueno que sigue: ventas, interacción y una mejor tasa de conversión.
¿Cuánto concepto es demasiado concepto?
El verdadero truco es averiguar cuánta complejidad pueden manejar cómodamente sus usuarios cuando se trata de posicionar su mensaje. Debe concentrarse inicialmente en presentar solo información de alto nivel en lugar de bombardear a los usuarios con todo por adelantado. Brinde a los usuarios solo el nivel de comprensión que necesitan para interactuar inicialmente con su sitio y conducirlos más profundamente en el viaje revelando más detalles a medida que avanza.
Netflix hace un gran trabajo en esto. La vista inicial que se les presenta a los nuevos usuarios en la pantalla de la página de inicio es directa con su concepto súper alto: "hacemos contenido de video". , y así.
¿Cuándo aterrizar su concepto alto?
Al decidir cómo diseñar el sitio, otro factor crítico a considerar es cuándo elige presentar su 'concepto alto' inicial a sus usuarios. Es clave recordar cuán raro es que los usuarios sigan un viaje lineal simple y agradable a través de su sitio que comienza en la página de inicio. La realidad es que los recorridos orgánicos de los usuarios a veces comienzan con los resultados de búsqueda. Como resultado, la interacción real con su sitio comienza en la página más relevante para la consulta del usuario. Con esto en mente, es fundamental considerar cómo aparece la premisa de su sitio para los usuarios en las páginas de entrada clave de su sitio dondequiera que aparezcan en la jerarquía general.
Otro punto clave a considerar al presentar el mensaje de su sitio es que, en muchos escenarios, los usuarios juzgarán si interactuar con usted mucho antes de llegar a su sitio. Si la primera vez que presenta su concepto a los usuarios es a través de un anuncio de Facebook o una campaña de correo electrónico, la implementación es drásticamente diferente. Sin embargo, la teoría debe ser la misma, es decir, asegurarse de presentar su mensaje en una sola oración con estilo de "concepto elevado" con los usuarios potenciales.
Cómo comunicar su alto concepto
Hasta ahora, hemos hablado sobre cómo apuntar a mensajes de "concepto alto" puede aumentar el compromiso, pero ¿cómo hacemos esto? En primer lugar, concentrémonos en los métodos obvios, como la redacción que usa (o no usa).
Antes incluso de comenzar a diseñar, siéntese y concéntrese en lo que quiere que sea la premisa de su sitio. A partir de ahí, dibuje sus eslóganes o encabezados para reflejar esa premisa. Sin embargo, asegúrese de confiar en la jerarquía del contenido, use sus encabezados para aterrizar el concepto y no oculte mensajes que son críticos para comprender profundamente en su cuerpo de texto.
Aquí hay un buen ejemplo de Spotify. Logran una forma de "concepto alto" de posicionar su servicio a través de una combinación simple y ordenada de imágenes y redacción:
Redacción de una sola oración
Es clave ser lo más breve posible: cuanto más breve sea su mensaje, más legible será. El verdadero acto de equilibrio viene al decidir dónde trazar la línea entre muy poco para dar suficiente comprensión y demasiado para que sea fácil de leer.
Si tomamos el ejemplo de Google Drive, es un servicio relativamente complejo, pero se presenta de una manera muy básica y de alto concepto, inicialmente una sola oración que sugiere seguridad y simplicidad:
Luego, el siguiente nivel del sitio aterriza solo un poco más del concepto del servicio, pero aún se mantiene en una sola oración simple de menos de 25 palabras (Spielberg estaría complacido):
Vídeos explicativos
No se detiene solo con su redacción, ya que hay una gran cantidad de otros elementos en la página que puede aprovechar para aterrizar su concepto. Amazon utiliza el video explicativo con gran eficacia para presentar a los usuarios el concepto de Amazon Go. En realidad, es una prueba técnica muy compleja de aprendizaje automático, reconocimiento visual por computadora e IA (inteligencia artificial) para reimaginar la experiencia de compra. Como está simplemente enmarcado en el sitio, se puede explicar de una manera de 'concepto elevado'.
Amazon les da a los usuarios una sola oración y también, lo que es más importante, hace que toda la sección del encabezado sea un video explicativo simple sobre el servicio.
Imágenes
Las imágenes que utilice se pueden utilizar para transmitir de forma rápida y sencilla mensajes potentes sobre su concepto sin necesidad de complicar la interfaz de usuario con otros elementos. Save the Children utiliza imágenes con gran efecto para mostrar rápidamente a los usuarios la importancia crítica de su trabajo, posiblemente mejor de lo que podrían hacerlo con la redacción.
fuente y color
Es clave considerar cada elemento de su sitio como un mecanismo potencial para ayudarlo a comunicar su propósito a sus usuarios, a través de la fuente o las opciones de color. Por ejemplo, en lugar de tener que decirles explícitamente a los usuarios que su sitio está dirigido a académicos o niños, puede diseñar su interfaz de usuario para ayudar a mostrarlo.
Los usuarios tienen modelos mentales existentes a los que puede apelar. Por ejemplo, los colores brillantes y las fuentes infantiles sugieren que el sitio está dirigido a niños, las fuentes serif y el uso limitado del color a menudo sugieren un tema mucho más serio o académico. Por eso, a la hora de aterrizar el concepto de tu sitio, considera a estos como importantes aliados para comunicarte con tus usuarios sin tener que complicar tu mensaje.
Asequibilidad de diseño
Hasta ahora, nos hemos centrado principalmente en el uso de mensajes para comunicar el concepto a los usuarios. Aún así, ¿qué sucede si el objetivo principal de su página es solo lograr que los usuarios interactúen con un elemento específico? Por ejemplo, si ofrece algún tipo de herramienta? Si ese es el caso, mostrar la interfaz de esta herramienta suele ser la mejor manera de comunicar su propósito a los usuarios.
Esto se relaciona con el concepto de 'Diseño asequible': la idea de que la forma de un diseño debe comunicar su propósito. Es lógico pensar que, a veces, la mejor manera de informar a los usuarios sobre su herramienta simple con una interfaz fácil de usar es mostrándoles esa interfaz.
Si nos fijamos en Airbnb, gran parte del concepto de Airbnb es la herramienta online que permite la búsqueda y visualización de resultados; usan esto con gran efecto en el diseño de esta página de destino al mostrar la vista de entrada de datos para esa búsqueda. Mostrar a los usuarios lo fácil que es buscar y, al mismo tiempo, presentarles mensajes sencillos sobre el concepto de Airbnb.
Cómo probar que lo has aterrizado
Ahora que ha diseñado su sitio y está feliz de que presenta su concepto casi tan bien como un éxito de taquilla de los años 80, pero ¿cómo puede validarlo? Sería maravilloso revisar las cosas con algunas rondas de investigación de usuario en profundidad en el laboratorio, pero en realidad, rara vez tendrá la oportunidad y se encontrará confiando en más métodos de "guerrilla".
Una de las metodologías más simples y efectivas para verificar qué tan 'concepto alto' es su sitio es la prueba de '5 segundos' o 'vistazo'. La prueba simple consiste en mostrarle a alguien el sitio durante 5 segundos y luego ocultarlo de la vista. Luego, a los usuarios se les pueden hacer preguntas sobre lo que pueden recordar sobre el sitio. La idea es que en 5 segundos solo tengan la oportunidad de ver lo que es inmediatamente obvio.
Aquí hay algunos ejemplos de preguntas que puede hacer para tener una idea de qué tan bien se ve el concepto de su sitio:
- ¿Puedes recordar el nombre del sitio que acabas de ver?
- ¿Cuál crees que es el propósito de la página que acabas de ver?
- ¿Era obvio lo que ofrece el sitio que acabas de ver?
- ¿Crees que usarías el sitio que acabas de ver?
El uso de esta prueba con un número decente de personas que coincidan con sus usuarios objetivo debería brindar una perspectiva realmente valiosa sobre qué tan bien su diseño transmite el propósito de su sitio y si de hecho ha logrado lograr un 'concepto alto'.
Poniéndolo todo en práctica
¿Intentemos implementar todo este conocimiento en el mundo real? En términos de tomar esto y convertirlo en un enfoque práctico, trato de seguir estos pasos simples para cada proyecto:
- Apunta a un alto concepto
Cuando esté estableciendo el propósito de cualquier sitio (o página o anuncio) nuevo, intente reducirlo a un solo "Concepto elevado" simple y general. - Escríbelo
Documente lo que quiere que sea ese concepto clave en 25 palabras o menos. - Remitir
Consulte constantemente ese concepto durante todo el proceso de diseño. Desde la elección de las fuentes y los colores hasta la elaboración del contenido del título, asegúrese de que todo sea compatible con el concepto elevado que escribió. - Pruébalo
Una vez completado, use la prueba de 5 segundos en su diseño con varios usuarios y compare sus pensamientos iniciales con su High-Concept inicial. Si se correlacionan, entonces genial, si no, regresa al paso 3 e inténtalo de nuevo.
En este artículo, hemos discutido la regla simple de hacer películas de gran éxito y hemos aplicado esa sabiduría al diseño web. Sin 'giro de trama impactante', solo un poco de sentido común. La primera vez que alguien entra en contacto con tu sitio web, es vital pensar en cuál quieres que sea el mensaje inicial. Si desea atraer al mercado masivo, entonces conviértalo en un mensaje de "concepto elevado" del que el mismo Spielberg estaría orgulloso.