Visual Storytelling: Progettare per il Web in un formato non lineare

Pubblicato: 2018-03-18

Raccontare una buona storia non è così semplice come una volta. Un tempo, tutto ciò che dovevi fare era adottare alcune voci sciocche per i diversi personaggi, aggiungere una svolta drammatica qua e là e BOOM. Hai un filato divertente per i secoli. Al giorno d'oggi, devi includere una presentazione multimediale piena di immagini corrispondenti e avvincenti.

È una cattiva notizia se sei un genitore che cerca di far addormentare i tuoi figli. Per i web designer, tuttavia, è l'inizio di un futuro straordinariamente bello.

Sostanza prima del Design

Puoi creare un capolavoro visivo, una pletora panoramica di prelibatezze per gli occhi, ma se non ha senso, allora è semplicemente... inutile.

L'idea alla base del web design, in relazione alla narrazione, non è quella di oscurare il tuo messaggio con immagini sgargianti e impressionanti. È creare una convivenza di storia e luoghi che si completano e si migliorano a vicenda.

Per raggiungere questo obiettivo devi iniziare con la storia. Quindi, prima ancora di considerare quale tipo di iconografia, simbolismo o immagini desideri sul tuo sito web, inizia creando una narrativa efficace per il tuo marchio.

Qual è la morale della tua storia? Cosa offri e dove si collocano i tuoi clienti nella trama che stai creando? Porsi queste domande e andare avanti da lì.

macchina da scrivere per raccontare storie vintage

Storytelling visivo non lineare

Sebbene sia importante notare che ogni elemento del tuo sito Web deve aderire a un tema generale, desideri anche che ogni elemento sia autonomo. Poiché non sai mai a quale pagina del tuo sito può atterrare un visitatore, è importante che sia in grado di orientarsi all'interno della storia che stai raccontando.

Per gestirlo, devi fornire spunti di orientamento al contenuto. In altre parole, segnalibri che aiuteranno i tuoi visitatori a capire dove si trovano e cosa ha a che fare il contenuto che stanno guardando con il tuo marchio in generale. Puoi farlo con il tuo testo principale su ogni pagina, ma anche con tutte le parti di testo più piccole. Cose come:

  • Gli URL
  • Intestazioni
  • Etichette di navigazione
  • Collegamenti ipertestuali
  • E il testo del pulsante

Essere descrittivi in ​​ogni area del tuo sito aiuterà i tuoi visitatori a farsi un'idea della narrativa del tuo marchio, indipendentemente da quale parte della storia iniziano.

Elementi di Visual Storytelling

Le immagini sono essenziali per la narrazione visiva e devi essere sicuro di disporre di una piattaforma di web design compatibile con tutte le tue idee creative. Dopotutto, non c'è modo di dipingere un capolavoro senza una tela adeguata.

Il modo in cui usi le immagini nel tuo web design ha una variabilità quasi illimitata e questo le rende molto più interessanti di conseguenza. Puoi utilizzare segnali visivi per dirigere l'attenzione, come un dito puntato o la fotografia di una persona che fissa in una certa direzione. O un simbolo per mettere in mostra un tema universalmente riconosciuto. Un esempio di questo potrebbe essere lo scudo "S" di Superman come simbolo di eroismo.

superuomo in palestra pesi

Puoi anche utilizzare immagini iconiche, che forse non sono la definizione a cui potresti essere abituato: avere uno stile stereotipato fisso. Iconico in questo caso significa che assomiglia a ciò che sta rappresentando. Un glifo per il bagno degli uomini dell'aeroporto è un'immagine iconica. Dall'iconico al banale, ci sono molte opzioni diverse tra cui scegliere per un narratore visivo.

glifi icone immagini bagno segno

Gli elementi fondamentali della narrazione visiva vanno anche oltre le immagini. Puoi utilizzare forme tipografiche uniche o eclettiche per distinguere alcune sezioni del tuo testo. Puoi anche decidere di volere che l'intero sito abbia un carattere non comune per mostrare il tuo fascino moderno. Stai lontano dal Comic Sans. Attirerai una risposta indesiderabile.

Raccontare la Storia

Ci sono tre direttive chiave quando si tenta di raccontare una storia visiva nel proprio web design:

1. Capire il tuo pubblico

La tua comprensione del tuo pubblico dovrebbe informare la tua narrazione. In effetti, dovrebbe essere la tua influenza guida. Con chi stai parlando? Di cosa hanno bisogno? Come gliela fornirai? Queste sono le domande che dovresti porre quando fai delle scelte visive per il tuo sito web.

Ad esempio, stai promuovendo un'offerta con una data di scadenza? In tal caso, è una buona idea visualizzare immagini che trasmettano un senso di urgenza. Il rosso è un colore impulsivo con cui evidenziare l'affare e le immagini di un orologio che ticchetta potrebbero essere un simbolismo efficace per un'occasione del genere.

scarpe da ginnastica rosse nike

Allo stesso modo, è importante capire il tuo pubblico in modo da poterlo mantenere meglio attento e coinvolto. L'esperienza dell'utente è la preoccupazione numero uno per i proprietari di siti Web di oggi. Quindi mantienilo attraente, ma soprattutto rendilo interattivo. Se un visitatore può essere il narratore di se stesso in questa narrazione visiva, ha il doppio delle probabilità di diventare un seguace, un abbonato o un cliente.

2. Obiettivi chiaramente definiti per la tua storia

Questo risale alla tua morale, anche se è un po' diversa. La tua narrativa visiva dovrebbe muoversi verso un risultato finale. Anche se lo fa in modo non lineare. Il risultato finale, nell'impostazione e-commerce, dovrebbe essere la conversione. Se il tuo sito è progettato per attirare entrate pubblicitarie a causa degli elevati volumi di traffico dei visitatori, il tuo obiettivo dovrebbe essere quello di informare e intrattenere.

Non accontentarti semplicemente di avere un sito web per il gusto di essere un hobbista di alta tecnologia. Includi una direzione significativa nella tua narrazione visiva.

3. Significato conciso e lucido per i tuoi effetti visivi

Tutto questo discorso finirà in cose e sciocchezze a meno che tu non scelga immagini accuratamente correlate per accompagnare il tuo messaggio. Non è sufficiente lanciare immagini straordinarie su una pagina web per se stessa. Devi includere immagini che si aggiungano o si colleghino alla tua narrativa. Ciò significa stare lontano da tutto ciò che è troppo astratto. A meno che, ovviamente, tu non venda arte surrealista. Allora l'astratto ha molto senso per te.

Per essere più chiari, ogni scelta estetica che fai sul tuo sito web dovrebbe essere attentamente considerata in relazione alla storia che desideri raccontare. Per andare ancora oltre, dovrebbe riguardare l'impressione che vuoi dare in questo particolare segmento della tua storia.

Ad esempio, un argomento serio richiede immagini nette e severe. Sarebbero appropriati colori più scuri e più tenui insieme a caratteri in stile Helvetica. Un sito progettato per l'umorismo dovrebbe presentare immagini sciocche, i gatti di solito sono una buona scelta.

gatto che indossa occhiali grandi

Concludendo

La narrazione è la più antica forma di intrattenimento ed è ancora la più popolare. I metodi sono diventati più avanzati, ma gli elementi tematici rimangono gli stessi. Prenditi il ​​tuo tempo mentre sviluppi la tua narrativa online e assicurati di farlo brillare con immagini fortuite.