7 formas de contar una gran historia con diseño
Un sitio web es más que un lugar para almacenar información sobre su aplicación, cartera o productos. Debe contar una historia para atraer y deleitar a los usuarios. (Ese es uno de los elementos clave que les ayudará a quedarse).
Si bien una buena historia puede comenzar con una idea en lápiz y papel, cobra vida gracias al diseño.
1. Interactuar con las imágenes
El diseño debe involucrar visualmente al usuario. Comience con imágenes limpias y claras. Fotos estelares, ilustraciones interesantes o videos que sorprenderán ayudarán a llamar la atención y causar una primera impresión.
Pero el concepto de «mostrar, no contar» no se detiene ahí.
La historia debe estar llena de imágenes, tanto visualmente a través de técnicas de diseño como con las palabras en la pantalla. Desarrolle una paleta de colores que se adapte a la historia que está contando, con elementos que impulsen a los usuarios a completar una meta o tarea en el diseño. Una buena historia ayudará a guiar a los usuarios en el camino. El diseño debe ser una coincidencia visual obvia.
2. Desarrollar un carácter
En el diseño de sitios web, hablamos mucho de las personas de los usuarios. Es una parte clave del proceso de desarrollo. Llévelo al siguiente nivel con un personaje de su historia que los usuarios puedan identificar y con el que se identifiquen.
El personaje puede ser real y viajar a lo largo del diseño, o puede percibirse como una voz en el contenido.
Un gran ejemplo de desarrollo de personajes es la plataforma de correo electrónico MailChimp. Freddie, la mascota de dibujos animados y el logotipo de la compañía, aparece en todo el diseño, en el blog y en las promociones. El personaje hace algunas cosas por la empresa:
- Primero, el personaje ayuda a aclarar el nombre de la empresa. Como se imitó en una campaña publicitaria generalizada, hubo cierta confusión sobre «MailChimp». Ver un chimpancé junto a las palabras puede aclararlo.
- El personaje ayuda a mostrar la naturaleza divertida que retrata la empresa. El tono y las imágenes son ligeras y simples.
- Freddie proporciona a la empresa una historia cuando no tienen muchas otras cosas de las que hablar en los aspectos promocionales. ¿Cómo surgió el chimpancé? de donde viene su nombre y así. El personaje ayuda a mantener la historia de la empresa fresca y en movimiento.
3. Invitar a la participación
Agregue valor al diseño con elementos interactivos combinados con acciones comunes. Agregue toques de animación a los botones que los usuarios necesitan para notar o ayudar a dirigir la atención hacia ciertos elementos con señales direccionales como flechas o imágenes que se «inclinan» hacia ese elemento interactivo.
Considere otros efectos que pueden mantener a los usuarios comprometidos con la historia. El desplazamiento de paralaje, por ejemplo, es una forma muy atractiva de ayudar a fomentar el movimiento en la pantalla. Esa es una de las razones por las que esta técnica es tan popular.
Una buena historia no tiene por qué ser compleja. Humaan avanza su historia con simples animaciones flotantes combinadas con fotos del equipo para ayudarlo a conocer a las personas detrás de la empresa. Es simple y efectivo. (Tenga en cuenta también la fotografía del personal. Las poses divertidas y las expresiones faciales hacen que el carácter de cada miembro del equipo brille).
4. Diseña un juego
Una de las partes más difíciles de contar una historia es desarrollarla. Si no sabe por dónde empezar, un juego simple puede ayudarlo a concentrarse e incluso proporcionar una vía divertida para los usuarios.
El truco para agregar un juego al diseño es mantenerlo simple, breve y proporcionar algún tipo de recompensa por el esfuerzo, como un código de cupón o una insignia virtual.
No tiene por qué ser el juego estilo Pokémon en el que probablemente estés pensando. Piense en Dropbox. Obtener espacio adicional en su cuenta de almacenamiento en la nube es el objetivo de muchos usuarios. Invitar a otros a usar Dropbox, iniciar sesión desde múltiples dispositivos y conectar cuentas de correo electrónico se encuentran entre las herramientas de gamificación que utiliza la empresa para brindar a los usuarios más almacenamiento. El juego es simple, hay recompensas por el éxito y ha ayudado a crear un equipo de usuarios leales de Dropbox.
Para los usuarios que no quieren jugar o pueden completar suficientes tareas, Dropbox ofrece un plan pago para adelantarse y ganar de inmediato. (Ese es el otro truco para una historia de estilo de juego; los usuarios deben poder ganar).
5.Haga que las microinteracciones sean significativas
Piense en los pequeños elementos del diseño con los que interactuarán los usuarios. Los sitios web de redes sociales, en particular, generan mucha participación porque crean experiencias simples con microinteracciones.
Como recordatorio, las microinteracciones son pequeños momentos en los que un usuario se involucra con un diseño. Cada vez que cambia una configuración, envía un mensaje, inicia sesión o le gusta un estado, ha sido testigo de una microinteracción. Desde hacer clic en el corazón de Instagram (y ver cómo se pone rojo) hasta tocar para retwittear, estos ciclos de retroalimentación son los que hacen que los usuarios regresen.
Las microinteracciones significativas crean una demanda para el diseño. Agrega un nivel de función para los usuarios que hace que la experiencia general valga la pena.
Las microinteracciones también hacen que un diseño sea útil o deseado. Conecte estos momentos con los objetivos clave de su sitio web. Puede ser cualquier cosa, desde permitir que los usuarios compartan un producto que acaban de comprar hasta agregar algo a una lista de deseos o registrarse para recibir una alerta.
6. Crea una narrativa
Cada historia tiene un principio, un desarrollo y un final.
Si el diseño de su sitio web no representa este flujo de historia, los usuarios pueden confundirse o perderse. Aquí está la fórmula más simple:
- Comenzando: Logotipo y título. Deje que los usuarios sepan quién es usted y por qué están en su sitio web.
- Medio: Toda la narrativa de apoyo que te hace especial. ¿Qué puede hacer por las personas que están en su sitio? ¿Qué deben esperar?
- Final: Una llamada a la acción obvia, como un formulario, la capacidad de realizar una compra o un enlace a otra cosa.
7. Mantenga la historia simple
Esto puede parecer contrario al consejo del n. ° 6, pero la historia debe ser simple. Este no es un volumen de 1.500 páginas. Una historia simple es aquella que podrías explicar en 5 segundos o menos.
La historia debe atrapar a los usuarios de inmediato, dejar una impresión y hacer que quieran volver. Sí, puede hacer esto con un principio, un medio y un final.
Upstream hace todo esto en la página de inicio: los usuarios pueden desplazarse para ver más del «medio» de la historia, pero hay un vistazo de las tres partes en la página de inicio. Las imágenes y el texto cuentan una historia de necesidad y ayuda a las personas con Upstream que están allí para ayudar. Hay un botón de «participar» en la pantalla y la imagen es tan sorprendente que quieres ayudar.
La historia es simple y efectiva. Es más probable que los usuarios lo recuerden … y usted.
Conclusión
Cuando estás diseñando una historia, lo más importante que debes recordar es que tu historia debe ser tuya. No intentes ser algo que no eres. Es más probable que los usuarios se conecten con la autenticidad que con una narrativa inventada.
