\n Lexusls.asia<\/a> \u00e8 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 \u200b\u200bvisitatore. 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.\n<\/p>\n \n Il linguaggio visivo ha la capacit\u00e0 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\u00e9 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\u00f9 o meno, i disegni rupestri sono la prima forma di dati visivi.\n<\/p>\n \n Sappiamo che immagini e video hanno un grande potere comunicativo, come si fa a sfruttare questo potere attraverso i pixel?\n<\/p>\n \n Esempio<\/strong> :\n<\/p>\n \n Questo \u00e8 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.\n<\/p>\n \n Bellroy.com<\/a> vende i suoi portafogli in pelle con la garanzia di maggiore spazio con design pi\u00f9 sottili. Il modo in cui lo mostrano \u00e8 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\u00e0 di carte viene inserita nel portafoglio con il marchio, deformando l'altro portafoglio pi\u00f9 di quanto non sia in realt\u00e0. Qui la conclusione \u00e8 clamorosa e con una morale da vendere.\n<\/p>\n \n \u00c8 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\u00e0 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.\n<\/p>\n \n 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.\n<\/p>\n \n Gli utenti devono essere ben consapevoli della storia in quanto li conduce a destinazione. Ed \u00e8 qui che il visitatore diventa il lead e il lead diventa il cliente. \u00c8 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\u00e0 unica o un margine di prezzo che il cliente sta cercando.\n<\/p>\n \n Esempio<\/strong> :\n<\/p>\n \n Bagigia.com<\/a> 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.\n<\/p>\n \n \u00c8 vero. L'animazione del sito Web \u00e8 stata vittima di un uso eccessivo senza alcun riguardo per convenzioni o standard e questa \u00e8 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 \u00e8 costruita per coprire ci\u00f2 che le immagini statiche non possono completare, mentre allo stesso tempo aggiunge divertimento al design stesso.\n<\/p>\n \n Esempio<\/strong> :\n<\/p>\n \n Parlando di DarkKnight, questa app per iOS su benthebodyguard.com<\/a> 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\u00f2 essere utilizzata al meglio per produrre la storia dello scopo ideale per un prodotto.\n<\/p>\n \n Non ti sorprende come un design che \u00e8 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 \u00e8 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\u00e9 \u00e8 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.\n<\/p>\n \n Esempio<\/strong> :\n<\/p>\n \n Questo sito Web everylastdrop.co.uk<\/a> 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 \u00e8 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\u00f9 bisogno nelle parti difficili del mondo. Cresce cos\u00ec tanto nella mente dello spettatore che probabilmente ci penserebbe due volte prima di sprecare un'altra goccia d'acqua la prossima volta.\n<\/p>\n \n I romanzi sono divertenti da leggere e con le recenti salite tecnologiche, ora \u00e8 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\u00e0 alla storia i fuochi d'artificio di cui ha bisogno, ma indurr\u00e0 anche l'utente online a leggerlo.\n<\/p>\n \n Esempio<\/strong> :\n<\/p>\n \n Utilizzando lo stesso principio e la stessa struttura, l'acclamato racconto di Nam Le “The Boat” \u00e8 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\u00f2 fare nella sua fiesta narrativa \u00e8 aggiungere il suono al proprio design. Questo \u00e8 il superlativo della narrazione animata per acquisire UX. Vedi qui<\/a>.\n<\/p>\n \n Coinvolgente e pieno di illustrazioni, \u00e8 davvero la prova di quanto bene puoi gestire un prodotto creando un design che si muove mentre interagisci con esso.\n<\/p>\n \n Nel settore dell'e-commerce le persone sono spesso interessate a ottenere i vantaggi di un prodotto che pu\u00f2 essere utilizzato in pi\u00f9 istanze ma per lo stesso motivo. Per prima cosa, rende la loro vita molto pi\u00f9 facile, e per seconda fa parte dell'era tecnologica. Ma con cos\u00ec tanto da imparare e riconoscere su un'impresa come questa, \u00e8 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 \u00e8 stato un tragico abbandono.\n<\/p>\n \n Esempio<\/strong> :\n<\/p>\n \n Tuttavia, questo prodotto non solo riesce a vendere, ma anche a soddisfare ci\u00f2 che promette ai suoi clienti. Questo prodotto su onlycoin.com<\/a> \u00e8 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.\n<\/p>\n \n Lo storytelling non \u00e8 limitato a qualsiasi prodotto o obiettivo; \u00e8 aperto a tutti i tipi di esercizi di e-commerce che aiutano i visitatori a ottenere l'UX ideale senza compromettere la funzionalit\u00e0 del design. Imparare a padroneggiarlo per i propri prodotti e servizi attraverso i siti Web di e-commerce \u00e8 fondamentale in questa era di marketing elettronico. Senza leggere la mentalit\u00e0 del consumatore semplicemente non puoi presentare il tuo prodotto e senza domanda non c'\u00e8 produzione. Come dice Tim O'brien, “La narrazione \u00e8 l'attivit\u00e0 umana essenziale, pi\u00f9 difficile \u00e8 la situazione, pi\u00f9 essenziale \u00e8”, e credimi amico, la situazione non diventa mai facile.\n<\/p>\n<\/p>\n\n Linguaggio visivo
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-6382745d3debe.webp\")
<\/a><\/p>\n\n Disegna la storia
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-6382745f45d06.webp\")
<\/a><\/p>\n\n Usare la storia animata a proprio vantaggio
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-63827460e07ae.webp\")
<\/a><\/p>\n\n Traduzione del messaggio di progettazione
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-63827463020e7.webp\")
<\/a><\/p>\n\n Utilizzo di elementi oscuri
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-638274657f38e.webp\")
<\/a><\/p>\n\n Unificazione del tramite scorrimento
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-272442-638274683f667.webp\")
<\/a><\/p>\n\n Conclusione
\n<\/h3>\n