Storytelling interattivo e sua applicazione nell’industria del web design

Avere l’elemento della grafica è la necessità di ogni sito web al giorno d’oggi. Senza l’uso corretto degli elementi visivi semplicemente non puoi trasmettere il tuo messaggio al visitatore, meglio ancora, indurli ad abbandonare il tuo sito web.

Le immagini hanno il potenziale per raggiungere la mente dello spettatore e attirarlo verso qualsiasi cosa tu stia cercando di introdurre, vendere o investire. Per utilizzare le immagini a tuo vantaggio e ottenere traffico nel modo più veloce possibile, il metodo migliore per coinvolgere e convertire il visitatore è attraverso la narrazione interattiva.

Perché raccontare storie?

So cosa deve saltarti per la testa in questo momento. Che cosa hanno a che fare Cenerentola o Rapunzal con l’esperienza visiva di un sito web? Beh, il racconto di storie non è limitato solo alle fiabe e ai franchise Disney, ma il racconto di storie è piuttosto un modo efficace nel marketing mix di qualsiasi sito Web che mira a posizionarsi in cima alla concorrenza.

Come creare una storia interattiva

Ci vogliono molta pianificazione e prove per collegare il design alla storia, quindi quando lo mostri sulla pagina di destinazione del tuo sito web non ti prende in giro. I tuoi elementi visivi non devono essere un capolavoro di diversi designer e un costoso CGI. Puoi raccontare la tua storia con un solo banner ben articolato. Tuttavia, la sfida si presenta quando la tua narrativa incrocia l’obiettivo del tuo sito web. Di cosa tratta il tuo sito web? Qual è il logo del tuo marchio e perché vende quello che vende? Tutto ciò che spieghi attraverso l’immagine deve essere unico senza un centimetro di plagio. Deve diventare così avvincente che dopo aver visitato il tuo sito Web una volta, le persone inizino a condividerlo, parlarne e rivisitarlo di nuovo.

Come funziona

C’è un’enorme disparità tra un sito web che ha immagini, grafica e animazione e una piatta piattaforma incentrata sul testo che chiami sito web. È impossibile giudicare le persone e prima che tu possa avere una conversazione adeguata se ne sono andate. Gli elementi multimediali vengono iniettati per evitare questo. Quando un cliente vede un testo semplice che descrive un prodotto, prova una sensazione di costrizione a leggere gli alfabeti e le parole della dichiarazione, mentre un’immagine, un video o un’animazione grafica è tanto facile da vedere quanto da comprendere.

Vendere un grande prodotto con una breve storia

Un’azienda che vende automobili ha molto da compilare prima di poter effettuare qualsiasi vendita attraverso la sua piattaforma online. L’acquisto di auto online richiede molto coraggio da parte del cliente perché sono coinvolte grandi somme. Se il sito Web non riesce ad attirare l’attenzione del cliente, non è altro che spazzatura che galleggia su Internet. Vendita di automobili, camion o macchinari pesanti online determinati angoli di marketing per esporre gli USP (punti di vendita unici) del prodotto. Conosco un sito Web di automobili che ha utilizzato la perfetta tecnica di narrazione per mostrare il suo brio sullo schermo del cliente.

Esempio :

Lexusls.asia è una propaggine di Toyota che vende auto di lusso. Nel sito web i progettisti hanno brillantemente utilizzato lo scorrimento parallasse per presentare l’auto con un testo appena sufficiente per far andare avanti il ​​visitatore. Poi improvvisamente una gomma rotola da destra e mostra alcune altre interessanti caratteristiche dell’auto. Mentre scorri ulteriormente verso il basso, il sito Web non ti lascia andare e con una grafica accattivante descrive lo scopo ei vantaggi dell’auto.

Linguaggio visivo

Il linguaggio visivo ha la capacità di attingere alle fondamenta stesse del design incentrato sull’uomo. Il linguaggio visivo risale a molto tempo fa e anche prima che qualsiasi alfabeto fosse inventato poiché le pitture rupestri erano il mezzo di comunicazione di base. Le pitture rupestri fungevano da fonte di narrazione, guida per sopravvivere e scongiurare potenziali pericoli che facevano parte di quel periodo. Più o meno, i disegni rupestri sono la prima forma di dati visivi.

