{"id":49549,"date":"2017-09-15T06:00:25","date_gmt":"2017-09-15T04:00:25","guid":{"rendered":"http:\/\/smeupnew.it\/magazine\/blog\/interfaccia-grafica\/"},"modified":"2021-10-11T16:30:42","modified_gmt":"2021-10-11T14:30:42","slug":"interfaccia-grafica","status":"publish","type":"post","link":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/","title":{"rendered":"Interfaccia grafica: l&#8217;importanza della user experience"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 nonhundred-percent-fullwidth non-hundred-percent-height-scrolling gradient-container-1\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><\/div><div class=\"fusion-builder-row fusion-row\"><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"--awb-bg-size:cover;--awb-margin-top:0px;--awb-margin-bottom:0px;width:100%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-1\"><p><strong>L&#8217;interfaccia grafica di un&#8217;applicazione<\/strong> deve tenere conto della User experience dell&#8217;utente.<br \/>\nIn particolare, la <strong>User Experience<\/strong> (esperienza utente o UX) di un\u2019applicazione deriva da tre fattori:<\/p>\n<ul>\n<li>Layout<\/li>\n<li>Funzionalit\u00e0<\/li>\n<li>Interazione<\/li>\n<\/ul>\n<p>Il laboratorio di smeup lavora per migliorare costantemente ognuno di questi componenti, per questo \u00e8 stato effettuato un <strong>re-styling dell\u2019interfaccia grafica di Web.UP<\/strong>, con il duplice obiettivo di \u201cmodernizzare\u201d l\u2019aspetto e migliorare l\u2019interazione utente.<br \/>\n<strong>\u201cMobile first\u201d<\/strong>: in un mondo in cui il numero di utenti che utilizzano smartphone \u00e8 in continuo aumento, da dove partire se non dalla versione mobile?<br \/>\nIl primo passo \u00e8 stato analizzare i principali difetti della grafica in uso:<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;--awb-margin-top:0px;--awb-margin-bottom:0px;width:48%; margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element fusion-image-align-center in-legacy-container\" style=\"text-align:center;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"246\" height=\"350\" alt=\"smeup interfaccia grafica user experience sbagliata\" title=\"smeup interfaccia grafica user experience sbagliata\" src=\"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/smeup-interfaccia-grafica-sbagliata.png\" data-orig-src=\"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/smeup-interfaccia-grafica-sbagliata.png\" class=\"lazyload img-responsive wp-image-52479\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27246%27%20height%3D%27350%27%20viewBox%3D%270%200%20246%20350%27%3E%3Crect%20width%3D%27246%27%20height%3D%27350%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/smeup-interfaccia-grafica-sbagliata-200x285.png 200w, https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/smeup-interfaccia-grafica-sbagliata.png 246w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1024px) 100vw, 246px\" \/><\/span><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;--awb-margin-top:0px;--awb-margin-bottom:0px;width:48%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:60px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-2\" style=\"--awb-content-alignment:left;\"><p><span style=\"color: #a6192e;\">La testata ha troppi pulsanti<\/span><br \/>\n<span style=\"color: #a6192e;\">Ci sono due differenti menu<\/span><br \/>\n<span style=\"color: #a6192e;\">Il focus della pagina \u00e8 sulle sezioni, enfatizzato dallo \u201cstacco\u201d tra una sezione e la successiva<\/span><br \/>\n<span style=\"color: #a6192e;\">Diversi elementi (ad es. le icone nei pulsanti) sono centrati, e si crea un fastidioso effetto di disallineamento<\/span><\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"--awb-bg-size:cover;--awb-margin-top:0px;--awb-margin-bottom:0px;width:100%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-text fusion-text-3\"><h2>Come migliorare?<\/h2>\n<p>L&#8217;analisi dei difetti \u00e8 il punto di partenza per ripensare all&#8217;intera interfaccia. Naturalmente il primo fattore da considerare, quello pi\u00f9 visibile anche all\u2019utente meno esperto, \u00e8 il <strong>colore<\/strong>.<br \/>\nPer la nuova versione ci siamo ispirati al <strong>material design<\/strong>, passando ad una palette pi\u00f9 moderna: verde per gli elementi principali, e giallo per i punti in evidenza e le azioni.\u00a0Sempre seguendo gli esempi del material design (specialmente quanto fatto per molte applicazioni Android) i pulsanti nella testata sono stati alleggeriti togliendo lo sfondo, e il pulsante \u201cindietro\u201d \u00e8 l\u2019unico a sinistra.<br \/>\nOgni pagina (o per gli addetti ai lavori la \u201cscheda\u201d) deve essere uniforme, per questo motivo si \u00e8 scelto di eliminare lo sfondo bianco. Non essendoci stacco tra le varie sezioni la schermata <strong>risulta pi\u00f9 armonica<\/strong>; in questo modo ci si focalizza sul singolo componente, e non sulla sezione.<\/p>\n<h2>Web.UP e le regole della &#8220;Gestalt&#8221;<\/h2>\n<p>Un altro modo per rendere pi\u00f9 omogeneo il risultato \u00e8 stato applicare (almeno in parte)<strong> le regole della \u201cGestalt\u201d<\/strong>. Senza scendere nei dettagli (e spiegandola in modo molto approssimativo) si tratta di organizzare la pagina secondo principi come:<\/p>\n<ul>\n<li>prossimit\u00e0 e vicinanza: elementi vicini tra loro vengono percepiti come un\u2019unica entit\u00e0<\/li>\n<li>similarit\u00e0: elementi simili sono messi automaticamente in relazione dall\u2019utente<\/li>\n<li>contrasto: un elemento \u00e8 percepito per contrasto con il suo sfondo<\/li>\n<li>continuit\u00e0: elementi simili, posti uno dietro l\u2019altro, danno un\u2019idea di unitariet\u00e0.<\/li>\n<\/ul>\n<p>Ultimo ma non ultimo, l\u2019<strong>utilizzo delle forme<\/strong>. Per rendere il tutto pi\u00f9 \u201cleggero\u201d da un punto di vista di carico cognitivo abbiamo arrotondato molti elementi (che richiamano indirettamente alle forme del logo smeup).<br \/>\nEcco una schematizzazione di alcuni elementi appena citati:<\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-first\" style=\"--awb-bg-size:cover;--awb-margin-top:0px;--awb-margin-bottom:0px;width:48%; margin-right: 4%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-image-element fusion-image-align-center in-legacy-container\" style=\"text-align:center;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><div class=\"imageframe-align-center\"><span class=\" fusion-imageframe imageframe-none imageframe-2 hover-type-none\"><img decoding=\"async\" width=\"246\" height=\"350\" alt=\"smeup interfaccia grafica user experience corretta\" title=\"smeup interfaccia grafica user experience corretta\" src=\"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/smeup-interfaccia-grafica-corretta.png\" data-orig-src=\"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/smeup-interfaccia-grafica-corretta.png\" class=\"lazyload img-responsive wp-image-52481\" srcset=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27246%27%20height%3D%27350%27%20viewBox%3D%270%200%20246%20350%27%3E%3Crect%20width%3D%27246%27%20height%3D%27350%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-srcset=\"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/smeup-interfaccia-grafica-corretta-200x285.png 200w, https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/smeup-interfaccia-grafica-corretta.png 246w\" data-sizes=\"auto\" data-orig-sizes=\"(max-width: 1024px) 100vw, 246px\" \/><\/span><\/div><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-bottom:10px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-5 fusion_builder_column_1_2 1_2 fusion-one-half fusion-column-last\" style=\"--awb-bg-size:cover;--awb-margin-top:0px;--awb-margin-bottom:0px;width:48%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-separator fusion-full-width-sep\" style=\"margin-left: auto;margin-right: auto;margin-top:40px;width:100%;\"><\/div><div class=\"fusion-sep-clear\"><\/div><div class=\"fusion-text fusion-text-4\" style=\"--awb-content-alignment:left;\"><p><span style=\"color: #3b9c06;\"><strong>\u2713<\/strong> La testata risulta pi\u00f9 leggera, senza sfondi per i pulsanti di azione<\/span><br \/>\n<span style=\"color: #3b9c06;\"><strong>\u2713<\/strong> I menu sono raggruppati in un unico pulsante<\/span><br \/>\n<span style=\"color: #3b9c06;\"><strong>\u2713<\/strong> Con l\u2019uso di un unico sfondo il focus della pagina \u00e8 ora sui contenuti<\/span><br \/>\n<span style=\"color: #3b9c06;\"><strong>\u2713<\/strong> Gli elementi della pagina sono stati rivisti per essere maggiormente allineati, e di dimensioni simili<\/span><\/p>\n<\/div><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-6 fusion_builder_column_1_1 1_1 fusion-one-full fusion-column-first fusion-column-last\" style=\"--awb-bg-size:cover;--awb-margin-top:0px;--awb-margin-bottom:0px;width:100%;\"><div class=\"fusion-column-wrapper fusion-flex-column-wrapper-legacy\"><div class=\"fusion-clearfix\"><\/div><\/div><\/div><div class=\"fusion-text fusion-text-5\"><\/div><\/p>\n<h2>Web.UP, l&#8217;interfaccia Web di Sme.UP ERP<\/h2>\n<p>Gli stessi principi di cui abbiamo parlato sono stati applicati su tutti i componenti di <strong>Web.UP<\/strong>, l&#8217;interfaccia Web di <a href=\"https:\/\/www.smeup.com\/prodotti\/sme-up-erp\/\" target=\"_blank\" rel=\"noopener\">Sme.UP ERP<\/a>, dai pulsanti alle matrici, dall\u2019input panel al calendario.<\/p>\n<p>I prossimi passi saranno lo sviluppo della nuova linea grafica nelle versioni desktop e tablet, in coerenza con quanto appena visto per il mobile, ovvero semplificando, armonizzando e migliorando gli aspetti pi\u00f9 critici.<br \/>\nLa grafica, l\u2019usabilit\u00e0 e i layout sono in continua evoluzione, ad ogni aggiornamento avrai a disposizione nuove funzioni e miglioramenti.<br \/>\nOvviamente sar\u00e0 sempre possibile, come ora, personalizzare l\u2019aspetto della tua applicazione, usando immagini, colori e altri elementi che rispecchino la tua identit\u00e0 aziendale e il tuo brand.<\/p>\n<p>Come avere questa nuova grafica? E\u2019 sufficiente installare l\u2019ultima stable release di Web.UP!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&#8217;interfaccia grafica di un&#8217;applicazione deve tenere conto della User experience dell&#8217;utente. In particolare, la User Experience (esperienza utente o UX) di un\u2019applicazione deriva da tre fattori: Layout, Funzionalit\u00e0, Interazione.<br \/>\nIl laboratorio del Gruppo Sme.UP lavora per migliorare costantemente ognuno di questi componenti, per questo \u00e8 stato effettuato\u00a0un re-styling dell\u2019interfaccia grafica di Web.UP, con il duplice obiettivo di \u201cmodernizzare\u201d l\u2019aspetto e migliorare l\u2019interazione utente.<br \/>\n\u201cMobile first\u201d: in un mondo in cui il numero di utenti che utilizzano smartphone \u00e8 in continuo aumento, da dove partire se non dalla versione mobile?<\/p>\n","protected":false},"author":1,"featured_media":52483,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[7174],"tags":[4007,4008,3769],"class_list":["post-49549","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-applicazioni","tag-applicazione-web","tag-interfaccia-grafica","tag-user-experience"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Interfaccia grafica: l&#039;importanza della user experience<\/title>\n<meta name=\"description\" content=\"Interfaccia grafica,l&#039;importanza della user experience:usare applicazioni web&amp;mobile di software erp garantendo una buona esperienza utente.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Interfaccia grafica: l&#039;importanza della user experience\" \/>\n<meta property=\"og:description\" content=\"Interfaccia grafica,l&#039;importanza della user experience:usare applicazioni web&amp;mobile di software erp garantendo una buona esperienza utente.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/\" \/>\n<meta property=\"og:site_name\" content=\"Magazine\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-15T04:00:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-11T14:30:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/importanza-interfaccia-grafica.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"smeup\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"smeup\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/\"},\"author\":{\"name\":\"smeup\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#\\\/schema\\\/person\\\/194a55d96e7e52223a84ff78468bf5c7\"},\"headline\":\"Interfaccia grafica: l&#8217;importanza della user experience\",\"datePublished\":\"2017-09-15T04:00:25+00:00\",\"dateModified\":\"2021-10-11T14:30:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/\"},\"wordCount\":1999,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2017\\\/09\\\/importanza-interfaccia-grafica.jpg\",\"keywords\":[\"applicazione web\",\"interfaccia grafica\",\"user experience\"],\"articleSection\":[\"Applicazioni\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/\",\"url\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/\",\"name\":\"Interfaccia grafica: l'importanza della user experience\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2017\\\/09\\\/importanza-interfaccia-grafica.jpg\",\"datePublished\":\"2017-09-15T04:00:25+00:00\",\"dateModified\":\"2021-10-11T14:30:42+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#\\\/schema\\\/person\\\/194a55d96e7e52223a84ff78468bf5c7\"},\"description\":\"Interfaccia grafica,l'importanza della user experience:usare applicazioni web&mobile di software erp garantendo una buona esperienza utente.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2017\\\/09\\\/importanza-interfaccia-grafica.jpg\",\"contentUrl\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/wp-content\\\/uploads\\\/sites\\\/5\\\/2017\\\/09\\\/importanza-interfaccia-grafica.jpg\",\"width\":1600,\"height\":300,\"caption\":\"smeup importanza interfaccia grafica\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/interfaccia-grafica\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Interfaccia grafica: l&#8217;importanza della user experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#website\",\"url\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/\",\"name\":\"Magazine\",\"description\":\"smeup\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/#\\\/schema\\\/person\\\/194a55d96e7e52223a84ff78468bf5c7\",\"name\":\"smeup\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g\",\"caption\":\"smeup\"},\"sameAs\":[\"https:\\\/\\\/www.smeup.com\"],\"url\":\"https:\\\/\\\/www.smeup.com\\\/magazine\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Interfaccia grafica: l'importanza della user experience","description":"Interfaccia grafica,l'importanza della user experience:usare applicazioni web&mobile di software erp garantendo una buona esperienza utente.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/","og_locale":"it_IT","og_type":"article","og_title":"Interfaccia grafica: l'importanza della user experience","og_description":"Interfaccia grafica,l'importanza della user experience:usare applicazioni web&mobile di software erp garantendo una buona esperienza utente.","og_url":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/","og_site_name":"Magazine","article_published_time":"2017-09-15T04:00:25+00:00","article_modified_time":"2021-10-11T14:30:42+00:00","og_image":[{"width":1600,"height":300,"url":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/importanza-interfaccia-grafica.jpg","type":"image\/jpeg"}],"author":"smeup","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"smeup","Tempo di lettura stimato":"6 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/#article","isPartOf":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/"},"author":{"name":"smeup","@id":"https:\/\/www.smeup.com\/magazine\/#\/schema\/person\/194a55d96e7e52223a84ff78468bf5c7"},"headline":"Interfaccia grafica: l&#8217;importanza della user experience","datePublished":"2017-09-15T04:00:25+00:00","dateModified":"2021-10-11T14:30:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/"},"wordCount":1999,"commentCount":0,"image":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/#primaryimage"},"thumbnailUrl":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/importanza-interfaccia-grafica.jpg","keywords":["applicazione web","interfaccia grafica","user experience"],"articleSection":["Applicazioni"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/","url":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/","name":"Interfaccia grafica: l'importanza della user experience","isPartOf":{"@id":"https:\/\/www.smeup.com\/magazine\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/#primaryimage"},"image":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/#primaryimage"},"thumbnailUrl":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/importanza-interfaccia-grafica.jpg","datePublished":"2017-09-15T04:00:25+00:00","dateModified":"2021-10-11T14:30:42+00:00","author":{"@id":"https:\/\/www.smeup.com\/magazine\/#\/schema\/person\/194a55d96e7e52223a84ff78468bf5c7"},"description":"Interfaccia grafica,l'importanza della user experience:usare applicazioni web&mobile di software erp garantendo una buona esperienza utente.","breadcrumb":{"@id":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/#primaryimage","url":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/importanza-interfaccia-grafica.jpg","contentUrl":"https:\/\/www.smeup.com\/magazine\/wp-content\/uploads\/sites\/5\/2017\/09\/importanza-interfaccia-grafica.jpg","width":1600,"height":300,"caption":"smeup importanza interfaccia grafica"},{"@type":"BreadcrumbList","@id":"https:\/\/www.smeup.com\/magazine\/blog\/interfaccia-grafica\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.smeup.com\/magazine\/"},{"@type":"ListItem","position":2,"name":"Interfaccia grafica: l&#8217;importanza della user experience"}]},{"@type":"WebSite","@id":"https:\/\/www.smeup.com\/magazine\/#website","url":"https:\/\/www.smeup.com\/magazine\/","name":"Magazine","description":"smeup","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.smeup.com\/magazine\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.smeup.com\/magazine\/#\/schema\/person\/194a55d96e7e52223a84ff78468bf5c7","name":"smeup","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a88cc3ad6c0af01768fe2ac47c88a321699d97ced53c173f66ceaa51400f43ca?s=96&d=mm&r=g","caption":"smeup"},"sameAs":["https:\/\/www.smeup.com"],"url":"https:\/\/www.smeup.com\/magazine\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/posts\/49549","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/comments?post=49549"}],"version-history":[{"count":3,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/posts\/49549\/revisions"}],"predecessor-version":[{"id":55488,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/posts\/49549\/revisions\/55488"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/media\/52483"}],"wp:attachment":[{"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/media?parent=49549"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/categories?post=49549"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.smeup.com\/magazine\/wp-json\/wp\/v2\/tags?post=49549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}