{"id":255696,"date":"2023-08-24T12:40:00","date_gmt":"2023-08-24T09:40:00","guid":{"rendered":"https:\/\/inform.click\/perche-uneccezionale-narrazione-digitale-batte-un-design-eccezionalmente-buono\/"},"modified":"2023-08-24T12:55:00","modified_gmt":"2023-08-24T09:55:00","slug":"perche-uneccezionale-narrazione-digitale-batte-un-design-eccezionalmente-buono","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/perche-uneccezionale-narrazione-digitale-batte-un-design-eccezionalmente-buono\/","title":{"rendered":"Perch\u00e9 un&#8217;eccezionale narrazione digitale batte un design eccezionalmente buono"},"content":{"rendered":"<p>\n  Le immagini sono molto importanti nel mondo del design digitale. Prendiamo, ad esempio, una foto di una madre e del suo bambino che giocano all'aperto con il sorriso sui volti, mostrata con orgoglio sul sito Web di un produttore di giocattoli per bambini.\n<\/p>\n<p>\n  Pensa a quell'immagine di un gruppo di professionisti aziendali in una sala riunioni per un cartellone pubblicitario di una soluzione per conferenze che ha attirato la tua attenzione mentre guidavi in \u200b\u200bautostrada. Anche il logo pi\u00f9 piccolo sull'etichetta del latticino che hai comprato al supermercato del quartiere \u00e8 un prodotto di un grafico.\n<\/p>\n<p>\n  Le foto e la grafica vengono utilizzate per raccontare storie tutto il tempo, ma i designer a volte dimenticano che non importa quanto siano sorprendenti i loro siti Web o la loro grafica, il pubblico cercher\u00e0 sempre la storia che c'\u00e8 dietro. Un buon design digitale ti dir\u00e0 sempre il &#8220;cosa&#8221;. Un buon design digitale ti dice anche il &#8220;perch\u00e9&#8221;.\n<\/p>\n<h5>\n  Offri al tuo pubblico qualcosa da vedere, ma anche qualcosa da dire.<br \/>\n<\/h5>\n<p>\n  Ormai ti starai chiedendo: &#8220;Sono un designer. Gli scrittori non dovrebbero raccontare la storia? Se non l'hai ancora notato, lo storytelling \u00e8 molto pi\u00f9 che scrivere testi o comporre un lungo articolo su un prodotto o servizio. Anche le tue immagini hanno bisogno di una storia. Pensa all'eroico uomo che salva un cucciolo dall'essere investito da un veicolo in movimento in una strada trafficata. Oppure immagina un pap\u00e0 che insegna a suo figlio come andare in bicicletta, guardandolo sfrecciare felice. Questi sono piccoli momenti in cui le persone si impegnano in un'azione particolare, che crea impatto.\n<\/p>\n<p>\n  Dicono che i media hanno valore solo se utilizzati per integrare contenuti di valore. Come designer, devi essere in grado di raccontare una storia o trasmettere un'idea con ogni risultato. Immagini, grafica e tipografia sono tutti modi molto creativi in \u200b\u200bcui puoi trasmettere un messaggio; ma con ogni messaggio devi avere qualcosa da dire. Non creare solo per impressionare; creare per esprimere.\n<\/p>\n<h5>\n  Archivia il tuo design.<br \/>\n<\/h5>\n<p>\n  Prima di iniziare con il tuo progetto, assicurati di avere un retroscena. Perch\u00e9 lo stai facendo? Che senso ha condividere questo? Fai un brainstorming se devi. Associa parole \u2013 nomi, verbi e aggettivi al tuo progetto. Verr\u00e0 fuori qualcosa di comune; questa potrebbe essere la tua storia di design.\n<\/p>\n<p>\n  Un esempio particolarmente valido \u00e8 la direzione che TOMS, una famosa azienda di scarpe a scopo di lucro con sede in California, ha preso nel proprio marchio. Non c'era niente di speciale nella loro linea di prodotti iniziale; hanno appena fatto una derivazione delle semplici scarpe slip-on di tela famose in Sud America chiamate alpargatas. Ma qui \u00e8 dove diventa interessante. Mentre svolgeva attivit\u00e0 di volontariato, il fondatore Blake Mycoskie ha notato che molti dei bambini non avevano le scarpe. Quando Blake ha dato il via, ha deciso che per ogni paio venduto, ne avrebbe fornito un nuovo paio a un altro giovane di un paese in via di sviluppo, o quello che ora \u00e8 noto come il modello di business &#8220;uno per uno&#8221;.\n<\/p>\n<p>\n  A causa di questa fantastica storia passata, la voce sul marchio si \u00e8 diffusa a macchia d'olio attraverso il passaparola e i social media. In particolare, questa storia si riflette nel sito web delle scarpe TOMS. Molte delle immagini all'interno del sito evidenziano qual \u00e8 la storia dell'azienda, invece di mettere in primo piano i prodotti reali che offrono. Di conseguenza, sono in grado di connettersi ai sensi del pubblico e trasmettere una storia che risuona.\n<\/p>\n<p>\n  Un altro buon uso della narrazione nel design \u00e8 l'unicorno dei trasporti, Uber. All'inizio, la storia \u00e8 abbastanza chiara. Il trasporto pubblico fa schifo alla grande. Non sai quando c'\u00e8 un ritardo, non sai se potrai viaggiare comodamente e poi devi pagare in contanti. Sebbene l'azienda abbia incontrato una serie di seri problemi, i suoi utenti in tutto il mondo hanno reso abbastanza evidente che Uber funziona e svolge il suo lavoro in modo eccellente come servizio di trasporto alternativo su richiesta.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd330196d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd330196d.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  L'interfaccia utente dell'app risolve tutti i punti deboli del ciclista normale. Dove si trova esattamente la corsa in questo momento? Quanto tempo impiegher\u00e0 l'auto ad arrivare nella posizione del pilota? Quanto pagher\u00e0 il pilota? Qual \u00e8 il numero dell'autista se ha bisogno di essere contattato? Tutti i dettagli vitali di cui il ciclista ha bisogno sono mostrati nell'app in modo sistematico. Anche il sito web di Uber la dice lunga sulla spinta dell'azienda. Ogni grafica, icona e persino i caratteri urlano &#8220;piacevole&#8221; e &#8220;facile&#8221;.\n<\/p>\n<h5>\n  Raccontare storie attraverso il design implica processi sistematici.<br \/>\n<\/h5>\n<p>\n  Come per qualsiasi cosa costruita a mano (e con la mente), un design efficace deve seguire determinati processi. Prendi ad esempio il processo di creazione di un sito web. Costruisci storyboard prima ancora di iniziare a creare modelli o wireframe. Ogni parte della tua storia dovrebbe contenere un'interazione, ad esempio cosa accadr\u00e0 quando l'utente fa clic su qualcosa o scorre verso il basso e cos\u00ec via.\n<\/p>\n<p>\n  Braden Kowitz, un noto designer dell'esperienza utente, suggerisce di creare una serie di casi d'uso narrativi per il tuo prodotto che illustrino ogni fase del viaggio dell'utente. Lo definisce un processo di progettazione incentrato sulla storia. Con questo, puoi simulare l'esperienza dell'utente e identificare tutti i possibili risultati e, di conseguenza, le tue decisioni di progettazione saranno interamente basate su come le persone scelgono di utilizzare il tuo prodotto.\n<\/p>\n<p>\n  Ci\u00f2 \u00e8 in netto contrasto con un design centrato sullo schermo, in cui stai presentando o creando una procedura dettagliata di un'interfaccia utente mentre si mostra un progetto. Mostrare i progetti significa che stai solo enumerando come ogni elemento rientra nel piano. &#8220;Il problema \u00e8 che&#8221;, afferma Kowitz, &#8220;quando i progetti vengono presentati in questo modo, stai solo costruendo una comprensione dell'aspetto del prodotto. Non ti stai concentrando su come funziona il prodotto e non stai simulando il modo in cui i clienti interagiscono con esso.\n<\/p>\n<p>\n  Kowitz suggerisce inoltre di utilizzare strumenti come Adobe Fireworks e programmi screencast durante il rendering delle tue storie oltre al solito software di progettazione visiva Adobe Photoshop e Adobe Illustrator. Non creare per il Web semplicemente progettando singoli schermi.\n<\/p>\n<p>\n  Quando ti eserciterai ad adottare questa disciplina, il tuo processo di progettazione sar\u00e0 molto pi\u00f9 semplice. Puoi anche evidenziare errori di progettazione che spesso vengono trascurati. Puoi anche sapere se stai raggiungendo o meno i tuoi obiettivi di progettazione man mano che avanzi. Inoltre, sarai in grado di lavorare pi\u00f9 velocemente quando avrai coperto o affrontato ogni parte del processo.\n<\/p>\n<h5>\n  Anche il modo in cui racconti la tua storia di design \u00e8 importante.<br \/>\n<\/h5>\n<p>\n  In ogni progetto di design, devi prima preparare il terreno per la tua storia. Gli sfondi e gli stati d'animo contano tanto quanto il tuo messaggio effettivo e i risultati desiderati. In che modo la tua storia dar\u00e0 un pugno?\n<\/p>\n<ul>\n<li>\n    <strong>Inserisci una storia personale.<\/strong> Devi essere in grado di fare appello ai sensi del tuo pubblico. Se questo \u00e8 difficile per te, allora devi essere in grado di trovare un modo per incorporare il pubblico nella tua storia. Le persone devono essere in grado di relazionarsi con quali sono i tuoi punti deboli per poter agire.\n  <\/li>\n<li>\n    <strong>D\u00ec l'inaspettato.<\/strong> Non far dire a un utente: &#8220;L'ho visto molte volte. Perch\u00e9 dovrei crederci?&#8221; Non lasciare che il tuo pubblico diventi scettico. Attira la loro attenzione facendo qualcosa di nuovo. Non andare con una copia stereotipata o con grafica o suoni fin troppo familiari.\n  <\/li>\n<li>\n    <strong>Sfida la saggezza convenzionale.<\/strong> Chi sapeva che quegli emoji dinky possono essere migliorati? Hanno fatto parte della cultura dei messaggi di testo e dei messaggi per cos\u00ec tanto tempo, ma oggi puoi persino allegarne versioni in movimento come oggetti nei video. I tempi di attenzione delle persone si riducono di minuto in minuto, quindi come designer, devi costantemente trovare modi per migliorare anche le cose pi\u00f9 semplici e pi\u00f9 comunemente usate per evitare che diventino noiose.\n  <\/li>\n<li>\n    <strong>Agganciali con novit\u00e0.<\/strong> Introduci qualcosa di nuovo con ogni storia. Includi i dati per convalidare le tue affermazioni. Ti sei mai chiesto perch\u00e9 il tuo cervello desidera ardentemente le infografiche? Le persone impiegano pi\u00f9 tempo per elaborare le nuove informazioni presentate loro. Con le infografiche, le persone sono in grado di elaborare simboli e numeri in pochi millisecondi e sono in grado di attribuire loro immediatamente un significato. Sono facili da digerire ed estremamente coinvolgenti.\n  <\/li>\n<li>\n    <strong>Fai domande provocatorie.<\/strong> Storie di design di successo costringeranno il tuo pubblico ad agire. Fai sempre riflettere i tuoi potenziali clienti o clienti. Cosa c'\u00e8 in gioco? Cosa succede dopo? In questo modo, farai in modo che la tua storia resti fedele.\n  <\/li>\n<\/ul>\n<p>\n  Alcuni fantastici esempi da cui prendere spunto.\n<\/p>\n<p>\n  Ora che sai perch\u00e9 una buona narrazione \u00e8 importante e cosa implica una buona narrazione, \u00e8 tempo di esplorare altri buoni esempi di avvincente narrazione visiva.\n<\/p>\n<h5>\n  1 Bellroy \u2013 Snellisci il tuo portafoglio<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3528ec7.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3528ec7.webp\" alt=\"\" \/><\/a> Snellisci il tuo portafoglio. <a href=\"https:\/\/bellroy.com\/slim-your-wallet\" target=\"_blank\" rel=\"noopener\">Fonte<\/a><\/p>\n<p>\n  Questo \u00e8 davvero un bell'esempio di una storia di design fatta bene. Ti presenta un problema gi\u00e0 esistente (in questo caso, portafogli grassi) e ti mostra come il prodotto risolver\u00e0 il tuo problema, fianco a fianco. C'\u00e8 anche una breve istruzione su ci\u00f2 che l'utente dovrebbe fare: &#8220;Sposta il dispositivo di scorrimento per confrontare i portafogli&#8221;. Formulazione semplice, ma cos\u00ec precisa. Non dare sempre per scontato che qualcuno che visita il tuo sito sapr\u00e0 automaticamente cosa fare.\n<\/p>\n<h5>\n  2 Atlassian \u2013 perdita di tempo al lavoro<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd388ca2c.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd388ca2c.webp\" alt=\"\" \/><\/a> Perdita di tempo sul lavoro. <a href=\"https:\/\/www.atlassian.com\/time-wasting-at-work-infographic\" target=\"_blank\" rel=\"noopener\">Fonte<\/a><\/p>\n<p>\n  L'infografica interattiva di Atlassian ti prende per il polso con questo fatto snervante: perdi molto tempo al lavoro. Ti presenta quindi le statistiche per eseguire il backup di questa affermazione. Sebbene siano informazioni completamente nuove, \u00e8 un argomento piuttosto noioso. Ci\u00f2 che lo rende efficace \u00e8 che \u00e8 presentato in modo interattivo e pieno di colori, pur trasmettendo un senso di professionalit\u00e0. Il colore cattura l'attenzione e aiuta a mettere in risalto le informazioni critiche.\n<\/p>\n<h5>\n  3 Slack \u2013 Menzione della NASA sulla homepage<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3b9a629.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3b9a629.webp\" alt=\"\" \/><\/a> Menzione della NASA sulla homepage. <a href=\"https:\/\/slack.com\/\" target=\"_blank\" rel=\"noopener\">Fonte<\/a><\/p>\n<p>\n  Per un certo periodo, la produttivit\u00e0 sul posto di lavoro e l'app di messaggistica Slack hanno incluso in modo molto intelligente la loro home page. Presentavano il Jet Propulsion Lab della NASA, un cliente stimato, con la copia &#8220;Un'app di messaggistica per i team che mettono i robot su Marte !!&#8221; insieme a una foto di Marte come immagine dell'eroe. Questa \u00e8 una storia in s\u00e9. Slack vuole chiaramente implicare che il prodotto \u00e8 abbastanza buono per il tuo team perch\u00e9 anche gli scienziati della NASA lo usano. Quando si progetta un prodotto, \u00e8 necessario essere immediatamente in grado di offrire una proposta di valore con un solo sguardo. Spiega al pubblico perch\u00e9 ti distingui senza promettere troppo ci\u00f2 che offrirai.\n<\/p>\n<h5>\n  4 Twoodie \u2013 Giocattoli in legno organico per bambini<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3d63724.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-286847-6382cd3d63724.webp\" alt=\"\" \/><\/a> Giocattoli di legno organici per bambini. <a href=\"https:\/\/twoodie.com\/\" target=\"_blank\" rel=\"noopener\">Fonte<\/a><\/p>\n<p>\n  Non sono gli aspetti tecnici del sito Web che ti attireranno, ma la narrazione che viene fornita con le immagini all'interno del sito. Per evidenziare ci\u00f2 che offrono, tutto \u00e8 in scala di grigi tranne i giocattoli veri e propri. Questo evoca una sensazione di purezza e semplicit\u00e0. Lo spettatore \u00e8 tenuto a mantenere la promessa che il marchio \u00e8 completamente sostenibile, sicuro e organico con design ben pensati.\n<\/p>\n<p>\n  Le immagini saranno sempre l'essenza del design. Tuttavia, anche lo storytelling immersivo \u00e8 altrettanto essenziale, quindi vale davvero la pena pensare alla storia che vuoi raccontare. Impegnati a includerlo nel tuo processo di progettazione e collega quella storia interessante ai tuoi disegni, colori, immagini, caratteri ed effetti. Dopo aver finito, valuta se la storia funziona o meno o se lascia un impatto duraturo. Assicurati che il tuo design si colleghi ai sensi, crei nuove esperienze e generi risultati duraturi.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte di registrazione: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2017\/09\/08\/why-exceptional-digital-storytelling\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Le immagini sono molto importanti nel mondo del design digitale. Prendiamo, ad esempio, una foto di una madre e del suo bambino che giocano all&#8217;aperto con il sorriso sui volti, mostrata con orgoglio sul sito Web di un produttore di giocattoli per bambini. Pensa a quell&#8217;immagine di un gruppo di professionisti aziendali in una sala riunioni per un cartellone pubblicitario di una soluzione per conferenze che ha attirato la tua attenzione mentre guidavi in \u200b\u200bautostrada. Anche il logo pi\u00f9 piccolo sull&#8217;etichetta del latticino che hai comprato al supermercato del quartiere \u00e8 un prodotto di un grafico. Vengono utilizzate foto e grafica&#8230;<\/p>\n","protected":false},"author":1,"featured_media":188055,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[394,355,95,56],"tags":[],"class_list":["post-255696","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disegno","category-divertimento","category-seo-e-marketing","category-web-e-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/comments?post=255696"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255696\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/188055"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}