{"id":22591,"date":"2016-12-27T14:41:17","date_gmt":"2016-12-27T13:41:17","guid":{"rendered":"http:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/"},"modified":"2016-12-27T14:41:18","modified_gmt":"2016-12-27T13:41:18","slug":"come-mettere-in-fuga-gli-utenti-mobile","status":"publish","type":"post","link":"https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/","title":{"rendered":"Come mettere in fuga gli utenti mobile"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div readability=\"37.407493600186\">\n<article readability=\"15.93253968254\">\n<p>Eppure, nonostante il trend mobile sia attivo da ormai una decina di anni, continuano a persistere delle consuetudini dannose per l&#8217;utenza. Dai tempi di caricamento fino a <strong>interfacce incomprensibili<\/strong>, infatti, \u00e8 molto semplice mettere in fuga i navigatori da device, i quali potrebbero quindi approdare sui lidi pi\u00f9 congeniali della concorrenza. Quali sono, di conseguenza, gli errori pi\u00f9 frequenti da astenersi da?<\/p>\n<p>Volendo raccogliere alcune delle tendenze che potrebbero far fuggire a gambe levate gli utenti mobile, si potrebbe creare una breve lista riassuntiva:<\/p>\n<ul>\n<li><strong>Caricamento lento<\/strong>: per quanto gli operatori telefonici promuovano velocit\u00e0 miracolose su rete mobile, non tutti gli utenti hanno la possibilit\u00e0 di accedere a network 3G e 4G sufficientemente stabili. Sovraccaricare un sito con contenuti eccessivo pesanti &#8211; in particolare banner pubblicitari e video in riproduzione automatica &#8211; non far\u00e0 altro che spingere il navigatore altrove. La <strong>landing page<\/strong> dovrebbe essere la pi\u00f9 leggera possibile, trovata per l&#8217;apertura con qualsiasi connessione;<\/li>\n<li><strong>Abuso di hamburger<\/strong>: nessun consiglio di salute alimentare, bens\u00ec la tendenza tutta moderna di racchiudere il menu principale all&#8217;interno di un contenitore, rappresentato graficamente da tre barre verticali. Chiamato &#8220;menu hamburger&#8221;, proprio perch\u00e9 le tre linee ricordano i vari strati dell&#8217;alimento, questa configurazione \u00e8 poco <strong>user-friendly<\/strong>, nonostante ampiamente diffusa. \u00c8 la scelta migliore presentare le opzioni di navigazione in modo evidente, affinch\u00e9 l&#8217;fruitore non si perda, mantenendo sempre coerenza sia strutturale che di argomento. I menu racchiusi, invece, non solo costringono a un&#8217;azione aggiuntiva, ma potrebbero risultare poco identificabili dall&#8217;vista distratto;<\/li>\n<li><strong>Eccesso di swipe<\/strong>: sebbene lo swipe sia la gesture pi\u00f9 diffusa in ambito mobile, pu\u00f2 risultare anche una delle interazioni a display pi\u00f9 irritanti. Si immagini l&#8217;utilizzatore che, per visualizzare tutte le immagini o i prodotti inseriti in uno slideshow, \u00e8 costretto continuamente a trascinare le dita da una parte all&#8217;altra dello display touchscreen. Quando si pu\u00f2 implementare, \u00e8 sempre preferibile il <strong>singolo tap<\/strong>: \u00e8 pi\u00f9 immediato, riduce il movimento e permette all&#8217;fruitore di raggiungere le informazioni desiderate con facilit\u00e0;<\/li>\n<li><strong>Target minuscoli<\/strong>: per quanto gli cellulare e i tablet moderni garantiscano risoluzione elevatissime e un touchscreen notevole al millimetro, l&#8217;fruitore si trova comunque sempre a interagire con schermi dalle dimensioni ridotte. Definire delle aree tap minuscole, a volte invisibili, costringer\u00e0 l&#8217;fruitore a ripetere pi\u00f9 volte l&#8217;modifica affinch\u00e9 possa essere correttamente interpretata. E quando dovr\u00e0 ricorrere alle opzioni di zoom per la analisi del collegamento o del pulsante perduto, la fuga sar\u00e0 ormai praticamente certa;<\/li>\n<li><strong>Responsive, ma non smoderatamente<\/strong>: si \u00e8 soliti pensare che un&#8217;implementazione responsive, almeno nella sua configurazione di default, sia sufficiente per garantire un&#8217;ottima composizione dell&#8217;interfaccia su ogni dispositivo in circolazione. Cos\u00ec non avviene: ogni risoluzione dovr\u00e0 essere testata preventivamente, cos\u00ec come ogni proporzione diagonale. Bisogna tenere in pugno a mente, infatti, come si debba lavorare in un range dalla varianza elevatissima, dai 300 ai 2.000 pixel di lato a seconda del dispositivo;<\/li>\n<li><strong>Numeri dimenticati<\/strong>: non vi \u00e8 niente di pi\u00f9 frustante, per un fruitore su telefono, dei numeri di telefono non accessibili con un tap. Ogni riferimento telefonico deve risultare cliccabile e, per ogni sistema operativo mobile, deve corrispondere all&#8217;attivazione delle funzioni di chiamata;<\/li>\n<li><strong>Social molesti<\/strong>: molti siti mobile prevedono l&#8217;inclusione di icone social laterali o superiori, pensate per inseguire realmente ogni movimento eseguito dall&#8217;fruitore sullo display. Scorrendo la pagina verso il basso, ad modello, queste icone scendono a loro volta, affinch\u00e9 rimangano sempre in bella rassegna. In questo modo, per\u00f2, si coprono i contenuti: uno degli errori pi\u00f9 gravi che si possa fare in fase di progettazione.<\/li>\n<\/ul>\n<p>Via <a href=\"https:\/\/www.smashingmagazine.com\/2016\/10\/how-to-poison-the-mobile-user\/\" title=\"Trend negativi per l'utente mobile\">Smashing Magazine<\/a><\/p>\n<p>&#13;<br \/>\n          <!--div class=\"sharelink\">\n              \n\n<ul>\n                  \n\n<li class=\"facebook\"><a href=\"#\" onclick=\"window.open( 'https:\/\/www.facebook.com\/sharer\/sharer.php?u='+encodeURIComponent('http:\/\/blog.html.it\/27\/12\/2016\/come-mettere-in-fuga-gli-utenti-mobile\/'),'condividi l'articolo su facebook', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Facebook<\/a><\/li>\n\n\n                  \n\n<li class=\"twitter\"><a href=\"#\" onclick=\"window.open( 'https:\/\/twitter.com\/share?url=http%3A%2F%2Fblog.html.it%2F27%2F12%2F2016%2Fcome-mettere-in-fuga-gli-utenti-mobile%2F&via=html_it&text=Come%20mettere%20in%20fuga%20gli%20utenti%20mobile','condividi l'articolo su twitter', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Twitter<\/a><\/li>\n\n\n              <\/ul>\n\n\n          <\/div-->&#13;<br \/>\n          &#13;<br \/>\n\t\t<\/article>\n<div readability=\"5.2689393939394\">\n            <!--\n\n<style>\n\n.newletter-item, .newsletter-box \n  \/*float: left;\n  margin: 5px 0 20px 0;*\/\n  display: block;\n  width: 100%;\n\n\n.newletter-item, .newsletter-box p \n    font-size: 18px;\n    letter-spacing: 0.3px;\n    line-height: 28px;\n    padding: 0 0 34px 0;\n    color: #161616;\n    font-family: 'Alegreya', serif;\n\n\n.newletter-item, .newsletter-box p span \n  font-weight: bold;\n\n\n.newsletter-box img\n    width: 48px;\n    height: auto;\n    margin: 0 auto 34px auto;\n\n\n.newsletter-panel \n  display: block;\n  width: auto;\n  height: 129px;\n  background: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-bg.png) no-repeat;\n  position: relative;\n  left: 0px;\n\n.newsletter-panel form \n  margin: 0;\n\n.newsletter-panel .line-item \n  display: block;\n  float: left;\n  margin: 0 0 0 20px;\n  display: block;\n  width: 408px;\n\n.newsletter-panel input \n  float: left;\n  display: block;\n\n.newsletter-panel input[type=\"text\"] \n  margin: 20px 0 10px 20px;\n  width: 395px;\n  height: 26px;\n  line-height: 26px;\n  padding: 2px;\n\n.newsletter-panel input[type=\"radio\"] \n  margin: 6px 3px 0 0;\n\n.newsletter-panel label.radio-item \n  float: left;\n  display: block;\n  font-size: 1em;\n  width: 10px;\n  margin: 6px 10px 0 0;\n\n.newsletter-panel .lable-text \n  display: block;\n  float: left;\n  width: 240px;\n  font-size: 10px !important;\n  color: #333333 !important;\n  line-height: 130%;\n  margin: 6px 0 0 0px !important;\n\n.newsletter-panel .lable-text a \n  color: #333\n\n.newsletter-panel input[type=\"button\"] \n  position: relative;\n  top: -50px;\n  left: 64px;\n  width: 127px;\n  height: 47px;\n  background: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-butt.png) no-repeat;\n  background-repeat: no-repeat;\n  border: 0;\n  cursor: pointer;\n\n.newsletter-panel input[type=\"button\"]:hover \n  background-image: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-butt-roll.png);\n\n.newsletter-panel label.radio-item \n  font-size: 10px !important;\n\n.error-newsletter\npadding: 10px 20px;\n\n<\/style>\n\n--><\/p>\n<div id=\"newsletter_div\" class=\"newletter-item nav-txt newsletter-box\" readability=\"6.4848484848485\">\n<p>Se vuoi aggiornamenti su <b>Come mettere in fuga gli utenti mobile<\/b> inserisci la tua e-mail nel box qui sotto:<\/p>\n<\/div><\/div><\/div>\n<p><br \/>\n<br \/><a href=\"http:\/\/feedproxy.google.com\/~r\/htmlitedit\/~3\/Lw_WLTKg4po\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eppure, nonostante il trend mobile sia attivo da ormai una decina di anni, continuano a persistere delle consuetudini dannose per l&#8217;utenza. Dai tempi di caricamento fino a interfacce incomprensibili, infatti, \u00e8 molto semplice mettere in fuga i navigatori da device, i quali potrebbero quindi approdare sui lidi pi\u00f9 congeniali della concorrenza. Quali sono, di conseguenza,&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_s2mail":""},"categories":[37],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Come mettere in fuga gli utenti mobile - Web Agency Italia Web Designer realizzazione siti web Italy<\/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.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Come mettere in fuga gli utenti mobile - Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"og:description\" content=\"Eppure, nonostante il trend mobile sia attivo da ormai una decina di anni, continuano a persistere delle consuetudini dannose per l&#8217;utenza. Dai tempi di caricamento fino a interfacce incomprensibili, infatti, \u00e8 molto semplice mettere in fuga i navigatori da device, i quali potrebbero quindi approdare sui lidi pi\u00f9 congeniali della concorrenza. Quali sono, di conseguenza,...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"article:published_time\" content=\"2016-12-27T13:41:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-12-27T13:41:18+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\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\":\"WebPage\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/\",\"name\":\"Come mettere in fuga gli utenti mobile - Web Agency Italia Web Designer realizzazione siti web Italy\",\"isPartOf\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\"},\"datePublished\":\"2016-12-27T13:41:17+00:00\",\"dateModified\":\"2016-12-27T13:41:18+00:00\",\"author\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Come mettere in fuga gli utenti mobile\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\",\"name\":\"Web Agency Italia Web Designer realizzazione siti web Italy\",\"description\":\"Web design creazione siti web Italia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come mettere in fuga gli utenti mobile - Web Agency Italia Web Designer realizzazione siti web Italy","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.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/","og_locale":"it_IT","og_type":"article","og_title":"Come mettere in fuga gli utenti mobile - Web Agency Italia Web Designer realizzazione siti web Italy","og_description":"Eppure, nonostante il trend mobile sia attivo da ormai una decina di anni, continuano a persistere delle consuetudini dannose per l&#8217;utenza. Dai tempi di caricamento fino a interfacce incomprensibili, infatti, \u00e8 molto semplice mettere in fuga i navigatori da device, i quali potrebbero quindi approdare sui lidi pi\u00f9 congeniali della concorrenza. Quali sono, di conseguenza,...","og_url":"https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/","og_site_name":"Web Agency Italia Web Designer realizzazione siti web Italy","article_published_time":"2016-12-27T13:41:17+00:00","article_modified_time":"2016-12-27T13:41:18+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"3 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/","url":"https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/","name":"Come mettere in fuga gli utenti mobile - Web Agency Italia Web Designer realizzazione siti web Italy","isPartOf":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website"},"datePublished":"2016-12-27T13:41:17+00:00","dateModified":"2016-12-27T13:41:18+00:00","author":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"breadcrumb":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/come-mettere-in-fuga-gli-utenti-mobile\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.multimediaweb.eu\/web-agency\/"},{"@type":"ListItem","position":2,"name":"Come mettere in fuga gli utenti mobile"}]},{"@type":"WebSite","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website","url":"https:\/\/www.multimediaweb.eu\/web-agency\/","name":"Web Agency Italia Web Designer realizzazione siti web Italy","description":"Web design creazione siti web Italia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22591"}],"collection":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/comments?post=22591"}],"version-history":[{"count":1,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22591\/revisions"}],"predecessor-version":[{"id":22592,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22591\/revisions\/22592"}],"wp:attachment":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/media?parent=22591"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/categories?post=22591"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/tags?post=22591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}