La narrazione è virtualmente vecchia quanto la stessa razza umana. Fin da quando gli esseri umani hanno potuto parlare, hanno usato la narrazione come un modo per comunicare idee, lezioni e concetti. Il web design è tutto basato sulla comunicazione di idee e concetti, ed è per questo che lo storytelling sul Web è il modo perfetto per coinvolgere gli utenti.

Mentre i web designer diventano più creativi e cercano nuovi modi per migliorare l'esperienza utente, si rivolgono sempre più allo storytelling nei loro progetti.

Quando i designer incorporano la narrazione in un sito Web, stanno anche disegnando l'utente in modo più efficiente, il che rende un'esperienza più avvincente. Lo storytelling può assumere la forma e la forma di molti dispositivi diversi e vari tipi di siti stanno salendo a bordo della tendenza della narrazione.

Raccontare storie con i social media

In questi giorni, i social media e il web design sono sempre più integrati. La maggior parte delle aziende e pubblicazioni su Internet hanno tutti i pulsanti dei social media disposti su ogni pagina, rendendo le condivisioni e la pubblicità più facili che mai. I social media incoraggiano gli utenti che si appassionano a un marchio a connettersi con il prodotto o il servizio in modo più efficiente che mai.

I social media possono diventare un ottimo modo per commercializzare attraverso la narrazione. Puoi raccontare la storia del tuo marchio al pubblico in cattività di clienti / utenti fedeli. I social media si basano su un numero qualsiasi di modi per raccontare la storia di un marchio con passione, scopo e hype.

Prendere La pagina Facebook di Tommy Hilfiger . Questa epitome della classica moda americana di preparazione ha più di 8,7 milioni di follower rappresentati dai Mi piace nella pagina. Questo numero di follower è il pubblico istantaneo a cui il marchio può raccontare la sua storia. Hilfiger condivide costantemente i suoi lanci di design, le sue celebrità e gli eventi promozionali con i suoi follower. Il marchio utilizza anche immagini e video per rendere la sua storia più coinvolgente per la comunità.

001

Raccontare storie con immagini

A volte, la narrazione può essere efficacemente realizzata con l'uso diretto e senza pretese delle immagini. C'è il vecchio adagio su come un'immagine vale più di mille parole, dopo tutto. Questo ha molto senso quando ci pensi perché un'immagine è facile da assorbire, quindi un messaggio può essere comunicato in modo molto efficiente.

Pagina di iscrizione di LinkedIn lo illustra a un tee. Prima di tutto, nota quanto poca copia c'è sull'intera pagina! Questo è ovviamente fatto apposta per consentire al gruppo di immagini di (molto diverse) persone di salutare l'utente del sito.

Solo osservando la scatola delle immagini, puoi già avere una chiara impressione di ciò che parla di LinkedIn: è davvero per tutti. Le immagini mostrano uomini e donne di varie origini etniche (anche se non includevano persone anziane) che sorridono con gioia e fiducia a causa della loro esperienza su LinkedIn. Chiunque non abbia familiarità con il sito di social networking capisce immediatamente che persone provenienti da tutto il pianeta usano il sito per fare networking e fare affari.

002

Raccontare storie con illustrazioni

Illustrazioni o disegni possono funzionare con lo stesso tipo di magia che le fotografie hanno. Sono anche aiutanti visivi che rendono facile per il visitatore del sito capire la storia che un marchio sta cercando di raccontare. Le illustrazioni possono andare in due modi: il percorso astratto o il percorso più realistico. Guarderemo quest'ultimo tipo.

Sul sito web di Evernote Web Clipper , noterai tre blocchi di illustrazioni che vanno da sinistra a destra. Sì, i blocchi di illustrazioni sono accompagnati da un pratico testo in basso per aiutare a spiegare come funziona Web Clipper, ma dette illustrazioni danno vita, quasi come un libro di fiabe, a come apparirà il flusso dell'utente.

Di conseguenza, a nessuno viene lasciato di chiedersi che possano utilizzare Web Clipper per raccogliere e accedere a vari elementi da Internet quando vogliono e da dove desiderano.

003

Raccontare storie con copia

Non dovrebbe sorprendere il fatto che le parole usate nella copia del sito siano eccezionalmente potenti alla grande narrazione. Rende un mondo sensato quando si considera che le parole sono al centro di una grande narrazione, ed è stato così fin dall'uomo che ha messo la penna in primo piano.

