{"id":255354,"date":"2023-03-25T07:52:00","date_gmt":"2023-03-25T04:52:00","guid":{"rendered":"https:\/\/inform.click\/11-passaggi-per-creare-un-sito-web-ottimizzato-per-i-dispositivi-mobili\/"},"modified":"2023-03-25T07:52:00","modified_gmt":"2023-03-25T04:52:00","slug":"11-passaggi-per-creare-un-sito-web-ottimizzato-per-i-dispositivi-mobili","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/11-passaggi-per-creare-un-sito-web-ottimizzato-per-i-dispositivi-mobili\/","title":{"rendered":"11 passaggi per creare un sito Web ottimizzato per i dispositivi mobili"},"content":{"rendered":"<p>\n  Cominciando dall'inizio. Se il tuo sito Web \u00e8 accessibile e visualizzato tramite un dispositivo mobile, \u00e8 fantastico. Tuttavia, hai ancora molto lavoro da fare prima che possa essere dichiarato ottimizzato per i dispositivi mobili.\n<\/p>\n<p>\n  Non solo gli utenti mobili dovrebbero essere in grado di guardare il tuo sito web e leggere i tuoi contenuti, ma dovrebbero avere accesso alla sua piena funzionalit\u00e0.\n<\/p>\n<p>\n  Il numero di utenti di dispositivi mobili \u00e8 salito alle stelle negli ultimi anni e stanno utilizzando tali dispositivi per accedere a Internet. C'\u00e8 stato un momento in cui gli utenti mobili erano felici di avere le funzionalit\u00e0 di inviare messaggi di testo, e-mail, effettuare telefonate e navigare un po' in modo limitato. Oggi, si aspettano di poter fare quasi tutto ci\u00f2 che fanno sul desktop sui propri dispositivi mobili. Ci\u00f2 comprende:\n<\/p>\n<ul>\n<li>Ricerca di prodotti e servizi\n  <\/li>\n<li>Guardando video\n  <\/li>\n<li>Guardando le immagini e le descrizioni dei prodotti\n  <\/li>\n<li>Fare acquisti e fare acquisti\n  <\/li>\n<li>Iscrizione alle offerte\n  <\/li>\n<li>Consumare notizie e altri contenuti\n  <\/li>\n<\/ul>\n<p>\n  Se i visitatori del tuo sito Web notano che possono godere solo di un'esperienza utente limitata, ci sono buone possibilit\u00e0 che vadano altrove.\n<\/p>\n<p>\n  Se desideri ottimizzare il tuo sito web in modo che sia veramente ottimizzato per i dispositivi mobili, continua a leggere. Questi 11 passaggi ti aiuteranno a iniziare.\n<\/p>\n<h5>\n  1 Elimina la necessit\u00e0 di pizzicare e navigare a due mani<br \/>\n<\/h5>\n<p>\n  Ecco un test semplice ma molto importante che ogni web designer dovrebbe eseguire su ogni pagina web che progetta. Apri la pagina web in questione sul tuo smartphone. Ora, metti quel dispositivo nella tua &#8220;mano del telefono&#8221; preferita. Riesci a navigare nella pagina senza dover usare l'altra mano? Riesci a leggere il testo senza dover pizzicare e ingrandire o ridurre o senza scorrere? Se non puoi fare nessuna di queste cose, \u00e8 tempo di apportare alcune modifiche.\n<\/p>\n<p>\n  Uno dei principali fattori di convenienza dell'utilizzo di un dispositivo mobile \u00e8 che richiede solo di interagire con una mano. Quello che non vuoi fare \u00e8 togliere quella comodit\u00e0 alle persone che vorresti acquistare i tuoi prodotti e servizi.\n<\/p>\n<h5>\n  2 Concentrati sulla semplicit\u00e0<br \/>\n<\/h5>\n<p>\n  Potrebbe esserci molto spazio e larghezza di banda per video, immagini e molti contenuti sui tuoi utenti desktop, ma non \u00e8 cos\u00ec per i tuoi utenti mobili. Per questo motivo, dovresti concentrarti sulla creazione di un design pulito e semplice che enfatizzi la funzionalit\u00e0 rispetto a varie caratteristiche. Pensa alle cose che i visitatori del tuo sito web mobile vorranno vedere e fare nel momento in cui atterreranno sulla tua home page. Assicurati che queste cose siano immediatamente disponibili per loro quando il tuo sito si apre. Quindi, concentrati sul tempo di caricamento della pagina. Solo dopo che queste due cose sono state realizzate dovresti considerare se hai o meno spazio per un'altra caratteristica.\n<\/p>\n<h5>\n  3 Utilizzare un framework tecnologico reattivo<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382483a6522d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382483a6522d.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  I framework di progettazione reattiva sono estremamente preziosi per i web designer che si occupano di creare siti Web ottimizzati per i dispositivi mobili. In sostanza, strumenti come Bootstrap consentono ai progettisti di disporre gli elementi di ciascuna pagina Web su una griglia. Quindi, le dimensioni di quella griglia possono essere regolate per una variet\u00e0 di dimensioni dello schermo. Il risultato \u00e8 che testo, icone, immagini, pulsanti, ecc. sono tutti distanziati come dovrebbero essere. Ci\u00f2 garantisce che ogni utente abbia un'esperienza simile indipendentemente dal fatto che utilizzi o meno un desktop, laptop, smartphone o tablet. Ancora meglio, non \u00e8 necessario mantenere un sito Web separato per dispositivi mobili.\n<\/p>\n<h5>\n  4 Ottimizza le immagini per dispositivi mobili<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382483c5804e.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382483c5804e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Internet per dispositivi mobili \u00e8 semplicemente pi\u00f9 lento di Internet fornito dalle compagnie telefoniche e via cavo e da altri fornitori di servizi. Due elementi che possono davvero avere un impatto su questo sono i video e le immagini. Non vuoi rimuovere del tutto questi elementi. Dopotutto, gli utenti di dispositivi mobili nel loro insieme amano davvero i contenuti visivi. Tuttavia, vuoi ottimizzare il pi\u00f9 possibile. Ecco alcuni passaggi che puoi eseguire per migliorare la velocit\u00e0 e le prestazioni quando utilizzi le immagini:\n<\/p>\n<ul>\n<li>Offri versioni delle immagini a bassa risoluzione agli utenti\n  <\/li>\n<li>Ottimizza le immagini per dimensioni e proporzioni specifiche del dispositivo\n  <\/li>\n<li>Prendi in considerazione JQuery se JavaScript \u00e8 troppo ingombrante\n  <\/li>\n<\/ul>\n<h5>\n  5 Invece del testo quando possibile<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382483e8d5d9.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382483e8d5d9.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Le icone funzionano bene perch\u00e9 sono essenzialmente una forma di abbreviazione di Internet che tutti noi abbiamo concordato significare certe cose. Ad esempio, i pulsanti di condivisione sui social sono immediatamente riconoscibili da chiunque utilizzi il cellulare da un certo periodo di tempo. Lo stesso vale per i pulsanti per inviare e-mail, chiamare o accedere al menu del sito web.\n<\/p>\n<p>\n  L'uso di queste icone ottimizzate per i dispositivi mobili ti aiuta a realizzare due cose. Innanzitutto, risparmi spazio prezioso sullo schermo rispetto all'utilizzo del testo. Oltre a ci\u00f2, comunichi anche alle persone che utilizzano il tuo sito Web che hai dedicato del tempo a considerare gli utenti mobili nel tuo progetto.\n<\/p>\n<h5>\n  6 Mantieni il contenuto breve<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-638248404ea86.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-638248404ea86.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Questa \u00e8 un'area in cui molti web designer e marketer di contenuti hanno un piccolo dilemma. I contenuti di lunga durata stanno diventando sempre pi\u00f9 popolari, soprattutto tra i decisori, ma semplicemente non si adattano perfettamente ai dispositivi mobili. La domanda \u00e8: \u00e8 meglio limitare o eliminare i contenuti di lunga durata sui dispositivi mobili o pubblicarli comunque e lasciare all'utente la scelta del consumo? Il modo migliore per rispondere a queste domande \u00e8 prendere in considerazione il tipico comportamento degli utenti di dispositivi mobili.\n<\/p>\n<p>\n  Per il tuo particolare sito web, puoi fare affidamento sull'analisi per avere un'idea di cosa stanno facendo i tuoi utenti mobili e cosa no. Tuttavia, gli utenti mobili tendono a utilizzare i propri dispositivi per rimanere connessi sui social media, consultare le notizie, ascoltare musica, fare acquisti e leggere contenuti che tendono ad essere pi\u00f9 brevi che no. Ora, questo non significa che i contenuti lunghi per dispositivi mobili non debbano mai essere presi in considerazione. Ha questo posto. Un altro uso comune del cellulare \u00e8 trovare soluzioni ai problemi. Se disponi di un contenuto lungo che, ad esempio, pu\u00f2 guidare un utente mobile attraverso il processo di risoluzione di un problema, dovresti metterlo a sua disposizione.\n<\/p>\n<h5>\n  7 Rendi le informazioni sui contatti e sulla posizione facili da trovare<br \/>\n<\/h5>\n<p>\n  Se gestisci un sito Web incentrato su umorismo, intrattenimento, notizie, cura di contenuti di tendenza, appuntamenti o gestisci una piattaforma di social media, le persone possono accedere al tuo sito Web sui propri dispositivi mobili allo scopo di navigare. In caso contrario, \u00e8 molto probabile che una persona che apre il tuo sito Web su dispositivo mobile voglia contattarti o capire dove ti trovi. Il modo migliore per aiutarli \u00e8 rendere disponibili queste informazioni non appena si apre la tua home page.\n<\/p>\n<p>\n  Se disponi di una sede fisica, potresti voler assicurarti che queste informazioni siano incluse anche nelle tue pagine di destinazione. Se le persone stanno navigando dopo aver risposto a un invito all'azione da uno dei tuoi annunci, non vuoi che debbano scavare per scoprire esattamente dove ti trovi.\n<\/p>\n<h5>\n  8 Testare a fondo l'esperienza dell'utente mobile<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382484216efd.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-6382484216efd.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Ecco le cose che devi considerare quando si tratta di progettare siti web ottimizzati per i dispositivi mobili:\n<\/p>\n<ul>\n<li>Ci sono una variet\u00e0 di dimensioni dello schermo\n  <\/li>\n<li>Esistono diversi sistemi operativi che eseguono dispositivi mobili\n  <\/li>\n<li>Gli utenti possono accedere al tuo sito Web utilizzando una variet\u00e0 di browser Internet\n  <\/li>\n<\/ul>\n<p>\n  Prendere in considerazione tutti e tre questi fatti significa che esistono molteplici combinazioni possibili di sistemi operativi, dimensioni dello schermo e scelta del browser. Il tuo obiettivo, per completare il tuo prossimo progetto di web design, dovrebbe essere quello di testare quante pi\u00f9 combinazioni possibili in modo da garantire a ogni utente un'ottima esperienza mobile. Puoi utilizzare un'app come UxRecorder per aiutarti con alcuni di questi test.\n<\/p>\n<h5>\n  9 Usa la geolocalizzazione<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-63824843c6e8d.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-63824843c6e8d.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  La geolocalizzazione \u00e8 estremamente utile per gli utenti mobili. Se implementi questa tecnologia sul tuo sito web, i visitatori saranno in grado di trovare le posizioni dei negozi vicino a loro, mappare le indicazioni dalla loro posizione alla tua e controllare la disponibilit\u00e0 dei prodotti nel loro negozio locale. In qualit\u00e0 di azienda, sarai in grado di indirizzare i contenuti in modo specifico a un'area geografica, fare offerte agli utenti in localit\u00e0 specifiche, articoli di prezzo nella valuta locale e incoraggiare gli utenti a effettuare il check-in o aggiungere le loro opinioni sui siti di social media che sono divisi per Posizione.\n<\/p>\n<h5>\n  10 Ottimizza i tuoi moduli per dispositivi mobili<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-63824845dd01c.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-260980-63824845dd01c.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Idealmente, nessuno dei tuoi moduli dovrebbe essere eccessivamente lungo, n\u00e9 dovresti usarli per cercare di estrarre una serie di informazioni dai tuoi utenti per scopi di marketing. \u00c8 irritante e probabilmente impedir\u00e0 alle persone di iscriversi alle tue offerte. Con gli utenti mobili, questo \u00e8 doppiamente vero. Questo \u00e8 il motivo per cui \u00e8 molto importante mantenere i moduli brevi, intuitivi e assicurarsi che possano essere compilati rapidamente.\n<\/p>\n<p>\n  Puoi farlo chiedendo solo le informazioni di cui hai bisogno per fornire loro ci\u00f2 per cui si stanno iscrivendo, fornendo loro caselle di controllo e menu a discesa e utilizzando la loro posizione per compilare alcuni campi per loro.\n<\/p>\n<h5>\n  11 Incoraggiare il feedback<br \/>\n<\/h5>\n<p>\n  Ricorda che i tuoi utenti non vanno di pari passo con &#8220;altri utenti di dispositivi mobili&#8221; o altri dati demografici. Sono i tuoi clienti e potenziali clienti e hanno esigenze e comportamenti unici. Questi sono guidati in parte dalle loro preferenze, ma anche dai loro desideri e bisogni specifici legati direttamente al loro utilizzo del tuo sito web.\n<\/p>\n<p>\n  Cosa significa questo? Significa che puoi creare un libro di testo perfetto, versione di un sito Web mobile che semplicemente non funziona molto bene per i tuoi utenti. Puoi anche sviluppare un sito Web che i SEO e altri web designer insistono non funzioner\u00e0 mai per i tuoi utenti che soddisfi assolutamente le esigenze del tuo pubblico.\n<\/p>\n<p>\n  Questo \u00e8 il motivo per cui \u00e8 cos\u00ec importante ricevere feedback dai tuoi utenti. Le analisi sono meravigliose, ma non sostituiscono l'ascolto di ci\u00f2 che i clienti hanno da dire. Potresti essere in grado di utilizzare l'analisi per determinare che molte persone trascorrono del tempo su una determinata pagina. Ci\u00f2 che l'analisi non pu\u00f2 dirti \u00e8 che sono su quella pagina per necessit\u00e0, ma odiano il modo in cui \u00e8 progettata. Prenditi del tempo per leggere i commenti che i tuoi visitatori ti inviano e valuta la possibilit\u00e0 di creare un sondaggio specifico per gli utenti di dispositivi mobili. \u00c8 quindi possibile utilizzare le informazioni ottenute da loro per determinare cosa funziona correttamente e cosa dovrebbe essere revisionato.\n<\/p>\n<h4>\n  Conclusione<br \/>\n<\/h4>\n<p>\n  Non fermarti alla semplice compatibilit\u00e0 mobile. Approfitta del numero crescente di utenti mobili e crea un'esperienza utente che soddisfi veramente i loro desideri, bisogni e aspettative. Gli utenti di dispositivi mobili non si accontentano pi\u00f9 di avere a che fare con un sito Web che funziona ragionevolmente bene sui dispositivi mobili. Richiedono piena funzionalit\u00e0 e funzionalit\u00e0 progettate appositamente per loro.\n<\/p>\n<p>\n  Sia che tu stia progettando un nuovo sito web o riportando uno esistente al tavolo da disegno, potrebbe essere il momento di prendere in considerazione una strategia mobile first. Dopotutto, non \u00e8 un buon affare considerare prima il tuo pubblico in pi\u00f9 rapida crescita?\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte di registrazione: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2016\/04\/11\/creating-mobile-friendly-website\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Cominciando dall&#8217;inizio. Se il tuo sito Web \u00e8 accessibile e visualizzato tramite un dispositivo mobile, \u00e8 fantastico. Tuttavia, hai ancora molto lavoro da fare prima che possa essere dichiarato ottimizzato per i dispositivi mobili. Non solo gli utenti mobili dovrebbero essere in grado di guardare il tuo sito web e leggere i tuoi contenuti, ma dovrebbero avere accesso alla sua piena funzionalit\u00e0. Il numero di utenti di dispositivi mobili \u00e8 salito alle stelle negli ultimi anni e stanno utilizzando tali dispositivi per accedere a Internet. C&#8217;\u00e8 stato un momento in cui gli utenti mobili erano felici di avere le funzionalit\u00e0 di inviare messaggi di testo, e-mail, fare il telefono &#8230;<\/p>\n","protected":false},"author":1,"featured_media":180172,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[225,56,147],"tags":[],"class_list":["post-255354","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-libri-di-testo","category-web-e-wordpress","category-web-suggerimenti-e-trucchi"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/comments?post=255354"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255354\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/180172"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255354"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255354"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}