Sappiamo che immagini e video hanno un grande potere comunicativo, come si fa a sfruttare questo potere attraverso i pixel?

Esempio :

Questo è quando la tua immaginazione entra in gioco. Aggiunta di immagini e video con il giusto mix di testo in modo che il tuo sito web parli da solo.

Bellroy.com vende i suoi portafogli in pelle con la garanzia di maggiore spazio con design più sottili. Il modo in cui lo mostrano è attraverso un elegante dispositivo di scorrimento con immagini HD di uno dei loro portafogli contro un altro. Man mano che il cursore si sposta, anche la storia si muove e in 10 immagini la stessa quantità di carte viene inserita nel portafoglio con il marchio, deformando l’altro portafoglio più di quanto non sia in realtà. Qui la conclusione è clamorosa e con una morale da vendere.

Disegna la storia

È abbastanza simile a scrivere un’opera teatrale quando si progetta una storia visiva. Tutti gli aspetti e gli elementi dell’opera sono presenti nel tuo sito web e si mescolano con una tale intimità da fondersi completamente con la storia che hai introdotto. La tua storia inizia con la configurazione che hai organizzato, poi si sposta verso il conflitto e si conclude con una risoluzione.

Questo sito Web, ad esempio, ha un modo unico di prendere il visitatore per un braccio e invitarlo a un ballo pieno di emozioni e prelibatezze visive.

Gli utenti devono essere ben consapevoli della storia in quanto li conduce a destinazione. Ed è qui che il visitatore diventa il lead e il lead diventa il cliente. È giusto che il prodotto o il servizio che intendi presentare attraverso il processo di narrazione debba avere qualcosa di cui l’utente ha bisogno, una funzionalità unica o un margine di prezzo che il cliente sta cercando.

Esempio :

Bagigia.com offre innanzitutto al visitatore un’introduzione del rivenditore, seguita da immagini 3D semplici ma profonde del prodotto stesso con testo emotivo per mantenere il flusso della storia. L’ampia spaziatura bianca nel design aiuta l’attenzione dell’utente mentre il prodotto si distingue al centro, portando la storia all’azione e verso la risoluzione.

Usare la storia animata a proprio vantaggio

È vero. L’animazione del sito Web è stata vittima di un uso eccessivo senza alcun riguardo per convenzioni o standard e questa è la ragione principale della sua caduta negli ultimi 5 anni. Ironia della sorte, pochissimi designer sanno come l’uso di un’animazione intelligente e puntuale possa trasformare la tua storia in Dark Knight Movie. L’animazione è costruita per coprire ciò che le immagini statiche non possono completare, mentre allo stesso tempo aggiunge divertimento al design stesso.

Esempio :

Parlando di DarkKnight, questa app per iOS su benthebodyguard.com ti consente di proteggere e crittografare le informazioni nel tuo sito Web che presenta un’animazione dettagliata (letteralmente) mentre scendi con “Ben” nel mezzo, la guardia del corpo che ha giurato di proteggere le tue informazioni con una reputazione formidabile. Questo sito Web ha esemplificato come l’animazione può essere utilizzata al meglio per produrre la storia dello scopo ideale per un prodotto.

Traduzione del messaggio di progettazione

Non ti sorprende come un design che è semplicemente una miscela di arti visive e grafica possa produrre empatia dentro di te? So che ho. Noi umani reagiamo ai nostri sensi animali tanto quanto qualsiasi altro organismo che è fedele alla sua natura. Quando vediamo un rubacuori, facciamo come programmato. Sfruttando questa caratteristica del comportamento umano, la tua storia non deve sempre essere un buzz kill sul tuo manifesto e sui tuoi prodotti perché è probabilmente quello che ogni altro proprietario di siti web ha in mente in questi giorni. Quando aggiungi un senso di sentimento, spirito e morale, la tua storia si trasforma in un messaggio.

