Narración visual: diseño para la web en un formato no lineal

Publicado: 2018-03-18

Contar una buena historia ya no es tan simple como solía ser. En un momento, todo lo que tenías que hacer era adoptar algunas voces tontas para los diferentes personajes, agregar un giro dramático aquí y allá, y BOOM. Tienes un hilo entretenido para las edades. Hoy en día, debe incluir una presentación multimedia repleta de imágenes correspondientes y convincentes.

Son malas noticias si usted es un padre que intenta que sus hijos duerman. Para los diseñadores web, sin embargo, es el comienzo de un futuro increíblemente hermoso.

Sustancia antes que Diseño

Puede crear una obra maestra visual, una plétora panorámica de delicias para la vista, pero si no tiene sentido, entonces simplemente... no tiene sentido.

La idea detrás del diseño web, en relación con la narración de historias, no es eclipsar su mensaje con imágenes llamativas e impresionantes. Es crear una cohabitación de historia y vistas que se complementen y mejoren entre sí.

Para lograr esto tienes que empezar con la historia. Entonces, antes de siquiera considerar qué tipo de iconografía, simbolismo o imágenes desea en su sitio web, comience por elaborar una narrativa efectiva para su marca.

¿Cuál es la moraleja de tu historia? ¿Qué estás ofreciendo y dónde encajan tus clientes dentro de la trama que estás creando? Hágase estas preguntas y siga adelante a partir de ahí.

cuentacuentos máquina de escribir vintage

Narración visual no lineal

Si bien es importante tener en cuenta que cada elemento de su sitio web debe adherirse a un tema general, también desea que cada elemento sea independiente. Debido a que nunca se sabe en qué página de su sitio puede aterrizar un visitante, es importante que puedan orientarse dentro de la historia que está contando.

Para gestionar esto, debe proporcionar pistas de orientación de contenido. En otras palabras, marcadores que ayudarán a sus visitantes a comprender dónde están y qué tiene que ver el contenido que están viendo con su marca en general. Puede hacer esto con el texto principal de cada página, pero también con todos los fragmentos de texto más pequeños. Cosas como:

  • las URL
  • encabezados
  • Etiquetas de navegación
  • hipervínculos
  • Y el texto del botón

Ser descriptivo en cada área de su sitio ayudará a sus visitantes a tener una idea de la narrativa de su marca, independientemente de con qué parte de la historia comiencen.

Elementos de la narración visual

Las imágenes son esenciales para la narración visual y debe asegurarse de tener una plataforma de diseño web que sea compatible con todas sus ideas creativas. Después de todo, no hay forma de pintar una obra maestra sin un lienzo adecuado.

La forma en que usas las imágenes en tu diseño web tiene una variabilidad casi ilimitada, y eso las hace mucho más interesantes como consecuencia. Puede usar señales visuales para dirigir la atención, como señalar con el dedo o una fotografía de una persona mirando en una dirección determinada. O un símbolo para exhibir un tema universalmente reconocido. Un ejemplo de esto sería el escudo “S” de Superman como símbolo de heroísmo.

superman en pesas de gimnasio

También puede usar imágenes icónicas, que quizás no sea la definición a la que puede estar acostumbrado: tener un estilo formulaico fijo. Icónico en este caso significa que se parece a lo que representa. Un glifo para el baño de hombres en el aeropuerto es una imagen icónica. Desde lo icónico hasta lo mundano, hay muchas opciones diferentes para que un narrador visual pueda elegir.

glifos iconos imágenes baño signo

Los elementos fundamentales de la narración visual incluso van más allá de las imágenes. Puede usar formas de tipografía únicas o eclécticas para diferenciar ciertas secciones de su texto. Incluso puede decidir que desea que todo su sitio tenga una fuente poco común para mostrar su atractivo moderno. Solo aléjate de Comic Sans. Atraerás una respuesta indeseable.

Contando la historia

Hay tres directivas clave al intentar contar una historia visual en su diseño web:

1. Comprender a tu audiencia

Su comprensión de su audiencia debe informar su narración. De hecho, debería ser su influencia guía. ¿Con quien estás hablando? ¿Que necesitan? ¿Cómo se lo proporcionará? Estas son las preguntas que debe hacerse al tomar decisiones visuales para su sitio web.

Por ejemplo, ¿está promocionando una oferta con fecha de vencimiento? Si es así, es una buena idea mostrar imágenes que transmitan una sensación de urgencia. El rojo es un color impulsivo con el que resaltar el trato, y las imágenes de un reloj en marcha podrían ser un simbolismo efectivo para tal ocasión.

zapatillas nike rojas

En la misma línea de pensamiento, es importante comprender a su audiencia para que pueda mantenerlos mejor atentos y comprometidos. La experiencia del usuario es la preocupación número uno para los propietarios de sitios web de hoy. Así que manténgalo atractivo, pero más importante aún, hágalo interactivo. Si un visitante puede ser su propio narrador en esta narrativa visual, tiene el doble de probabilidades de convertirse en seguidor, suscriptor o cliente.

2. Objetivos claramente definidos para YourStory

Esto se remonta a su moral, aunque es un poco diferente. Su narrativa visual debe moverse hacia un resultado final. Incluso si lo está haciendo de una manera no lineal. El resultado final, en una configuración de comercio electrónico, debe ser la conversión. Si su sitio está diseñado para obtener ingresos por publicidad debido a los altos volúmenes de tráfico de visitantes, entonces su objetivo debe ser informar y entretener.

No se conforme con simplemente tener un sitio web por ser un aficionado a la alta tecnología. Incluye una dirección significativa en tu narración visual.

3. Significado conciso y lúcido de tus imágenes

Toda esta charla terminará en tonterías y tonterías a menos que elija imágenes cuidadosamente correlacionadas para acompañar su mensaje. No es suficiente lanzar imágenes llamativas en una página web por sí mismas. Tienes que incluir imágenes que agreguen o se conecten con tu narrativa. Eso significa mantenerse alejado de cualquier cosa demasiado abstracta. A menos, por supuesto, que vendas arte surrealista. Entonces lo abstracto tiene mucho sentido para ti.

Para ser más claros, cada elección estética que hagas en tu sitio web debe ser considerada cuidadosamente en relación con la historia que deseas contar. Para ir aún más lejos, debe relacionarse con la impresión que desea dar en este segmento particular de su historia.

Por ejemplo, un tema serio requiere imágenes crudas y severas. Los colores más oscuros y tenues junto con las fuentes de estilo Helvetica serían apropiados. Un sitio diseñado para el humor debe presentar imágenes tontas, los gatos suelen ser una buena opción.

gato con gafas grandes

Concluyendo

La narración de cuentos es la forma de entretenimiento más antigua y sigue siendo la más popular. Los métodos se han vuelto más avanzados, pero los elementos temáticos siguen siendo los mismos. Tómese su tiempo mientras desarrolla su narrativa en línea y asegúrese de hacerla brillar con imágenes fortuitas.