{"id":21708,"date":"2024-12-18T12:41:13","date_gmt":"2024-12-18T11:41:13","guid":{"rendered":"https:\/\/webscriptum.com\/?p=21708"},"modified":"2025-02-20T09:35:04","modified_gmt":"2025-02-20T08:35:04","slug":"design-digitale-ux-ui","status":"publish","type":"post","link":"https:\/\/webscriptum.com\/design-digitale-ux-ui\/","title":{"rendered":"Design digitale: tutto quello che ti serve sapere su UX e UI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"21708\" class=\"elementor elementor-21708\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40554765 e-flex e-con-boxed e-con e-parent\" data-id=\"40554765\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-662b6a0 elementor-widget elementor-widget-text-editor\" data-id=\"662b6a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Se stai pensando di creare o migliorare il tuo sito web, sei nel posto giusto! Qui troverai approfondimenti su come progettare siti web intuitivi, accattivanti e funzionali, utilizzando i principi di UX, UI e approcci centrati sull\u2019utente. Dalle basi teoriche a consigli pratici, ti guideremo passo dopo passo per comprendere e migliorare l\u2019esperienza online dei tuoi utenti.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b197ab3 elementor-widget elementor-widget-heading\" data-id=\"b197ab3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Sommario<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/webscriptum.com\/design-digitale-ux-ui\/#UX_e_UI_scopriamo_le_differenze\" >UX e UI: scopriamo le differenze<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/webscriptum.com\/design-digitale-ux-ui\/#Che_cose_lo_Human_Centered_Design\" >Che cos\u2019\u00e8 lo Human Centered Design?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/webscriptum.com\/design-digitale-ux-ui\/#Come_funziona_il_Design_Thinking\" >Come funziona il Design Thinking?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/webscriptum.com\/design-digitale-ux-ui\/#I_6_pilastri_della_User_Experience\" >I 6 pilastri della User Experience<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/webscriptum.com\/design-digitale-ux-ui\/#Come_migliorare_lusabilita_del_tuo_sito_aziendale\" >Come migliorare l\u2019usabilit\u00e0 del tuo sito aziendale<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/webscriptum.com\/design-digitale-ux-ui\/#3_errori_da_evitare_per_una_UX_efficiente\" >3 errori da evitare per una UX efficiente<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/webscriptum.com\/design-digitale-ux-ui\/#Se_la_tua_UX_lascia_lutente_perplesso_lasciati_guidare_dal_nostro_team_di_Web_Designer\" >Se la tua UX lascia l'utente perplesso, lasciati guidare dal nostro team di Web Designer<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"UX_e_UI_scopriamo_le_differenze\"><\/span>UX e UI: scopriamo le differenze<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1398a99 elementor-widget elementor-widget-text-editor\" data-id=\"1398a99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>La <strong>User Experience<\/strong> (UX) e la <strong>User Interface<\/strong> (UI) sono due concetti fondamentali nel mondo del design digitale.<br \/>La <strong>UX<\/strong> riguarda l\u2019esperienza complessiva dell\u2019utente durante l\u2019interazione con un sito web o un\u2019applicazione, rendendola piacevole, intuitiva e accessibile. Si concentra su aspetti come l\u2019organizzazione dei contenuti, la facilit\u00e0 di navigazione e l\u2019efficienza nel raggiungere gli obiettivi prefissati dall\u2019utente.<\/p><p>La <strong>UI<\/strong>, invece, si riferisce all\u2019interfaccia visiva con cui l\u2019utente entra in contatto, includendo elementi come bottoni, menu, colori, tipografia e immagini. \u00c8 il lato estetico e comunicativo del design, che deve essere non solo accattivante ma anche funzionale e coerente, per guidare l\u2019utente in modo chiaro e intuitivo.<\/p><p>Queste due discipline devono lavorare a stretto contatto l\u2019una con l\u2019altra in quanto, se venisse a mancare una, il risultato non sarebbe soddisfacente per l\u2019utente finale. Per un lavoro completo e ottimale \u00e8 necessario per\u00f2 sviluppare un\u2019attenzione sui bisogni dell\u2019utente ed \u00e8 qui che entra in gioco l\u2019Human Center Design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9a587dc elementor-widget elementor-widget-heading\" data-id=\"9a587dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Che_cose_lo_Human_Centered_Design\"><\/span>Che cos\u2019\u00e8 lo Human Centered Design?<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0236721 elementor-widget elementor-widget-text-editor\" data-id=\"0236721\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>La <strong>progettazione centrata sulle persone<\/strong>, nota anche come design antropocentrico, \u00e8 un approccio che orienta il processo creativo e progettuale attorno alle esigenze, preferenze e comportamenti degli utenti che visiteranno le tue pagine web.<\/p><p>Questo metodo si basa sull&#8217;identificazione di profili rappresentativi, chiamati <em>personas<\/em>, che riflettono le caratteristiche principali dei tuoi potenziali utilizzatori, per garantire che il risultato finale sia intuitivo, funzionale e rispondente alle aspettative degli utenti.<br \/>Uno dei processi che utilizza questa filosofia di pensiero \u00e8 il Design Thinking.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b14f5d e-flex e-con-boxed e-con e-parent\" data-id=\"5b14f5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b52b3e8 elementor-widget elementor-widget-heading\" data-id=\"b52b3e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Come_funziona_il_Design_Thinking\"><\/span>Come funziona il Design Thinking?<span class=\"ez-toc-section-end\"><\/span><\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b83a83b elementor-widget elementor-widget-text-editor\" data-id=\"b83a83b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tIl <strong>Design Thinking<\/strong> \u00e8 un tipo di processo creativo incentrato sulla persona (Human Centered), suddiviso in 5 fasi di lavoro. Quello che lo differenzia dal classico processo creativo sono proprio le prime due fasi, focalizzate sull\u2019utente.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40e39c7 e-flex e-con-boxed e-con e-parent\" data-id=\"40e39c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ebd272 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"0ebd272\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 150 150&#039;%2F%3E\" class=\"attachment-thumbnail size-thumbnail wp-image-21712 ld-lazyload\" alt=\"Due volti che si incrociano\" data-src=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-empatizzare-150x150.jpg\" data-srcset=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-empatizzare-150x150.jpg 150w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-empatizzare-300x300.jpg 300w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-empatizzare-320x320.jpg 320w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-empatizzare.jpg 600w\" data-sizes=\"(max-width: 150px) 100vw, 150px\" data-aspect=\"1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-37d6dae elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"37d6dae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Empatizzare: <\/strong>la fase iniziale consiste nel raccogliere il maggior numero possibile di informazioni sui tuoi potenziali utenti. Questo avviene attraverso ricerche di mercato, test, focus group e sondaggi mirati. L\u2019obiettivo \u00e8 comprendere a fondo le esigenze, i desideri e i comportamenti del tuo pubblico di riferimento.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5e1ed0 e-flex e-con-boxed e-con e-parent\" data-id=\"a5e1ed0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e73244b elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"e73244b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 150 150&#039;%2F%3E\" class=\"attachment-thumbnail size-thumbnail wp-image-21713 ld-lazyload\" alt=\"Foglio con una lente di ingrandimento\" data-src=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-definire-150x150.jpg\" data-srcset=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-definire-150x150.jpg 150w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-definire-300x300.jpg 300w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-definire-320x320.jpg 320w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-definire.jpg 600w\" data-sizes=\"(max-width: 150px) 100vw, 150px\" data-aspect=\"1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-227ba6c elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"227ba6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Definire:<\/strong> in questa fase, si analizzano i dati raccolti per identificare con precisione i problemi e le opportunit\u00e0 emerse nella fase precedente. Si tratta di trasformare le informazioni in insight chiari e significativi, che guideranno l\u2019intero processo progettuale. \u00c8 qui che andiamo a metterci nei panni delle cosiddette <em>personas.<\/em><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3081b1d e-flex e-con-boxed e-con e-parent\" data-id=\"3081b1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d4f3a2f elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"d4f3a2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"150\" height=\"150\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 150 150&#039;%2F%3E\" class=\"attachment-thumbnail size-thumbnail wp-image-21714 ld-lazyload\" alt=\"matita con una lampadina che accende un&#039;idea\" data-src=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-ideare-150x150.jpg\" data-srcset=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-ideare-150x150.jpg 150w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-ideare-300x300.jpg 300w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-ideare-320x320.jpg 320w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-ideare.jpg 600w\" data-sizes=\"(max-width: 150px) 100vw, 150px\" data-aspect=\"1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43f15b4 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"43f15b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Ideare:<\/strong> la fase di ideazione segna l\u2019inizio del processo creativo. Viene progettata l\u2019architettura del sito web, definendo la cosiddetta <em>sitemape<\/em> del sito. Questo passaggio consente di organizzare i contenuti in modo logico, garantendo che il sito risulti intuitivo e facile da navigare.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a4f7334 e-flex e-con-boxed e-con e-parent\" data-id=\"a4f7334\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faf3015 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"faf3015\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 150 150&#039;%2F%3E\" class=\"attachment-thumbnail size-thumbnail wp-image-21715 ld-lazyload\" alt=\"scatola 3d\" data-src=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-prototipare-150x150.jpg\" data-srcset=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-prototipare-150x150.jpg 150w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-prototipare-300x300.jpg 300w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-prototipare-320x320.jpg 320w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-prototipare.jpg 600w\" data-sizes=\"(max-width: 150px) 100vw, 150px\" data-aspect=\"1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0063deb elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"0063deb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Prototipare:<\/strong> qui prende forma una versione preliminare del sito, integrando i principi fondamentali di UX (User Experience) e UI (User Interface). Cos\u00ec facendo, si viene a creare una simulazione interattiva e concreta di quello che potrebbe diventare il prodotto finale.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1d75ce3 e-flex e-con-boxed e-con e-parent\" data-id=\"1d75ce3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4838285 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"4838285\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 150 150&#039;%2F%3E\" class=\"attachment-thumbnail size-thumbnail wp-image-21716 ld-lazyload\" alt=\"pc\" data-src=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-testare-150x150.jpg\" data-srcset=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-testare-150x150.jpg 150w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-testare-300x300.jpg 300w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-testare-320x320.jpg 320w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/UX-e-UI-testare.jpg 600w\" data-sizes=\"(max-width: 150px) 100vw, 150px\" data-aspect=\"1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b7aaefc elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"b7aaefc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Testare:<\/strong> una volta sviluppato il prototipo, questo viene sottoposto sotto forma di test da parte di potenziali utenti che, interagendo con il sito, potranno verificare se i problemi identificati inizialmente siano stati risolti. Si raccolgono feedback utili e si apportano ulteriori miglioramenti prima di metterlo online.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f55a73d e-flex e-con-boxed e-con e-parent\" data-id=\"f55a73d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ff51264 elementor-widget elementor-widget-text-editor\" data-id=\"ff51264\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #000000;\">Dopo aver imparato come metterci nei panni dei nostri clienti, vediamo ora alcuni trucchi per capire nel concreto come risolvere le loro problematiche.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5412442 elementor-widget elementor-widget-heading\" data-id=\"5412442\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"I_6_pilastri_della_User_Experience\"><\/span>I 6 pilastri della User Experience<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1355eb6 elementor-widget elementor-widget-text-editor\" data-id=\"1355eb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<strong>Donald Arthur Norman<\/strong>, padre fondatore della UX, e <strong>Jacob Nielsen<\/strong> hanno ideato nel 1988 quelli che ad oggi possiamo definire i pilastri della User Experience. Tutt\u2019ora utilizzati nelle fasi di progettazione di un sito web, questi principi si basano sulla psicologia umana mettendo la persona al centro del processo.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e7f2846 e-flex e-con-boxed e-con e-parent\" data-id=\"e7f2846\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-faf572e elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"faf572e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 150 150&#039;%2F%3E\" class=\"elementor-animation-grow attachment-thumbnail size-thumbnail wp-image-21717 ld-lazyload\" alt=\"1\" data-src=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/1-150x150.jpg\" data-srcset=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/1-150x150.jpg 150w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/1-300x300.jpg 300w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/1-320x320.jpg 320w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/1.jpg 600w\" data-sizes=\"(max-width: 150px) 100vw, 150px\" data-aspect=\"1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86a7f33 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"86a7f33\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Affordance:<\/strong> riguarda ci\u00f2 che un oggetto o un elemento comunica al suo utente in termini di utilizzo. Gli elementi di un sito web devono suggerire chiaramente la loro funzione, ad esempio un pulsante dovrebbe sembrare cliccabile grazie alla sua forma o pi\u00f9 genericamente, un\u2019icona di un cestino deve visivamente indicare che pu\u00f2 essere selezionata per eliminare un file.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab579e7 e-flex e-con-boxed e-con e-parent\" data-id=\"ab579e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f861ac2 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"f861ac2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 150 150&#039;%2F%3E\" class=\"elementor-animation-grow attachment-thumbnail size-thumbnail wp-image-21718 ld-lazyload\" alt=\"2\" data-src=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/2-150x150.jpg\" data-srcset=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/2-150x150.jpg 150w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/2-300x300.jpg 300w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/2-320x320.jpg 320w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/2.jpg 600w\" data-sizes=\"(max-width: 150px) 100vw, 150px\" data-aspect=\"1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1158d88 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"1158d88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Significanti:<\/strong> sono segnali che guidano gli utenti su come interagire con un\u2019interfaccia, anticipando quello che succeder\u00e0.\u00a0 Ad esempio, un bottone etichettato con \u201cInvia richiesta\u201d specifica l\u2019azione che verr\u00e0 compiuta cliccandoci sopra.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-42ea5ab e-flex e-con-boxed e-con e-parent\" data-id=\"42ea5ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65e511e elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"65e511e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 150 150&#039;%2F%3E\" class=\"elementor-animation-grow attachment-thumbnail size-thumbnail wp-image-21719 ld-lazyload\" alt=\"\" data-src=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/3-150x150.jpg\" data-srcset=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/3-150x150.jpg 150w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/3-300x300.jpg 300w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/3-320x320.jpg 320w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/3.jpg 600w\" data-sizes=\"(max-width: 150px) 100vw, 150px\" data-aspect=\"1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d9a017 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9d9a017\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Mapping:<\/strong> si riferisce alla relazione tra comandi e risultati, i quali devono seguire una logica. Un men\u00f9 a tendina, ad esempio, dovrebbe apparire direttamente sotto il titolo su cui si clicca, in una posizione prevedibile.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d5ab0fe e-flex e-con-boxed e-con e-parent\" data-id=\"d5ab0fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f1adf0 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"2f1adf0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 150 150&#039;%2F%3E\" class=\"elementor-animation-grow attachment-thumbnail size-thumbnail wp-image-21720 ld-lazyload\" alt=\"\" data-src=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/4-150x150.jpg\" data-srcset=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/4-150x150.jpg 150w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/4-300x300.jpg 300w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/4-320x320.jpg 320w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/4.jpg 600w\" data-sizes=\"(max-width: 150px) 100vw, 150px\" data-aspect=\"1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4ca9a3 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"e4ca9a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Vincoli:<\/strong> limitano le azioni che un utente pu\u00f2 compiere, riducendo possibili errori. Se nella sezione contatti del tuo sito web, \u00e8 presente un form da compilare in cui si richiede un numero di telefono, il form stesso dovrebbe accettare solo numeri, bloccando automaticamente lettere o simboli.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0723844 e-flex e-con-boxed e-con e-parent\" data-id=\"0723844\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-059d07f elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"059d07f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 150 150&#039;%2F%3E\" class=\"elementor-animation-grow attachment-thumbnail size-thumbnail wp-image-21721 ld-lazyload\" alt=\"5\" data-src=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/5-150x150.jpg\" data-srcset=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/5-150x150.jpg 150w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/5-300x300.jpg 300w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/5-320x320.jpg 320w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/5.jpg 600w\" data-sizes=\"(max-width: 150px) 100vw, 150px\" data-aspect=\"1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ee1a4fd elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ee1a4fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Feedback:<\/strong> fornisce all\u2019utente informazioni sul risultato di un\u2019azione. \u201cIl tuo messaggio \u00e8 stato inviato con successo\u201d o \u201cLa password inserita \u00e8 errata\u201d, sono comunicazioni essenziali per rassicurare l\u2019utente su ci\u00f2 che sta compiendo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b882eb e-flex e-con-boxed e-con e-parent\" data-id=\"4b882eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17c6b32 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"17c6b32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"150\" src=\"data:image\/svg+xml;charset=utf-8,%3Csvg xmlns%3D&#039;http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg&#039; viewBox%3D&#039;0 0 150 150&#039;%2F%3E\" class=\"elementor-animation-grow attachment-thumbnail size-thumbnail wp-image-21722 ld-lazyload\" alt=\"\" data-src=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/6-150x150.jpg\" data-srcset=\"https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/6-150x150.jpg 150w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/6-300x300.jpg 300w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/6-320x320.jpg 320w, https:\/\/webscriptum.com\/wp-content\/uploads\/2024\/12\/6.jpg 600w\" data-sizes=\"(max-width: 150px) 100vw, 150px\" data-aspect=\"1\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d9530f0 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"d9530f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Modello concettuale:<\/strong> \u00e8 la rappresentazione mentale che un utente si crea su come funziona un sistema. Nel caso di un e-commerce, il carrello per gli acquisti deve funzionare esattamente come un carrello della spesa nel quale si aggiungono prodotti da acquistare.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02d18a8 e-flex e-con-boxed e-con e-parent\" data-id=\"02d18a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-708fd8f elementor-widget elementor-widget-heading\" data-id=\"708fd8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Come_migliorare_lusabilita_del_tuo_sito_aziendale\"><\/span>Come migliorare l\u2019usabilit\u00e0 del tuo sito aziendale<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb9ca50 elementor-widget elementor-widget-text-editor\" data-id=\"cb9ca50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tAvere un sito web ottimizzato a livello di UX e UI \u00e8 fondamentale per mantenere all\u2019interno del tuo sito aziendale potenziali clienti e utenti che lo vengono a visitare, evitando che questi possano uscirne e ricercare le informazioni che gli servono da eventuali competitor.<br><br>\n\nMa non temere, siamo qui per darti alcuni dei nostri consigli.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-581f785 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"581f785\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Struttura il men\u00f9 in modo chiaro e intuitivo:<\/b> il men\u00f9 \u00e8 come una mappa che guida l\u2019utente. Organizzalo in modo chiaro e intuitivo mettendo subito in evidenza le sezioni principali di modo che possano essere trovate nel minor tempo possibile dal tuo pubblico.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Rendi veloce il caricamento:<\/b> i secondi contano soprattutto online. Un sito lento risulta frustrante per gli utenti che lo vanno a visitare i quali saranno portati ad abbandonarlo. Ottimizza le immagini riducendone il peso, precarica le risorse esterne e rimanda l\u2019esecuzione del Java Script pesante.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-check-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Ottimizza il responsive:<\/b> oggi gli utenti accedono da una variet\u00e0 di dispositivi \u2013 desktop, tablet fino agli smartphone. Assicurati che il tuo design si adatti a ogni schermo, mantenendo leggibilit\u00e0 e facilit\u00e0 d\u2019uso.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dfb3c1a e-flex e-con-boxed e-con e-parent\" data-id=\"dfb3c1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-467816e elementor-widget elementor-widget-heading\" data-id=\"467816e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"3_errori_da_evitare_per_una_UX_efficiente\"><\/span>3 errori da evitare per una UX efficiente<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2836276 elementor-widget elementor-widget-text-editor\" data-id=\"2836276\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\tAnche i migliori siti web possono inciampare in errori comuni che compromettono l\u2019esperienza dell\u2019utente. Evitarli \u00e8 essenziale per mantenere alta la soddisfazione dei visitatori e ridurre tassi di abbandono.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea50b30 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"ea50b30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-times-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Evita call to action poco visibili o ambigue:<\/b> un pulsante \u201ccontattaci\u201d che si perde nella pagina non \u00e8 efficace. Assicurati che i tuoi inviti all\u2019azione siano ben posizionati, contestualizzati ed evidenti. Aiutati con l\u2019utilizzo di colori che contrastino con lo sfondo evitando tonalit\u00e0 troppo simili al resto della pagina, rendendo le CTA difficili da notare.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-times-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Non lasciare i tuoi utenti nel dubbio:<\/b> gli utenti devono sapere se l\u2019operazione che hanno appena compiuto sia andata a buon fine. Se dopo aver inviato un modulo \u2013 ad esempio, per richiedere un preventivo \u2013 non compare un messaggio di conferma, il tuo potenziale cliente potrebbe sentirsi scoraggiato e confuso, chiedendosi se l\u2019invio sia stato registrato correttamente. Per questo, ti suggeriamo di inserire sempre un messaggio di conferma, come ad esempio \u201cGrazie! La tua richiesta \u00e8 stata inviata con successo!\u201d. Ti consentir\u00e0 di aumentare la fiducia verso la tua azienda e rassicurare il tuo visitatore.<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-times-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\"><b>Evita la banalit\u00e0:<\/b> cura la UX Writing delle tue CTA o form di contatto cercando di evitare frasi generiche come \u201cContattaci\u201d o \u201cClicca qui\u201d. Non trasmettono alcun significato o emozione al tuo pubblico. Opta invece per un linguaggio coinvolgente e chiaro, che spieghi cosa accadr\u00e0 dopo l\u2019azione. <\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7396752 e-flex e-con-boxed e-con e-parent\" data-id=\"7396752\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8ca86b elementor-widget elementor-widget-heading\" data-id=\"d8ca86b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><span class=\"ez-toc-section\" id=\"Se_la_tua_UX_lascia_lutente_perplesso_lasciati_guidare_dal_nostro_team_di_Web_Designer\"><\/span>Se la tua UX lascia l'utente perplesso, lasciati guidare dal nostro team di Web Designer<span class=\"ez-toc-section-end\"><\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d58e541 elementor-widget elementor-widget-text-editor\" data-id=\"d58e541\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Realizzare un sito web non \u00e8 affatto semplice e come hai potuto capire, richiede impegno e attenzione ai dettagli. Affidandoti a noi, avrai testi efficaci e una struttura progettata seguendo i principi di UX e UI. Una volta completato il progetto, te lo presenteremo per eventuali modifiche, e saremo pronti a metterlo online, per farlo spiccare nel vasto mondo del web.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e748d0d e-flex e-con-boxed e-con e-parent\" data-id=\"e748d0d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe9fa83 elementor-widget elementor-widget-heading\" data-id=\"fe9fa83\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Vuoi realizzare insieme il tuo sito web? <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a0e13ff ws-button black-background elementor-align-center elementor-widget elementor-widget-ld_button\" data-id=\"a0e13ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ld_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t\t<a\n\t\t\t\thref=\"\/contatti\/\"class=\"elementor-button btn btn-solid btn-hover-txt-liquid-x-alt btn-lg btn-icon-shaped btn-has-label\"\t\t\t>\n\t\t\t\t\t\t\t\t\t<span data-text=\"CONOSCIAMOCI DI PERSONA\" class=\"btn-txt\" data-transition-delay=\"true\" data-delay-options=\"{&quot;elements&quot;: &quot;.lqd-chars&quot;, &quot;delayType&quot;: &quot;animation&quot;, &quot;startDelay&quot;: 0, &quot;delayBetween&quot;: 32.5, &quot;reverse&quot;: true}\" data-split-text=\"true\" data-split-options=\"{&quot;type&quot;: &quot;chars, words&quot;}\">\n\t\t\t\t\t\tCONOSCIAMOCI DI PERSONA\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Scopri come migliorare il tuo sito web con UX e UI: principi, strumenti e consigli pratici per un design intuitivo e centrato sull\u2019utente.<\/p>\n","protected":false},"author":1,"featured_media":22551,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59,51],"tags":[],"class_list":["post-21708","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","category-aziende"],"_links":{"self":[{"href":"https:\/\/webscriptum.com\/wp-json\/wp\/v2\/posts\/21708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webscriptum.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webscriptum.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webscriptum.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webscriptum.com\/wp-json\/wp\/v2\/comments?post=21708"}],"version-history":[{"count":0,"href":"https:\/\/webscriptum.com\/wp-json\/wp\/v2\/posts\/21708\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webscriptum.com\/wp-json\/wp\/v2\/media\/22551"}],"wp:attachment":[{"href":"https:\/\/webscriptum.com\/wp-json\/wp\/v2\/media?parent=21708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webscriptum.com\/wp-json\/wp\/v2\/categories?post=21708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webscriptum.com\/wp-json\/wp\/v2\/tags?post=21708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}