Esempio :

Questo sito Web everylastdrop.co.uk ti porta in un viaggio sul tuo uso quotidiano dell’acqua nella tua casa e nei dintorni. Leggere i fatti su quanta acqua viene sprecata ogni giorno è troppo diffuso e spesso non viene mai preso sul serio. Questo ragazzino innocente che usa l’acqua indiscriminatamente nel suo programma quotidiano non solo sottolinea l’importanza dell’acqua, ma la mette anche in contrasto con coloro che ne hanno più bisogno nelle parti difficili del mondo. Cresce così tanto nella mente dello spettatore che probabilmente ci penserebbe due volte prima di sprecare un’altra goccia d’acqua la prossima volta.

Utilizzo di elementi oscuri

I romanzi sono divertenti da leggere e con le recenti salite tecnologiche, ora è necessario che vengano letti dai libri. Ancora oggi, la stragrande maggioranza degli utenti online preferisce ancora giudicare il libro dalla copertina piuttosto che leggere effettivamente il prologo. Per affrontare questi utenti online e attirarli verso il prodotto, molti scrittori spesso assumono sviluppatori per creare siti Web dedicati ai loro romanzi. Una prova passo dopo passo del romanzo con sequenze animate non solo darà alla storia i fuochi d’artificio di cui ha bisogno, ma indurrà anche l’utente online a leggerlo.

Esempio :

Utilizzando lo stesso principio e la stessa struttura, l’acclamato racconto di Nam Le “The Boat” è stato convertito in un romanzo grafico interattivo creando un mondo di tempeste che devastano l’oceano costringendo una barca a sfuggire ai terrori della guerra del Vietnam. La cosa migliore che chiunque può fare nella sua fiesta narrativa è aggiungere il suono al proprio design. Questo è il superlativo della narrazione animata per acquisire UX. Vedi qui.

Coinvolgente e pieno di illustrazioni, è davvero la prova di quanto bene puoi gestire un prodotto creando un design che si muove mentre interagisci con esso.

Unificazione del tramite scorrimento

Nel settore dell’e-commerce le persone sono spesso interessate a ottenere i vantaggi di un prodotto che può essere utilizzato in più istanze ma per lo stesso motivo. Per prima cosa, rende la loro vita molto più facile, e per seconda fa parte dell’era tecnologica. Ma con così tanto da imparare e riconoscere su un’impresa come questa, è molto meno probabile che i clienti mettano a rischio qualcosa che ha implicazioni futuristiche e serve il loro scopo fin troppo facilmente, rendendolo troppo bello per essere vero. Ho visto aziende che hanno provato a vendere tali prodotti con troppo da concordare e il risultato è stato un tragico abbandono.

Esempio :

Tuttavia, questo prodotto non solo riesce a vendere, ma anche a soddisfare ciò che promette ai suoi clienti. Questo prodotto su onlycoin.com è una singola carta che contiene tutte le tue carte di credito al suo interno. Il processo di narrazione aiuta lo spettatore a comprendere la complicazione di portare troppe carte nel portafoglio con il ragionamento, ma con la visualizzazione grafica dell’ottimizzazione passo dopo passo delle carte e il trasporto compatto, diventa difficile non essere d’accordo con le applicazioni promesse del prodotto.

Conclusione

Lo storytelling non è limitato a qualsiasi prodotto o obiettivo; è aperto a tutti i tipi di esercizi di e-commerce che aiutano i visitatori a ottenere l’UX ideale senza compromettere la funzionalità del design. Imparare a padroneggiarlo per i propri prodotti e servizi attraverso i siti Web di e-commerce è fondamentale in questa era di marketing elettronico. Senza leggere la mentalità del consumatore semplicemente non puoi presentare il tuo prodotto e senza domanda non c’è produzione. Come dice Tim O’brien, “La narrazione è l’attività umana essenziale, più difficile è la situazione, più essenziale è”, e credimi amico, la situazione non diventa mai facile.