Un sito che esemplifica il modo in cui la copia può essere utilizzata per raccontare una storia accattivante The Tourist Eye . The Tourist Eye si basa su una copia efficace e coinvolgente per informare immediatamente gli utenti di ciò che otterranno in cambio dell'utilizzo del proprio servizio. Direttamente al punto, la copia del sito rende molto chiaro che è possibile trovare una miriade di idee e suggerimenti per le cose che vuoi fare, sia nei grandi viaggi che nelle piccole vacanze.

Quindi, mentre l'utente scorre la pagina verso il basso, la copia lo guida attraverso funzionalità e opzioni aggiuntive disponibili. Questi includono l'utile e desiderabile opportunità di creare liste dei desideri e la possibilità di ottenere The Tourist Eye sul tuo telefono cellulare come app.

004

Raccontare storie con le mascotte

Quando si tratta di comico e amabile, le mascotte hanno il vantaggio. Le aziende sanno che le mascotte sono un modo semplice per ingraziarsi i clienti e aiutano anche un marchio a raccontare la sua storia in modo umoristico, accessibile e colloquiale. Prendi MailChimp, per esempio.

Ha una mascotte molto famosa con il nome di Freddie questo fa un ottimo lavoro nello storytelling comunicando la filosofia aziendale dell'azienda. L'azienda sposa un approccio spensierato e non serio per gli affari e la vita in generale, che è facilmente visibile nelle raffigurazioni di Freddie su tutto ciò che è legato a MailChimp.

Che si tratti di Freddie che sorride, ammicca o con una matita sul suo orecchio (e sorride in modo ampio), sai che il marchio sta comunicando agli utenti il ​​suo stile semplice e personale. Questa mascotte può essere vista su quasi tutte le pagine di MailChimp , in un modo, forma o forma.

005

Raccontare storie con parallasse

Lo scrolling di parallasse è in circolazione da alcuni anni, ed è ancora solo alla moda. Probabilmente è il modo più semplice attraverso il quale dimostrare come può essere narrativa mortalmente efficace nel web design. Questo perché la natura di scorrere verso il basso un sito web è appena data a rivelare sempre più strati di informazioni (leggi: storytelling), quasi come sbucciare i successivi strati di pelle da una cipolla (meno le lacrime, ovviamente).

Prendi l'esempio di The Royal British Legion - Segui il sito Web di Poppy . Fornisce ai visitatori curiosi del sito informazioni vitali su come vengono spese le donazioni alla Royal British Legion-boy, sono mai state ben spese. Attraverso uno storytelling interessante e vibrante mentre scorri verso il basso, puoi vedere i numerosi e utili servizi forniti dalla Legione. Ciò include l'aiuto alle famiglie militari britanniche (complete di esempi specifici di famiglie reali) e all'aiuto alla carriera per quei veterani che lasciano il servizio per cimentarsi in qualcos'altro.

006

Raccontare storie con personalità

La personalità ha iniziato a comprendere un elemento sempre più vitale nel web design contemporaneo. È particolarmente potente e potente per aiutare aziende e brand a umanizzarsi, connettendosi così a un livello più personale con i visitatori del sito, i fan e gli acquirenti. Tutto ciò equivale a un maggior numero di persone che vogliono acquistare, quindi anche i profitti più elevati seguono naturalmente.

La personalità consente anche al tuo marchio di raccontare una grande storia. Prendi l'esempio di Trasferimento di animali domestici . Sotto la sezione Team del sito, tutti i dipendenti sono illuminati, ma è lontano dalla tua tipica pagina! Tutti i dipendenti (e anche alcuni dei loro cani) vengono mostrati molto sorridenti, ma quando si posiziona il cursore su ogni immagine, si ottiene una sorpresa extra: una posa sciocca / atteggiamento pieno di ogni dipendente. Ciò indica ai visitatori del sito quanto sia disinvolta e rilassata la cultura aziendale in Pet Relocation.

007

Conclusione

La narrazione è stata con la razza umana sin dal primo, gli esseri umani primitivi stavano ancora mangiando la loro carne cruda e attingendo alle pareti della grotta. È perché è un modo potente ed efficace per superare le cose. Non sorprende che, finalmente, questa tecnica stia prendendo piede nel mondo del web design.

Più i marchi e le aziende vedono quanto sia attraente questo approccio, più vedrai il design del sito dopo la progettazione del sito che incorpora questa tecnica.