Come raccontare una storia con il design
Il design è un metodo di espressione. Comunica un messaggio visivo a chi lo vede. Comunica anche una storia, implicita o chiaramente dichiarata.
Come designer, è tuo compito assicurarti che la storia sia chiara. La storia del design dovrebbe allinearsi con la storia dell'azienda, del marchio, del sito Web, del gioco, della bevanda in bottiglia o di qualsiasi altra cosa tu stia lavorando. Raccontare una storia è importante per creare un'impressione duratura e rendere la tua "cosa" più memorabile di tutte le altre.
Esplora Envato Elements
Qual è la tua storia?
Prima ancora di iniziare a progettare il primo elemento, determina quale storia intendi raccontare. È felice o triste, divertente ed energico, o lento e piacevole? La storia tira le corde del cuore? Scrivilo in modo che tutto il team conosca e comprenda la storia, il tono e l'umore che il design dovrebbe trasmettere.
Un paio di bei esempi di storia (con un design da abbinare) includono:
- Scarpe TOMS: filantropia
- Clif Bar: semplice avventura
- Go Pro: emozionante ed estremo
- Nike: Attitude
- Trader Joe's: Bizzarro
Quindi come identifichi la tua storia? Inizia con un rapido brainstorming. Pronunciare ad alta voce il nome della tua azienda / marca / cliente. Quindi annota tutte le parole e le cose che associ ad esso. Chiedi a poche altre persone di fare la stessa cosa senza conoscere gli elementi del tuo elenco. Emergerà un tema comune. Questa è la tua storia. (Se i risultati sono qualcosa che non vuoi essere la tua storia, potrebbe essere il momento di coinvolgere un gestore del marchio per aiutarti a cambiarlo.)
Parti di una storia
I numeri variano, a seconda di chi chiedi, ma ogni storia ha alcune parti molto specifiche. La tua storia progettuale dovrebbe trasmettere anche questo. La storia o l'arco narrativo traccia l'azione e la cronologia della trama o dell'azione. Qui esamineremo le parti e le metteremo in relazione con il sito Web di Trader Joe come esempio.
Si inizia con un'introduzione. La landing page di Trader Joe è semplice e ti consente di sapere che questa azienda si occupa di cibo ed è un po 'diversa dal tradizionale negozio di alimentari.
L'azione nascente della storia avviene mentre apprendi i personaggi e l'ambientazione. Le pagine "Novità sui prodotti" e "Ricette" fanno da cornice a questa scena. Ti incuriosisci con il negozio e vuoi saperne di più.
Il climax della storia è il punto di svolta più grande della storia: cosa puoi trovare da Joe Trader e dove puoi trovarlo ("Dig In"). Sei investito nella storia e vuoi andarci.
L'azione che cade ti porta alla conclusione. Probabilmente farai un po 'più clic sul sito e forse troverai persino la vera storia di Trader Joe, che è correlata al design del sito. (C'era un vero uomo di nome Trader Joe!)
Infine, la storia ha una risoluzione. Conosci l'azienda e hai deciso di fare acquisti lì e hai intenzione di visitare. E ricorderai le parti chiave della storia e forse le condividerai anche con gli altri. La storia ti ha aiutato a capire perché Trader Joe ha l'aspetto che ha e come si collega a qualcosa di tangibile.
Vantaggi dello storytelling
Lo storytelling ha anche tre vantaggi chiave. Una storia ti aiuta a capire, coinvolgere e ricordare. Pensa a tutti i piccoli giochi divertenti che giochi sul tuo telefono; ognuno di loro ha una storia.
Visivamente si desidera utilizzare questi vantaggi a proprio vantaggio con elementi come colore, tipo e immagini. Lega l'estetica alla storia. Scegli una tavolozza di colori che crei una connessione logica con l'atmosfera o l'umore della storia che stai raccontando, fai la stessa cosa con le scelte tipografiche. Le immagini dovrebbero anche trasmettere quel messaggio. (C'è una ragione per cui ogni persona in ogni immagine che Coca-Cola distribuisce sorride; la felicità è parte della loro storia. Questo è vero per l'azienda nel tempo come puoi vedere dalla pubblicità stampata degli anni '50 sopra.)
Suggerimenti per progettare la tua storia
L'aspetto della tua storia dovrebbe riflettere l'umore e il tono di essa. Una semplice storia ingombra di effetti elaborati può avere una sensazione sconnessa. Ecco cinque strumenti di progettazione che possono aiutarti a raccontare la tua storia.
1. Grandi immagini
Hai sentito il cliché: un'immagine vale più di 1.000 parole. Usalo a tuo vantaggio. Quale immagine dice meglio alle persone di cosa ti occupi? O forse non è affatto una foto, ma un'illustrazione.
Vai alla grande con una o due di queste immagini che rappresentano la tua azienda. Le scarpe TOMS, ad esempio, lo fanno particolarmente bene. Le immagini su ogni pagina del sito web sono più sulla storia, che sul prodotto reale. Questa presentazione crea una migliore connessione con la storia.
2. Grandi parole
Una grande parola o frase può cementare l'impressione duratura che vuoi fare. Racconta alla gente di cosa ti occupi in poche parole per attirarli nella tua storia.
Il marchio Clif Bar è per gli avventurieri. Dalla confezione dei prodotti al sito Web, questo è reso particolarmente chiaro. Il sito web, in particolare, usa grandi parole per martellarlo a casa: "Nutri la tua AVVENTURA".
3. Colore
La scienza alla base del colore e delle emozioni ha dimostrato più volte che la tonalità può influire notevolmente sul modo in cui gli utenti percepiscono un design e si connettono con esso. Assicurati che la tua tavolozza dei colori crei la giusta connessione.
Osservando le due tavolozze di colori sopra, pensa alle diverse versioni della stessa storia che raccontano. Tieni a mente quell'idea quando pensi al colore nei tuoi progetti di design per assicurarti che il tuo schema racconta la storia giusta.
4. Effetti di progettazione
Una delle grandi cose della tecnologia sono tutte le opzioni disponibili per raccontare la tua storia. Le due maggiori tendenze in questo momento nel web design sono gli effetti video e di parallasse. Entrambi sono grandi tecniche di narrazione.
Lo scorrimento della parallasse può aiutarti a creare scene o diapositive per ogni "capitolo" della tua storia. L'effetto è generalmente semplice e intuitivo. Funziona con una varietà di tipi di storie e può essere semplice o complesso come preferisci. Pensa a questa tecnica anche durante la progettazione di elementi stampati. Crea un design di stampa in stile pannello (o flipbook o storyboard) per ottenere la stessa sensazione di avanzamento della storia.
Il video ti dà il controllo per raccontare effettivamente una storia nelle immagini e con il suono, se lo desideri. Go Pro in realtà ha un video in stile documentario sul sito Web che attira la tua attenzione e ti racconta la loro storia. La cosa bella di un breve video è che può essere incorporato in più progetti dal sito Web a una presentazione di diapositive in uno spot televisivo in un chiosco.
5. Navigazione
Far conoscere alle persone la tua storia e il design è importante. Flusso chiaro, navigazione e inviti all'azione fanno sì che ciò accada e induce gli utenti a connettersi con il tuo design e la tua storia nel modo desiderato. Sia che il design sia stampato o digitale, impostare un chiaro corso di azione e interazione. Cosa dovrebbero fare le persone dopo aver visto il tuo design?
La Nike fa un ottimo lavoro in generale. Il marchio crea uno stato d'animo distinto e ti aiuta a raggiungere la parte di vendita del sito in diversi modi. C'è una barra dei menu nella parte superiore e laterale del sito, nonché collegamenti diretti e utilizzabili nel dispositivo di scorrimento. Inoltre, ogni link è parte della storia: “Vuoi essere il giocatore di basket più cattivo che puoi essere? Clicca qui."
Conclusione
Lo storytelling è una parte essenziale del processo di progettazione. Quindi tira fuori una penna e annota quale storia vuoi raccontare. Potrebbe essere la storia della tua storia, o perché il tuo prodotto è superiore agli altri o come il tuo CEO conduce affari. Ognuno ha qualcosa di unico e interessante da condividere.
Collega queste informazioni interessanti al tuo design con colori, immagini, tipografia ed effetti di design. E inizia a pensare anche a tutto ciò che vedi: quale storia stanno cercando di raccontare? Funziona?
Fonte immagine: archivio di dominio pubblico .
