{"id":10,"date":"2021-06-04T16:02:33","date_gmt":"2021-06-04T14:02:33","guid":{"rendered":"\/?page_id=10"},"modified":"2022-06-09T08:25:22","modified_gmt":"2022-06-09T06:25:22","slug":"user-interface-interaction-design","status":"publish","type":"page","link":"https:\/\/opencityitalia.it\/user-interface-interaction-design\/","title":{"rendered":"User interface e interaction design"},"content":{"rendered":"\n<p>Tutte le interfacce di un sito web realizzato con OpenCity sono basate su Bootstrap e in particolare su <strong>Bootstrap Italia<\/strong> e sul <strong>modello per i siti e i servizi digitali dei comuni italiani<\/strong>, i kit realizzati dal Dipartimento per la digitalizzazione di Presidenza del Consiglio.<\/p>\n\n\n\n<p>L&#8217;esito \u00e8 un sito web facile da navigare e da usare in tutte le sue aree: <strong>sezioni informative, area personale, flussi di attivazione di un servizio<\/strong>. Lo stesso approccio \u00e8 utilizzato per progettare le interfacce che permettono l&#8217;accesso e l&#8217;uso quotidiano a funzionari e dirigenti pubblici.<\/p>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"has-text-align-center\">Potrebbe interessarti<\/h2>\n\n\n\n<style type=\"text\/css\">\n  #block-document-block_60c540f99d8d3 {\n    \/* Add styles that use ACF values here *\/\n  }\n<\/style>\n\n<div id=\"block-document-block_60c540f99d8d3\" class=\"oc-block vw-100 mb-1 block-block-document\">\n  <div class=\"container\">\n    <div class=\"row justify-content-center\">\n      <div class=\"col-lg-10\">\n        <div class=\"row justify-content-center\">\n                    <div class=\"col-lg-6 mb-1 mb-lg-2\">\n            <div class=\"card card-border card-simple-icon-left card-link h-100\">\n              <div class=\"card-body\">\n                                                                <a href=\"https:\/\/opencityitalia.it\/un-back-office-progettato-con-cura\/\" >\n                  <div class=\"svg-icon\">\n                                                            <svg class=\"svg-link\"><use xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" xlink:href=\"#svg-link\"><\/use><\/svg>\n                                      <\/div><!-- \/svg-icon -->\n                  <div class=\"card-content\">\n                                        <h3>Un back office su misura per i funzionari<\/h3>\n                  <\/div><!-- \/card-content -->\n                  <div class=\"card-icon\">\n                    <svg class=\"svg-arrow-simple-right\"><use xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" xlink:href=\"#svg-arrow-simple-right\"><\/use><\/svg>\n                  <\/div><!-- \/card-icon -->\n                <\/a>\n              <\/div><!-- \/card-body -->\n            <\/div><!-- \/card -->\n          <\/div><!-- \/col-lg-6 -->\n                  <\/div><!-- \/row -->\n      <\/div><!-- \/col-lg-10 -->\n    <\/div><!-- \/row -->\n  <\/div><!-- \/container -->\n<\/div><!-- \/oc-block -->\n\n\n<h2>Aspetti normativi<\/h2>\n\n\n\n<p>L&#8217;impegno a realizzare servizi semplici \u00e8 uno dei pilastri della normativa relativa alla digitalizzazione della pubblica amministrazione, a partire dal Codice per l&#8217;amministrazione digitale (CAD).<\/p>\n\n\n\n<p>Nello specifico, Presidenza del Consiglio ha prodotto linee guida per il design dei servizi pubblici e linee guida per l&#8217;accessibilit\u00e0 che forniscono gli elementi di indirizzo pi\u00f9 specifici sull&#8217;argomento.<\/p>\n\n\n\n<h2>Aspetti tecnologici<\/h2>\n\n\n\n<p>L&#8217;intera piattaforma \u00e8 progettata dall&#8217;inizio con Bootstrap Italia e beneficia delle componenti di frontend, sviluppate e testate da Presidenza del Consiglio.<\/p>\n\n\n\n<p>Inoltre, abbiamo un processo di ottimizzazione della user experience basato su design pattern: progettiamo e testiamo a lungo i miglioramenti prima di metterli a disposizione delle centinaia di enti locali che usano OpenCity.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tutte le interfacce di un sito web realizzato con OpenCity sono basate su Bootstrap e in particolare su Bootstrap Italia e sul modello per i siti e i servizi digitali dei comuni italiani, i kit realizzati dal Dipartimento per la digitalizzazione di Presidenza del Consiglio. L&#8217;esito \u00e8 un sito web facile da navigare e da&#8230;  <a href=\"https:\/\/opencityitalia.it\/user-interface-interaction-design\/\" title=\"Read User interface e interaction design\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":2,"featured_media":594,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-come-funziona.php","meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<meta name=\"description\" content=\"Design siti comunali: interfacce utente progettate con cura secondo il modello e i kit ufficiali per i siti e servizi digitali dei comuni\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/opencityitalia.it\/user-interface-interaction-design\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Esperienza utente siti e servizi digitali dei comuni italiani - OpenCity Italia\" \/>\n<meta property=\"og:description\" content=\"Design siti comunali: interfacce utente progettate con cura secondo il modello e i kit ufficiali per i siti e servizi digitali dei comuni\" \/>\n<meta property=\"og:url\" content=\"https:\/\/opencityitalia.it\/user-interface-interaction-design\/\" \/>\n<meta property=\"og:site_name\" content=\"OpenCity Italia\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-09T06:25:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/opencityitalia.it\/wp-content\/uploads\/2021\/09\/user-interface-interaction-design.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/opencityitalia.it\/#website\",\"url\":\"https:\/\/opencityitalia.it\/\",\"name\":\"OpenCity Italia\",\"description\":\"Servizi pubblici digitali per la tua citt\\u00e0\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/opencityitalia.it\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/opencityitalia.it\/user-interface-interaction-design\/#primaryimage\",\"inLanguage\":\"it-IT\",\"url\":\"https:\/\/opencityitalia.it\/wp-content\/uploads\/2021\/09\/user-interface-interaction-design.png\",\"contentUrl\":\"https:\/\/opencityitalia.it\/wp-content\/uploads\/2021\/09\/user-interface-interaction-design.png\",\"width\":1200,\"height\":630},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/opencityitalia.it\/user-interface-interaction-design\/#webpage\",\"url\":\"https:\/\/opencityitalia.it\/user-interface-interaction-design\/\",\"name\":\"Esperienza utente siti e servizi digitali dei comuni italiani - OpenCity Italia\",\"isPartOf\":{\"@id\":\"https:\/\/opencityitalia.it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/opencityitalia.it\/user-interface-interaction-design\/#primaryimage\"},\"datePublished\":\"2021-06-04T14:02:33+00:00\",\"dateModified\":\"2022-06-09T06:25:22+00:00\",\"description\":\"Design siti comunali: interfacce utente progettate con cura secondo il modello e i kit ufficiali per i siti e servizi digitali dei comuni\",\"breadcrumb\":{\"@id\":\"https:\/\/opencityitalia.it\/user-interface-interaction-design\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/opencityitalia.it\/user-interface-interaction-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/opencityitalia.it\/user-interface-interaction-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/opencityitalia.it\/\",\"url\":\"https:\/\/opencityitalia.it\/\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@id\":\"https:\/\/opencityitalia.it\/user-interface-interaction-design\/#webpage\"}}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/opencityitalia.it\/wp-json\/wp\/v2\/pages\/10"}],"collection":[{"href":"https:\/\/opencityitalia.it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/opencityitalia.it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/opencityitalia.it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/opencityitalia.it\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":41,"href":"https:\/\/opencityitalia.it\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":973,"href":"https:\/\/opencityitalia.it\/wp-json\/wp\/v2\/pages\/10\/revisions\/973"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/opencityitalia.it\/wp-json\/wp\/v2\/media\/594"}],"wp:attachment":[{"href":"https:\/\/opencityitalia.it\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}