Raccontare storie con i tuoi disegni
I siti web sono incredibilmente versatili come mezzo, da utilizzare per visualizzare informazioni e altri contenuti e, se ben progettati, possono farlo in un modo divertente che è facile da digerire per il lettore.
Questo può essere fatto combinando un personaggio del sito con una narrazione continua, coerente in tutto, che si uniranno per creare una "storia" attraverso la quale è possibile fornire contenuti pertinenti.
È importante riconoscere come designer che la storia, su cui si basa il contenuto, viene prima di ogni altra cosa nel sito.
Il contenuto non può semplicemente essere "lasciato cadere" nel post-design del sito; deve essere costruito nell'ordine corretto: storia, contenuto e, infine, design.
Mettere insieme la "storia" per il tuo sito implica due componenti principali, una persona e una narrazione.
personas
Durante la progettazione di un sito Web, qualsiasi designer esperto ti dirà che la parte più importante di informazioni di cui hanno bisogno è il pubblico di destinazione. Si tratta di informazioni necessarie nello stile del sito Web, del layout, di quali contenuti (sia di testo che di immagini) includere, anche quali schemi di colori utilizzare.
Una volta che queste informazioni sono state trovate, sia attraverso ricerche di mercato, sia attraverso il tuo obiettivo principale, in quanto un sito è fare appello a un particolare pubblico, puoi quindi capire come adattarlo alla progettazione del tuo sito. Mentre i contenuti dettano spesso ciò che il pubblico di destinazione è - un sito di e-commerce che vende giocattoli per bambini è chiaramente rivolto ai genitori - ovviamente ci saranno sempre delle eccezioni. Ma questa è una parte importante della conoscenza di ciò che la tua storia deve essere trasmessa. Il tuo target di riferimento ideale ha preferenze e personalità; questa è la tua persona utente.
Poi arriva il personaggio del sito, che è effettivamente un personaggio immaginario, che rappresenta il tuo sito (non il pubblico) in tutti i modi: stile, aspetto, idee, età, tutti simboleggiano vari aspetti del tuo sito. Queste caratteristiche si uniscono per formare una personalità, una persona, che definisce il tuo sito e aiuta a fornire un'immagine chiara di come dovrebbe comportarsi, come dovrebbe essere e quale contenuto dovrebbe contenere.
L'importanza di questo nel web design non può essere sottolineata abbastanza, in quanto impedisce ai designer di cadere nella trappola di concentrarsi su singoli elementi del sito, che si combinano per creare un sito scarso con mancanza di coordinamento. Un designer con una visione d'insieme del sito, fin dalla fase di concettualizzazione all'inizio, creerà un prodotto finale di gran lunga migliore.
Per creare il tuo personaggio del sito, devi avere il seguente:
- Una buona idea del tuo pubblico di destinazione: come accennato in precedenza, puoi utilizzare il tuo personaggio dell'utente per contribuire a modellare la personalità del tuo sito, tuttavia deve solo riguardare il personaggio dell'utente, non rispecchiarlo direttamente, altrimenti il tuo sito sarà troppo specifico
- Riferimenti a figure chiave della tua organizzazione (se ce ne sono): questo aiuterà se la tua identità di marca è basata sulle persone della tua organizzazione, in quanto la personalità del tuo sito può riflettere elementi della loro, proprio come Apple ha fatto con Steve Jobs e mojang.com , una società di sviluppo di giochi fa con il loro titolo principale, Minecraft, facendo riferimento nel titolo del loro sito e in altri luoghi di rilievo.
- Contenuti promozionali: questo comporterà l'esperienza dell'utente sul tuo sito e sarà in parte influenzato dal tuo personaggio del sito, ma da parte di esso, e in tal modo lo influenzerà in cambio. Il contenuto comunicherà al tuo utente di cosa tratta il sito e qual è la persona, svolgendo un ruolo importante nella persona del tuo sito. Questo sarà un argomento su cui tornerò più avanti in questo articolo, tuttavia è un punto che vale la pena di toccare in relazione ai personaggi.
- Qualsiasi altra documentazione / contenuto pertinente: questo può sembrare incredibilmente vago, tuttavia i siti possono essere così vari e qualsiasi contenuto o aspetto pertinente di un sito può essere utile per creare un personaggio per esso, e anche le cose sottili e apparentemente insignificanti possono rendere evidente differenza per il front-end del tuo sito.
narrazione
La narrativa del tuo sito è l'essenza della tua storia e comprende tutti i tuoi contenuti. La tua narrazione è il video incorporato nel tuo sito; è il contenuto della tua pagina; è la tua immagine di sfondo; sono praticamente tutti i tuoi contenuti che si uniscono per portare all'utente un'esperienza complessiva che forma una narrazione.
È facile pensare a una narrazione in modo simile a un sito tematico. Tuttavia, è leggermente diverso dal momento che i temi si concentrano sul design, dove la narrativa si concentra su tutti gli aspetti incluso, e in particolare, il contenuto. L'importanza della narrazione è che determina il ritmo del tuo sito e il modo in cui l'utente interagisce con esso, dalla tua barra di navigazione alla schermata "transazione completata".
Le migliori narrazioni vengono organicamente sviluppate, e aiuta ad avere alcuni contenuti esistenti per definire la tua narrativa, piuttosto che elaborare la tua narrativa e quindi creare artificialmente contenuti intorno a ciò. In poche parole, la narrazione è il viaggio che l'utente sperimenta durante il loro viaggio attraverso il tuo sito e dovrai farlo in modo che il tuo utente abbia un'esperienza piacevole. Proprio come una narrazione ha bisogno di stare insieme bene in un romanzo, così fa la narrativa del tuo sito.
Come nel caso dei "riferimenti alle figure chiave della tua organizzazione" di cui sopra in Personas, la tua narrativa può trarre beneficio dai contributi della storia della tua azienda o da una figura della tua azienda, evidenziando gli alti e i bassi: tutto ciò che renderà il tuo utente / lettore cura e si interessa al tuo sito. Se il tuo sito ha un blog, i tuoi utenti, se hai una storia interessante, ritornano più volte, per verificare gli aggiornamenti e per partecipare al tuo sito. Questo è particolarmente evidente se hai un forum sul tuo sito, dato che gli utenti possono contribuire direttamente.
Un metodo narrativo troppo spesso usato è la splash page, in genere un'entrata tutta danzante e tutta danzante per l'evento principale del tuo sito. Nella maggior parte dei casi non racconta una storia, ma si mette di mezzo. Rompe la struttura del sito e offre una facciata che potrebbe non riflettere il vero contenuto del sito.
Dove la narrativa può essere più utile nel tuo sito è in questo contesto (concentrandosi in particolare sulla navigazione):
Nella storia di questo sito, si impara a conoscere il prodotto del sito, lo si prova, e come esso, quindi in seguito acquistarlo. Dopo l'acquisto è necessario il supporto per qualsiasi motivo, un errore o una richiesta di descrizione. E poi, alla fine, possiamo contattare l'azienda, per domande di lavoro o come cliente.
La naturale inferenza del layout di questa barra di navigazione, purtroppo per il sito, è che il SUPPORTO segue l'ACQUISTO perché qualcosa è andato terribilmente storto e CONTACT è la nostra ultima speranza di ottenere soddisfazione dopo il fallimento del SUPPORTO. (Il supporto deve essere fallito, non solo perché ha una pessima reputazione in vari settori, ma anche perché si adatta alla trama: se il supporto è riuscito, a chi dovremmo contattare?)
Questo può sembrare un po 'troppo psicoanalitico per un web designer, ma se la tua storia è basata su un sistema di navigazione di base, è importante pensare al processo in cui l'utente passerà attraverso ciascuna pagina. Ottenere l'ordine di navigazione sbagliato è come uccidere un personaggio in un libro prima di presentarlo: semplicemente non ha senso nella narrazione della storia.
Un altro modo utile di pensare al layout in relazione alla tua narrativa e alla tua storia è di visualizzare un giornale o un fumetto. Per gli artisti di fumetti / graphic novel, c'è sempre un problema con il posizionamento dei pannelli, nella misura in cui hanno bisogno che gli occhi del lettore siano disegnati da un pannello all'altro, piuttosto che fuori ordine. Puoi vedere come questo sarebbe un problema con i fumetti in un giornale della domenica. Con solo pochi pannelli con cui lavorare, un artista deve assicurarsi che la battuta finale (di solito il pannello finale) non toglie nulla al prodotto finale così tanto che il lettore la guarda prima.
In questo modo puoi visualizzare il layout del tuo sito e il modo in cui fluisce, poiché gli utenti sono spesso incanalati inconsciamente attraverso lo stesso ordine di pagine e link, creando la loro prima impressione del sito in base al posizionamento o al contenuto dell'annuncio sotto la linea di scorrimento che non possono vedere, dove volevi che la visualizzazione iniziale del sito fosse così diversa!
Per concludere, il tuo sito, piccolo o grande, avrà un'esperienza utente, e se non hai dedicato tempo o cura per creare una storia, non sarà così coordinata o fluida come potrebbe fare. I siti che vedi dove pensi, "che è davvero lucido" o "Vorrei che il mio sito funzionasse bene così", sono stati probabilmente realizzati con uno storyboard e si sono presi cura dello stile di un personaggio.
Quindi la prossima volta che visiti Apple.com, pensa a che tipo di persona ha e come è stato progettato il flusso del sito, posizionando prima il prodotto Mac principale, ma il prodotto iPhone al centro della navigazione, piuttosto che il secondo, e con il loro logo Apple invece di un pulsante Home per il riconoscimento del marchio.