{"id":7718,"date":"2017-11-29T16:43:18","date_gmt":"2017-11-29T15:43:18","guid":{"rendered":"https:\/\/www.itschool.it\/?p=7718"},"modified":"2018-01-05T12:18:52","modified_gmt":"2018-01-05T11:18:52","slug":"progettazione-di-un-sito-mobile","status":"publish","type":"post","link":"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/","title":{"rendered":"Regole base per la progettazione di un sito mobile"},"content":{"rendered":"

Nel 2015 Google<\/strong> rende noto che il maggior numero di ricerche online<\/strong> proviene da dispositivi mobili<\/strong>, un trend per di pi\u00f9 in costante crescita. Sempre pi\u00f9 utenti dichiarano di utilizzare smartphone e tablet in qualsiasi ora della giornata, a casa e fuori per consultare siti, fare ricerche, effettuare prenotazioni, mandare mail o cercare lavoro. A oggi tali dispositivi hanno un ruolo primario nella costante connessione tra domanda e offerta del mercato online<\/strong>.<\/p>\n

Seguendo il nuovo trend, l’approccio alla progettazione dei siti web<\/strong> \u00e8 sempre pi\u00f9 orientato a interfacce che sfruttano il principio dell’user-friendly<\/strong>.<\/p>\n

Anche i siti per mobile<\/strong> devono seguire delle regole base. Il principio che deve guidare un web designer<\/strong> nella progettazione di un sito ottimizzato per dispositivi mobili<\/strong>\u00a0\u00e8 che gli utenti devono essere guidati facilmente verso il contenuto che stanno cercando e aiutati nel compiere le iterazioni\u00a0 o completare i compiti.
\nDiventa necessario quindi, concentrarsi sull’essenziale, strutturare un’interfaccia che sia intuitiva e non confusionaria.<\/p>\n

Le regole basilari vertono sulla realizzazione di siti basata sull’usabilit\u00e0 e sulla logica dei contenuti.
\nI dispositivi mobili, essendo fruibili da un display pi\u00f9 piccolo, hanno bisogno di siti che si presentano in modo sintetico e conciso. Questo non significa eliminare contenuti, ma distribuirli in modo strategico.<\/p>\n

Di fondamentale importanza \u00e8 la struttura della pagina, che deve essere facile da usare ed efficace. Ogni schermata deve rimandare ad una singola azione che rende pi\u00f9 semplice per l’utente l’utilizzo. La navigazione mobile deve risultare fluida e il linguaggio utilizzato deve essere\u00a0 appropriato e non deve richiedere spiegazioni ulteriori. In questa breve guida sono racchiusi i principi base della progettazione di un sito mobile<\/strong>.<\/p>\n

1. Facilit\u00e0 di navigazione: l’importanza del menu<\/h2>\n

Il men\u00f9 deve essere breve e semplice. Lo scopo \u00e8 portare l’utente a trovare facilmente i contenuti. Utilizzare termini e frasi pi\u00f9 familiari porter\u00e0 l’utente a non confondersi e l’utilizzo delle icone che rendono immediata la comunicazione dei contenuti sar\u00e0 un ulteriore supporto per l’utente.<\/p>\n

2.Call to action<\/h2>\n

La CTA (Call to action)<\/strong> \u00e8 uno degli elementi essenziali per una buona comunicazione sul web<\/strong>. Incoragger\u00e0 gli utenti a compiere una determinata azione come l’iscrizione, l’acquisto di un prodotto, la visualizzazione di un offerta. Va sempre collocata in primo piano e in posizione centrale, in modo da essere ben visibile e anche il suo colore deve essere coerente con la cromia della pagina.<\/p>\n

\"\"<\/a>3. Logo e immagini<\/h2>\n

Il logo<\/strong> deve essere ottimizzato nelle dimensioni per il mobile, riconoscibile, e deve prevedere sempre al possibilit\u00e0 di tornare indietro alla home.
\nLa immagini devono essere ottimizzate per i dispositivi mobili per evitare un aumento del tempo di caricamento che su mobile costituisce perdite di visite.<\/p>\n

4. Funzione Search<\/h2>\n

La funzione di ricerca<\/strong> su dispositivi mobili deve essere sempre posizionata in ogni pagina in maniera visibile. In tal modo, la ricerca dei contenuti risulter\u00e0 pi\u00f9 facile e porter\u00e0 via meno tempo. In particolar modo pu\u00f2 essere utile l’utilizzo di filtri di ricerca o della compilazione automatica, soprattutto nei siti in cui gli utenti fanno ricerche ripetute o effettuano acquisti.<\/p>\n

\"\"<\/a>5. Registrazione<\/h2>\n

La registrazione sul sito deve essere molto semplice. Le informazioni da inserire devono essere basilari e molto chiare. \u00c8 preferibile utilizzare la precompilazione dei campi per facilitare la scrittura e l’utilizzo di convalida in tempo reale. Utile \u00e8 anche evidenziare i campi di compilazione obbligatoria e prevedere input automatici di immissione dati.<\/p>\n

6. Contenuti<\/h2>\n

L’utente scorre rapidamente il contenuto della pagina al fine di trovare l’argomento di interesse. La pagina deve essere resa fruibile attraverso l’uso di alcuni elementi come una font leggibile, o la suddivisione del testo in paragrafi. Utile, a tal fine, risulta l’utilizzo di parole evidenziate, titoli e sottotitoli che focalizzeranno l’attenzione sul testo.<\/p>\n

Scopri il master in web design<\/strong><\/a> di It School<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Nel 2015 Google rende noto che il maggior numero di ricerche online proviene da dispositivi mobili, un trend per di pi\u00f9 in costante crescita.<\/p>\n","protected":false},"author":2,"featured_media":6546,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"yoast_head":"\nRegole base per la progettazione di un sito mobile - It School - L'Accademia del web<\/title>\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.itschool.it\/progettazione-di-un-sito-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Regole base per la progettazione di un sito mobile - It School - L'Accademia del web\" \/>\n<meta property=\"og:description\" content=\"Nel 2015 Google rende noto che il maggior numero di ricerche online proviene da dispositivi mobili, un trend per di pi\u00f9 in costante crescita.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/\" \/>\n<meta property=\"og:site_name\" content=\"It School - L'Accademia del web\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/itschoolmilano\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-29T15:43:18+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-01-05T11:18:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.itschool.it\/wp-content\/uploads\/2016\/11\/web-design-cover-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"roberto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.itschool.it\/#website\",\"url\":\"https:\/\/www.itschool.it\/\",\"name\":\"It School - L'Accademia del web\",\"description\":\"Corsi di programmazione, web design, web marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.itschool.it\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/#primaryimage\",\"inLanguage\":\"it-IT\",\"url\":\"https:\/\/www.itschool.it\/wp-content\/uploads\/2016\/11\/web-design-cover-2.jpg\",\"contentUrl\":\"https:\/\/www.itschool.it\/wp-content\/uploads\/2016\/11\/web-design-cover-2.jpg\",\"width\":1920,\"height\":700,\"caption\":\"web design 2\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/#webpage\",\"url\":\"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/\",\"name\":\"Regole base per la progettazione di un sito mobile - It School - L'Accademia del web\",\"isPartOf\":{\"@id\":\"https:\/\/www.itschool.it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/#primaryimage\"},\"datePublished\":\"2017-11-29T15:43:18+00:00\",\"dateModified\":\"2018-01-05T11:18:52+00:00\",\"author\":{\"@id\":\"https:\/\/www.itschool.it\/#\/schema\/person\/3ad5ecea26d6150f279e327f3abc8dd6\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.itschool.it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Regole base per la progettazione di un sito mobile\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.itschool.it\/#\/schema\/person\/3ad5ecea26d6150f279e327f3abc8dd6\",\"name\":\"roberto\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.itschool.it\/#personlogo\",\"inLanguage\":\"it-IT\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/05828cfb1583ca63ab5784e9ded14a34?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/05828cfb1583ca63ab5784e9ded14a34?s=96&d=mm&r=g\",\"caption\":\"roberto\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Regole base per la progettazione di un sito mobile - It School - L'Accademia del web","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.itschool.it\/progettazione-di-un-sito-mobile\/","og_locale":"it_IT","og_type":"article","og_title":"Regole base per la progettazione di un sito mobile - It School - L'Accademia del web","og_description":"Nel 2015 Google rende noto che il maggior numero di ricerche online proviene da dispositivi mobili, un trend per di pi\u00f9 in costante crescita.","og_url":"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/","og_site_name":"It School - L'Accademia del web","article_publisher":"https:\/\/www.facebook.com\/itschoolmilano\/","article_published_time":"2017-11-29T15:43:18+00:00","article_modified_time":"2018-01-05T11:18:52+00:00","og_image":[{"width":1920,"height":700,"url":"https:\/\/www.itschool.it\/wp-content\/uploads\/2016\/11\/web-design-cover-2.jpg","path":"\/home\/customer\/www\/itschool.it\/public_html\/wp-content\/uploads\/2016\/11\/web-design-cover-2.jpg","size":"full","id":6546,"alt":"web design 2","pixels":1344000,"type":"image\/jpeg"}],"twitter_card":"summary","twitter_misc":{"Scritto da":"roberto","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.itschool.it\/#website","url":"https:\/\/www.itschool.it\/","name":"It School - L'Accademia del web","description":"Corsi di programmazione, web design, web marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.itschool.it\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"ImageObject","@id":"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/#primaryimage","inLanguage":"it-IT","url":"https:\/\/www.itschool.it\/wp-content\/uploads\/2016\/11\/web-design-cover-2.jpg","contentUrl":"https:\/\/www.itschool.it\/wp-content\/uploads\/2016\/11\/web-design-cover-2.jpg","width":1920,"height":700,"caption":"web design 2"},{"@type":"WebPage","@id":"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/#webpage","url":"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/","name":"Regole base per la progettazione di un sito mobile - It School - L'Accademia del web","isPartOf":{"@id":"https:\/\/www.itschool.it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/#primaryimage"},"datePublished":"2017-11-29T15:43:18+00:00","dateModified":"2018-01-05T11:18:52+00:00","author":{"@id":"https:\/\/www.itschool.it\/#\/schema\/person\/3ad5ecea26d6150f279e327f3abc8dd6"},"breadcrumb":{"@id":"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.itschool.it\/progettazione-di-un-sito-mobile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.itschool.it\/"},{"@type":"ListItem","position":2,"name":"Regole base per la progettazione di un sito mobile"}]},{"@type":"Person","@id":"https:\/\/www.itschool.it\/#\/schema\/person\/3ad5ecea26d6150f279e327f3abc8dd6","name":"roberto","image":{"@type":"ImageObject","@id":"https:\/\/www.itschool.it\/#personlogo","inLanguage":"it-IT","url":"https:\/\/secure.gravatar.com\/avatar\/05828cfb1583ca63ab5784e9ded14a34?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/05828cfb1583ca63ab5784e9ded14a34?s=96&d=mm&r=g","caption":"roberto"}}]}},"_links":{"self":[{"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/posts\/7718"}],"collection":[{"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/comments?post=7718"}],"version-history":[{"count":1,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/posts\/7718\/revisions"}],"predecessor-version":[{"id":7719,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/posts\/7718\/revisions\/7719"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/media\/6546"}],"wp:attachment":[{"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/media?parent=7718"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/categories?post=7718"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.itschool.it\/wp-json\/wp\/v2\/tags?post=7718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}