{"id":3204,"date":"2022-06-29T10:29:57","date_gmt":"2022-06-29T08:29:57","guid":{"rendered":"https:\/\/scalarly.com\/marketing-book\/?p=3204"},"modified":"2022-06-29T11:36:14","modified_gmt":"2022-06-29T09:36:14","slug":"design-di-siti-web","status":"publish","type":"post","link":"https:\/\/scalarly.com\/marketing-book\/it\/design-di-siti-web\/","title":{"rendered":"Design di siti web"},"content":{"rendered":"\n

I siti web sono fondamentali per il successo del marketing<\/a> digitale sotto molti aspetti. Sono la vostra casa online, una vetrina e siete voi a controllarla. E di solito \u00e8 il luogo in cui le persone si recano per saperne di pi\u00f9 su di voi. Il web design non si applica solo ai siti web.<\/p>\n\n\n\n

I principi si applicano a qualsiasi prodotto digitale, comprese le piattaforme mobili e gli account dei social media. La pianificazione e il design, che generano l’aspetto, il layout e lo stile che i visitatori percepiscono, devono essere presi in considerazione per primi. Segue poi lo sviluppo, che d\u00e0 vita a questa immagine come applicazione web funzionante.<\/p>\n\n\n\n

Web Design<\/h2>\n\n\n\n

Il web design \u00e8 la pratica di sviluppare tutti i componenti visivi dell’interfaccia. Questo include la struttura, la combinazione di colori, le foto, i loghi, i caratteri, gli elementi di design come i pulsanti e i link e tutto ci\u00f2 che \u00e8 visibile.<\/p>\n\n\n\n

Il web \u00e8 un mezzo di comunicazione visuale e il design \u00e8 quindi una componente essenziale per lo sviluppo di materiali di qualit\u00e0 che siano coinvolgenti ed efficaci. I designer devono considerare sia le componenti tecniche del web design sia l’importantissimo fattore umano. Le risorse digitali non devono essere solo visivamente accattivanti, ma devono anche fornire un’esperienza positiva ai visitatori e soddisfare gli obiettivi aziendali.<\/p>\n\n\n\n

Visual identity e web design persuasivo<\/h2>\n\n\n\n

L’interfaccia visiva, o web design, \u00e8 ci\u00f2 che l’utente percepisce e con cui si confronta. \u00c8 una visualizzazione grafica del lavoro svolto per produrre un sito web. \u00c8 il primo criterio di valutazione del sito e il primo passo per stabilire una UX piacevole.<\/p>\n\n\n\n

L’UX e il visual design sono strettamente legati e a volte se ne occupa la stessa persona. A volte, il visual designer applica l’interfaccia visiva ai documenti preparati dall’UX designer. \u00c8 come equiparare l’architetto (UX designer) all’interior designer in questo scenario (visual designer).<\/p>\n\n\n\n

Sebbene l’aspetto sia fondamentale, il design \u00e8 qualcosa di pi\u00f9. Il design riguarda gli spunti visivi che forniamo alle persone affinch\u00e9 sappiano cosa fare dopo. Fornisce ai visitatori online la fiducia nella nostra reputazione e nella nostra capacit\u00e0 di rispondere alle loro richieste, convertendoli in clienti.<\/p>\n\n\n\n

Identit\u00e0 Visiva<\/h3>\n\n\n\n

I componenti del design devono essere coerenti in tutti gli asset digitali sviluppati per un marchio, anche per la stampa e i canali di comunicazione convenzionali. Per garantire l’uniformit\u00e0 tra pi\u00f9 agenzie, le regole di identit\u00e0 visiva per il web sono spesso formalizzate in un documento guida. Questo documento pu\u00f2 contenere raccomandazioni per lo sviluppo di una serie di risorse digitali, come banner, materiale per i social media e componenti di design.<\/p>\n\n\n\n

Sul vostro sito web, il logo \u00e8 l’approccio pi\u00f9 visibile per migliorare l’identit\u00e0 del vostro marchio. Il logo \u00e8 un componente dell’identit\u00e0 aziendale (CI) di un’azienda. Tenete presente che i loghi sviluppati per la stampa su carta intestata devono essere ridimensionati per il web e per la leggibilit\u00e0. Il carattere principale viene spesso utilizzato per le intestazioni importanti del sito. Tuttavia, il materiale del corpo del sito \u00e8 spesso impostato in un font web comune che assomiglia molto al font principale.<\/p>\n\n\n\n

L’identit\u00e0 visiva di un sito comprende il design dei menu e dei pulsanti, nonch\u00e9 le icone. Anche se l’utente sta visualizzando una porzione di un sito web, questa deve sembrare parte dell’intero sito.<\/p>\n\n\n\n

Teoria del design<\/h2>\n\n\n\n

Il design pu\u00f2 essere una scienza davvero esatta: esiste un gran numero di studi su ci\u00f2 che rende un buon design. La maggior parte \u00e8 anche semplice logica e pratica basata su standard web predeterminati.<\/p>\n\n\n\n

Il Fold<\/h3>\n\n\n\n

\u00c8 una linea immaginaria sotto il display che separa la pagina web visibile dalla parte che si vede dopo lo scorrimento verso il basso. Il concetto di above the fold (sopra la piega) \u00e8 di solito il punto in cui si desidera inserire il messaggio, l’informazione o l’invito all’azione pi\u00f9 significativi. Vale la pena notare che l’idea di above the fold \u00e8 stata messa in discussione perch\u00e9 non sempre \u00e8 vantaggiosa.<\/p>\n\n\n\n

Coerenza<\/h3>\n\n\n\n

La coerenza nell’uso dei componenti grafici \u00e8 fondamentale per la vostra presenza su Internet in tutti i vostri domini e canali. Questo perch\u00e9 le persone non vedono distinzioni tra le varie piattaforme o addirittura tra on e offline. Vedono un unico messaggio trasmesso attraverso vari punti di contatto. \u00c8 possibile utilizzare la codifica dei colori o i temi in modo molto efficace per categorizzare le aree o le funzioni di un sito web.<\/p>\n\n\n\n

Ad esempio, se il pulsante di assistenza e la navigazione di aiuto sono entrambi gialli, l’utente identificher\u00e0 rapidamente il giallo con l’assistenza. Si tratta di un’altra pratica scorciatoia<\/a> <\/a>per rendere il sito pi\u00f9 fruibile e intuitivo.<\/p>\n\n\n\n

Spazio bianco<\/h3>\n\n\n\n

La spaziatura della pagina consente all’occhio di spaziare rapidamente tra le informazioni e facilita la scansione. A questo scopo si pu\u00f2 utilizzare il cosiddetto spazio bianco, che non \u00e8 necessariamente bianco, ma piuttosto vuoto. Si riferisce allo spazio tra i componenti della pagina.<\/p>\n\n\n\n

Evitate assolutamente i siti affollati. Questo vale soprattutto per le pagine web che devono trasmettere un determinato messaggio. Inoltre, mantenete le vostre pagine il pi\u00f9 possibile chiare e lineari.<\/p>\n\n\n\n

Teoria del colore<\/h3>\n\n\n\n

Il colore ha un potente impatto psicologico sull’uomo. Le persone percepiscono i colori in modi molto particolari, a seconda della cultura, dei gusti e degli indizi acquisiti. \u00c8 possibile sfruttare questo aspetto per influenzare e modellare l’esperienza dell’utente. La teoria del colore online si riferisce all’idea di mescolare i colori per attirare i visitatori verso il vostro marchio e i suoi servizi.<\/p>\n\n\n\n

I colori hanno significati e connotazioni diverse per individui diversi. Assicuratevi di comprendere le connotazioni del pubblico a cui vi rivolgete. Ad esempio, il rosso rappresenta la fortuna nelle culture asiatiche, ma un pericolo in molte culture occidentali. Ecco alcune convenzioni da seguire:<\/p>\n\n\n\n