{"id":255876,"date":"2023-03-08T08:33:00","date_gmt":"2023-03-08T05:33:00","guid":{"rendered":"https:\/\/inform.click\/design-spotlight-font-nei-servizi-finanziari\/"},"modified":"2023-03-08T08:48:00","modified_gmt":"2023-03-08T05:48:00","slug":"design-spotlight-font-nei-servizi-finanziari","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/design-spotlight-font-nei-servizi-finanziari\/","title":{"rendered":"Design Spotlight: Font nei servizi finanziari"},"content":{"rendered":"<p>\n  L'economia globale sta crescendo rapidamente e i servizi finanziari online continuano a conquistare il mondo. La maggior parte degli utenti di diverse parti del globo non \u00e8 stata a lungo in grado di immaginare la propria vita e la propria attivit\u00e0 senza la possibilit\u00e0 di effettuare trasferimenti di denaro da remoto e il contante sta gradualmente diventando parte del passato.\n<\/p>\n<p>\n  Sempre pi\u00f9 banche e altre organizzazioni finanziarie stanno creando applicazioni mobili per rimanere in contatto con i propri clienti e gli startupper stanno proponendo nuove idee per implementare servizi finanziari sicuri, anche senza rappresentanza fisica.\n<\/p>\n<p>\n  Tutto ci\u00f2 suggerisce che i servizi finanziari online sono sull'onda dello sviluppo, ma \u00e8 cos\u00ec semplice come sembra? La creazione di un'applicazione finanziaria richiede ingenti investimenti e, prima di tutto, investimenti in reputazione, che possono essere effettuati con l'ausilio di strumenti di progettazione inclusi. In questo articolo parleremo della progettazione di soluzioni web e mobili per la gestione finanziaria e presteremo particolare attenzione all'uso dei caratteri per questo compito.\n<\/p>\n<h5>\n  Design Thinking e approccio mobile-first nel settore Fintech<br \/>\n<\/h5>\n<p>\n  Quindi, cosa vediamo prima di tutto quando apriamo un sito Web o lanciamo un'applicazione di qualsiasi orientamento? Esatto, prestiamo principalmente attenzione al design. In questo contesto, il design agisce come una combinazione di strumenti visivi che inconsciamente influenzano gli utenti e iniziano a convincere (o scoraggiare in caso di scarsa implementazione) dall'ulteriore utilizzo della nostra applicazione. Quando un'azienda mette al primo posto il design della sua applicazione, questo si chiama design thinking. E questo \u00e8 l'approccio giusto poich\u00e9 non avrai una seconda possibilit\u00e0 per fare una prima impressione.\n<\/p>\n<p>\n  Ci\u00f2 \u00e8 particolarmente vero per la creazione di servizi finanziari perch\u00e9 in questo caso dovrebbe essere utilizzato l'intero set di strumenti di progettazione in modo che l'utente riceva un messaggio diretto e forte che i suoi soldi saranno al sicuro qui. E il font \u00e8 uno degli elementi che aiutano a veicolare non solo un messaggio testuale ma anche subliminale.\n<\/p>\n<p>\n  Inoltre, l'approccio mobile-first viene utilizzato anche nel moderno processo di sviluppo delle app. Secondo questo approccio, \u00e8 necessario riflettere prima sul concetto di design dell'applicazione per telefoni cellulari o altri piccoli schermi e solo successivamente passare alla versione desktop, se necessario. Concentrandosi principalmente sui dispositivi mobili, i progettisti di servizi finanziari dovrebbero anche prestare particolare attenzione al carattere e alle sue dimensioni, poich\u00e9 lo spazio per l'implementazione sar\u00e0 notevolmente limitato. E qui il font inizia a lavorare in forte connessione con l'interfaccia utente, che deve essere creata in modo tale che l'utente possa trovare le informazioni necessarie o eseguire l'azione necessaria in non pi\u00f9 di tre clic o tocchi.\n<\/p>\n<h5>\n  Caratteristiche della percezione dei caratteri nel web design<br \/>\n<\/h5>\n<p>\n  La psicologia di un font determina quale effetto un particolare font produrr\u00e0 su un utente. La tipografia o i caratteri sono una componente molto significativa, ignorando quale porta alla creazione di un web design di qualit\u00e0 inferiore. Molti designer si concentrano sulla bellezza e sul fascino artistico del progetto, sulle combinazioni di colori e sul significato pratico, ma pochi si riferiscono alla stessa scrupolosit\u00e0 nei caratteri.\n<\/p>\n<p>\n  Semplicemente non capiscono che \u00e8 la componente visiva del testo che invia il messaggio all'utente. Un font \u00e8 uno degli elementi che devi prendere molto sul serio. I caratteri forniscono leggibilit\u00e0 e portano il punto principale. La psicologia dei caratteri gioca il ruolo della spina dorsale nell'efficacia del web design. Ogni designer sa che i colori influenzano l'umore, le emozioni e i sentimenti delle persone. I caratteri in questo senso danno lo stesso effetto dei colori.\n<\/p>\n<p>\n  Grafologi e sviluppatori concordano sul fatto che la scelta dello stile del carattere \u00e8 accompagnata dal trasferimento di un certo autovalore, indipendentemente dal fatto che l'effetto sia utilizzato intenzionalmente o meno. Si ritiene che l'effetto dell'applicazione di un particolare font in un certo senso dipenda dal contesto, oltre che dalle caratteristiche della persona che lo percepisce. Questa influenza \u00e8 subconscia. Idealmente, il testo visivo e il messaggio stesso dovrebbero completarsi a vicenda, altrimenti avremo una discrepanza.\n<\/p>\n<p>\n  Nella vita reale, queste sono situazioni in cui una persona dice una cosa e l'espressione sul viso o il tono della sua voce rivela il contrario. Molte persone usano un font particolare perch\u00e9 gli piace, o semplicemente perch\u00e9 \u00e8 installato nel loro editor di testo, senza immaginare il destinatario del messaggio, la persona che legge il testo che hanno creato. Tuttavia, questo approccio sar\u00e0 estremamente sbagliato per la creazione di applicazioni finanziarie.\n<\/p>\n<h5>\n  Caratteristiche della percezione dei caratteri nella progettazione dei servizi finanziari online<br \/>\n<\/h5>\n<p>\n  Pertanto, la percezione visiva dei siti e delle applicazioni per i servizi finanziari ha le sue caratteristiche chiave. E nascono dai valori che il servizio traduce per attrarre e fidelizzare gli utenti. I valori principali, in questo caso, sono la sicurezza, l'affidabilit\u00e0, le garanzie e la reputazione poich\u00e9 si tratta di beni di valore che gli utenti affidano temporaneamente a una determinata azienda.\n<\/p>\n<p>\n  Pertanto, gli elementi visivi devono conformarsi e riflettere questi valori, e in nessun caso contraddirli. E il carattere \u00e8 uno, ma non l'unico elemento che funziona su questo compito. Per creare un'impressione visiva e un'interfaccia utente che trasmetta questi valori, i progettisti di servizi finanziari devono anche utilizzare correttamente lo spazio bianco o vuoto, nonch\u00e9 la giusta combinazione di colori dal punto di vista della psicologia della percezione. Successivamente, parleremo di quali coppie di caratteri e colori sono pi\u00f9 adatte per creare siti o applicazioni finanziarie.\n<\/p>\n<h5>\n  Coppie di caratteri potenzialmente corrispondenti<br \/>\n<\/h5>\n<p>\n  I caratteri con grandi lettere tonde &#8220;O&#8221; e &#8220;coda di cavallo&#8221; sono percepiti come amichevoli e &#8220;umani&#8221;, forse perch\u00e9 il loro stile imita l'immagine di un volto umano. Esempi sono Apple Pay, Google Pay e Square. In questo contesto, Square \u00e8 l'indicatore pi\u00f9 classico di questo esempio, mentre l'effetto di umanizzazione \u00e8 creato da Apple e Google attraverso l'uso di tali loghi nativi e familiari davanti al nome del sistema di pagamento.\n<\/p>\n<p>\n  I caratteri dritti e spigolosi sono associati a inflessibilit\u00e0, rigidit\u00e0; sono caratterizzati da freddezza, mancanza di volto e meccanicismo. In termini di psicoanalisi, sono definiti da espressioni come &#8220;emotivamente sandwich&#8221; o &#8220;forte di mente&#8221;. Un esempio \u00e8 Skrill.\n<\/p>\n<p>\n  I caratteri antichi (serif) come Times, Times New Roman e Palatino sono un compromesso tra vecchio e nuovo. Chiari e abbastanza semplici, hanno una forma e una rotondit\u00e0 ben definite, alludendo alla tradizione e alla continuit\u00e0 neoclassiche. Provocano un sentimento di fiducia, quindi sono i preferiti tra i rappresentanti rispettati del business tradizionale. Esempi sono Stripe, PayPal e alcune altre banche di livello mondiale.\n<\/p>\n<p>\n  I caratteri Sans Serif, come Arial, Modern e Univers, hanno una bassa carica emotiva e sono associati a praticit\u00e0 e sanit\u00e0 mentale. Portano un moderno inizio comune e sono una scelta affidabile per coloro che bramano l'armonia e non si preoccupano dell'autoespressione attraverso il design dei caratteri. Un esempio \u00e8 Visa.\n<\/p>\n<p>\n  In genere, i moderni caratteri Sans Serif parlano di forza, affidabilit\u00e0 e stabilit\u00e0 (come Montserrat, Futura Medium e Overpass) e i caratteri con una forte personalit\u00e0 (come Arsenal) sono generalmente utilizzati nel settore dei servizi finanziari. Inoltre, molto spesso, i designer devono utilizzare due caratteri per trasmettere correttamente il messaggio di marketing necessario e tracciare una linea tra la chiave e le informazioni aggiuntive. Per i servizi finanziari, le seguenti coppie di caratteri saranno adatte poich\u00e9 la loro combinazione aumenta la sensazione di fiducia e affidabilit\u00e0.\n<\/p>\n<ul>\n<li>\n    <a href=\"https:\/\/typekit.com\/fonts\/soleil\" target=\"_blank\" rel=\"noopener\">Soleil<\/a> + <a href=\"http:\/\/www.fontsquirrel.com\/fonts\/borgia-pro\" target=\"_blank\" rel=\"noopener\">BorgiaPro<\/a>. Questi sono due caratteri classici che si completano perfettamente a vicenda e sono ben percepiti se combinati. Parlano dell'affidabilit\u00e0 delle informazioni e dei dati verificati.\n  <\/li>\n<li>\n    <a href=\"https:\/\/typekit.com\/fonts\/canada-type-gibson\" target=\"_blank\" rel=\"noopener\"><\/a><a href=\"https:\/\/typekit.com\/fonts\/adriane-text\" target=\"_blank\" rel=\"noopener\">Testo<\/a> <a href=\"https:\/\/typekit.com\/fonts\/canada-type-gibson\" target=\"_blank\" rel=\"noopener\">Gibson<\/a> + Adriane. Questa coppia \u00e8 un po' simile alla precedente e generalmente svolge abbastanza bene i suoi compiti.\n  <\/li>\n<li>\n    <a href=\"http:\/\/canadatype.net\/fonts\/clarendon-text\" target=\"_blank\" rel=\"noopener\">Clarendon Testo<\/a> + <a href=\"https:\/\/typekit.com\/fonts\/interface\" target=\"_blank\" rel=\"noopener\">Interfaccia<\/a>. Questi due font Serif e Sans Serif hanno lettere arrotondate e un'ottima leggibilit\u00e0, e questo, come abbiamo detto prima, \u00e8 utile per umanizzare il tuo servizio.\n  <\/li>\n<li>\n    <a href=\"https:\/\/typekit.com\/fonts\/abril-titling\" target=\"_blank\" rel=\"noopener\">Abril Titolazione<\/a> + <a href=\"https:\/\/typekit.com\/fonts\/fira-sans\" target=\"_blank\" rel=\"noopener\">Fira Sans<\/a>. Usati insieme, questi due caratteri hanno un buon effetto sul livello di fiducia e parlano inconsciamente di garanzie: questo \u00e8 esattamente ci\u00f2 di cui potrebbe aver bisogno la tua domanda finanziaria.\n  <\/li>\n<li>\n    <a href=\"https:\/\/typekit.com\/fonts\/fira-sans\" target=\"_blank\" rel=\"noopener\">Fira Sans<\/a> + <a href=\"https:\/\/typekit.com\/fonts\/freight-text-pro\" target=\"_blank\" rel=\"noopener\">Freight Text Pro<\/a>. Questa \u00e8 l'ultima combinazione perfetta che trasmette un senso di fiducia in ogni azione compiuta.\n  <\/li>\n<\/ul>\n<h5>\n  Colori potenzialmente corrispondenti<br \/>\n<\/h5>\n<p>\n  Tuttavia, non \u00e8 sufficiente scegliere i caratteri giusti. \u00c8 inoltre necessario combinarli con competenza con la combinazione di colori. Ecco i colori pi\u00f9 adatti per i servizi finanziari in termini di psicologia.\n<\/p>\n<ul>\n<li>\n    <strong>Bianco<\/strong>: questo \u00e8 il colore pi\u00f9 popolare e lo vedrai guardando gli esempi qui sotto. Il colore bianco trasmette pace e armonia. Nel linguaggio dei servizi finanziari, il bianco indica la trasparenza di tutte le azioni e la continuit\u00e0 di tutte le transazioni finanziarie.\n  <\/li>\n<li>\n    <strong>Azzurro<\/strong>: l'azzurro indica stabilit\u00e0 e sicurezza. E questo \u00e8 il secondo colore pi\u00f9 popolare che i designer scelgono per i siti e le applicazioni finanziarie. Il blu indica che \u00e8 un posto sicuro di cui fidarsi. L'analogo \u00e8 il cielo blu, che \u00e8 sempre sopra le nostre teste, indipendentemente dalle circostanze.\n  <\/li>\n<li>\n    <strong>Grigio<\/strong>: il grigio \u00e8 il colore della professionalit\u00e0 e della mente fredda. Essendo utilizzato nello sviluppo di applicazioni finanziarie, il grigio indica che tutte le operazioni verranno eseguite con precisione matematica al milionesimo.\n  <\/li>\n<li>\n    <strong>Rosso<\/strong>: il rosso \u00e8 un colore abbastanza audace. Tuttavia, \u00e8 magnificamente utilizzato da MasterCard in combinazione con il giallo. In questo caso, il colore indica la leadership nel settore e la qualit\u00e0 dei servizi.\n  <\/li>\n<li>\n    <strong>Giallo<\/strong>: il giallo \u00e8 il colore di uno stimolo positivo. Inconsciamente, suscita anche un senso di fiducia, sicurezza e stabilit\u00e0, oltre a motivare all'azione.\n  <\/li>\n<li>\n    <strong>Nero<\/strong>: il nero \u00e8 il colore pi\u00f9 rigoroso, che sottolinea ancora una volta la professionalit\u00e0 e le garanzie di ferro. Il nero non ammette emozioni ed errori. Questo \u00e8 il colore dell'univocit\u00e0.\n  <\/li>\n<\/ul>\n<p>\n  Esempi pratici\n<\/p>\n<p>\n  Vediamo quindi come si possono implementare nella pratica i font ei colori che abbiamo elencato.\n<\/p>\n<h5>\n  PayPal<br \/>\n<\/h5>\n<p>\n  PayPal \u00e8 un classico nella progettazione dei servizi finanziari. Sul sito vengono utilizzati i due colori pi\u00f9 popolari e affidabili: bianco e blu. Inoltre, il bianco viene utilizzato anche per l'effetto spazio vuoto per sottolineare l'importanza delle informazioni testuali.\n<\/p>\n<h5>\n  Banda<br \/>\n<\/h5>\n<p>\n  Stripe continua la tendenza classica stabilita originariamente da PayPal.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-313441-638391dab2bbe.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-313441-638391dab2bbe.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Skrill<br \/>\n<\/h5>\n<p>\n  Questo servizio utilizza un colore inaspettato: il viola, ma non rifiuta anche il blu e il bianco e aggiunge un po &#8216;di grigio.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-313441-638391ddb7575.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-313441-638391ddb7575.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Western Union<br \/>\n<\/h5>\n<p>\n  WesternUnion \u00e8 un attore del mercato finanziario forte e serio. I suoi colori sono nero, giallo come colori primari e anche bianco e blu come optional.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-313441-638391e08989a.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-313441-638391e08989a.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  In conclusione \u2013 Ricorda che non tutto dipende dalla scelta del font<br \/>\n<\/h5>\n<p>\n  Forse il tuo compito non \u00e8 risolto dalla scelta di un carattere &#8220;bello&#8221;, ma dall'uso corretto delle basi tipografiche. Nel layout, il risultato finale \u00e8 influenzato non solo dal carattere selezionato, ma anche dalla sua dimensione, dal tipo (ad esempio, grassetto o corsivo), dalla distanza tra le righe (interlinea), dalla distanza tra le lettere (tracciamento e crenatura), rientri e margini, uso di caratteri tipografici (ad esempio trattini lunghi e virgolette), colore, composizione, gerarchia visiva, presenza di altri elementi grafici e molto altro!\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\/2020\/04\/07\/financial-services-website-fonts\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>L&#8217;economia globale sta crescendo rapidamente e i servizi finanziari online continuano a conquistare il mondo. La maggior parte degli utenti di diverse parti del globo non \u00e8 stata a lungo in grado di immaginare la propria vita e la propria attivit\u00e0 senza la possibilit\u00e0 di effettuare trasferimenti di denaro da remoto e il contante sta gradualmente diventando parte del passato. Sempre pi\u00f9 banche e altre organizzazioni finanziarie stanno creando applicazioni mobili per rimanere in contatto con i propri clienti e gli startupper stanno proponendo nuove idee per implementare servizi finanziari sicuri, anche senza rappresentanza fisica. Tutto ci\u00f2 suggerisce che i servizi finanziari online sono sull&#8217;onda dello sviluppo, \u2026<\/p>\n","protected":false},"author":1,"featured_media":192175,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[251,199,56],"tags":[],"class_list":["post-255876","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-font","category-web-design","category-web-e-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255876","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=255876"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255876\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/192175"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255876"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255876"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}