{"id":11523,"date":"2023-06-11T10:27:11","date_gmt":"2023-06-11T09:27:11","guid":{"rendered":"https:\/\/hotel-webdesign.com\/?p=11523"},"modified":"2024-04-18T13:18:56","modified_gmt":"2024-04-18T11:18:56","slug":"come-progettare-per-i-dispositivi-mobili-2","status":"publish","type":"post","link":"https:\/\/hotel-webdesign.com\/it\/how-to-design-for-mobile-devices-2\/","title":{"rendered":"Come progettare per i dispositivi mobili"},"content":{"rendered":"

Introduzione <\/h2>\n

Progettare per i dispositivi mobili significa considerare i vari aspetti dell'aspetto del sito web o dell'applicazione e del suo funzionamento su uno schermo di piccole dimensioni. I dispositivi mobili hanno un fattore di forma ridotto, il che significa che ci sono alcune limitazioni alla progettazione, come le dimensioni e i tipi di file. Tuttavia, \u00e8 ancora possibile creare progetti intuitivi che funzionino bene sui dispositivi mobili. Questa guida fornisce una panoramica delle migliori pratiche di progettazione per i dispositivi mobili.<\/p>\n

Capire l'utente mobile<\/h2>\n

Il primo passo per progettare per la telefonia mobile \u00e8 comprendere le esigenze e le aspettative dell'utente mobile. \u00c8 importante considerare le diverse modalit\u00e0 di interazione degli utenti con un dispositivo mobile rispetto a un computer desktop o portatile. Ad esempio, gli utenti mobili hanno in genere tempi di attenzione limitati e cercano risposte rapide. Per questo motivo, il design deve essere incentrato sul fornire le informazioni pi\u00f9 pertinenti in modo rapido e semplice. Inoltre, gli utenti mobili possono anche andare di fretta, quindi il design deve essere intuitivo e facile da navigare.<\/p>\n

Principi di progettazione mobile<\/h2>\n

Il passo successivo consiste nel considerare i vari principi e le linee guida per il design mobile. I design per dispositivi mobili devono essere minimalisti e concentrarsi sull'essenziale. Ci\u00f2 significa evitare elementi superflui come immagini eccessive, video e testo extra. Inoltre, i design per dispositivi mobili devono essere snelli e fluire logicamente da una pagina all'altra. I design devono anche essere reattivi, cio\u00e8 adattarsi alle diverse dimensioni dello schermo. Inoltre, quando si progetta per i dispositivi mobili \u00e8 importante considerare i gesti dell'utente, come lo scorrimento, il tocco e lo scrolling. Questi gesti devono essere presi in considerazione durante la progettazione dell'interfaccia.<\/p>\n

Test<\/h2>\n

Una volta completato il progetto, \u00e8 importante testarlo a fondo su vari dispositivi mobili. Durante la fase di test, i progettisti devono prestare attenzione al funzionamento del progetto su diversi dispositivi e con diversi browser. Inoltre, i progettisti devono assicurarsi che il design funzioni bene in condizioni diverse, ad esempio con connessioni a bassa larghezza di banda. Infine, i progettisti devono testare il progetto con diversi scenari utente per assicurarsi che funzioni come previsto.<\/p>\n

Comprendere la natura dei dispositivi mobili<\/h2>\n

Per progettare efficacemente un'esperienza per i dispositivi mobili, \u00e8 necessario innanzitutto comprendere le qualit\u00e0 e le caratteristiche distinte che li caratterizzano. I dispositivi mobili differiscono dai computer tradizionali per diversi aspetti. In primo luogo, hanno display o schermi pi\u00f9 piccoli, il che significa che elementi come \"Comecome il testo, le immagini e gli elementi interattivi devono essere ottimizzati per adattarsi a questa area di visualizzazione limitata. Inoltre, i dispositivi mobili sono spesso utilizzati in situazioni pi\u00f9 limitate, come quando l'utente \u00e8 in piedi o cammina piuttosto che seduto a una scrivania. Ci\u00f2 significa che il design deve tenere conto del fatto che gli utenti possono essere distratti dall'ambiente circostante e che le interazioni devono essere completate rapidamente con un input minimo.<\/p>\n

Inoltre, a causa delle dimensioni ridotte dei display, potrebbe essere necessario creare diverse esperienze mobili o design distinti, in grado di adattarsi a dispositivi di dimensioni diverse. Ad esempio, se un utente accede a un'esperienza su un dispositivo tablet, che ha un display pi\u00f9 grande di uno smartphone, il design deve tenere conto dello spazio extra che pu\u00f2 essere utilizzato. Potrebbe essere necessario creare diverse versioni di un design per diversi dispositivi, al fine di garantire un'esperienza utente ottimale su tutti i dispositivi.<\/p>\n

Progettazione per dispositivi mobili<\/h2>\n

La progettazione per i dispositivi mobili segue molti degli stessi principi della progettazione per i computer tradizionali. \u00c8 sempre importante garantire che l'interfaccia utente sia intuitiva, facile da usare, visivamente accattivante e coerente su pi\u00f9 schermi. Detto questo, ci sono alcune considerazioni da tenere in considerazione quando si progetta per i dispositivi mobili. <\/p>\n

In primo luogo, il design deve essere incentrato sulle esigenze dell'utente. Gli utenti di dispositivi mobili sono spesso in movimento e cercano soluzioni rapide ed efficienti per le loro esigenze. Pertanto, i progettisti devono pensare strategicamente a come presentare al meglio le informazioni e le funzioni in modo che siano facilmente accessibili e utilizzabili. In secondo luogo, i progettisti devono essere consapevoli della quantit\u00e0 limitata di spazio disponibile. Ci\u00f2 significa assicurarsi che gli elementi chiave siano sempre visibili e accessibili e che siano inclusi solo gli elementi essenziali. <\/p>\n

Inoltre, i progettisti devono considerare anche le capacit\u00e0 dei dispositivi mobili. Questi dispositivi hanno spesso una capacit\u00e0 di memorizzazione digitale limitata, il che significa che i file di grandi dimensioni, come immagini e video, devono essere compressi per essere visualizzati correttamente. Inoltre, i dispositivi mobili potrebbero non supportare alcune tecnologie, come Adobe Flash, il che significa che i siti web e le applicazioni devono essere progettati per funzionare senza di esse. I dispositivi mobili hanno anche una potenza di elaborazione inferiore a quella dei computer desktop, quindi i progettisti devono assicurarsi che i progetti siano ottimizzati per funzionare rapidamente e senza problemi su questi dispositivi. <\/p>\n

Utilizzare i quadri esistenti<\/h2>\n

Quando si tratta di progettare per i dispositivi mobili, i designer possono utilizzare i framework esistenti per sviluppare i loro progetti. Questi framework forniscono ai progettisti una serie di strumenti e componenti che possono essere utilizzati per creare un'esperienza utente efficace per i dispositivi mobili. Alcuni dei framework pi\u00f9 popolari sono iOS Human Interface Guidelines di Apple, Material Design di Google e Fluent D di Microsoft.\"ComeSistema di progettazione. Ognuno di questi framework ha una propria serie di linee guida e strumenti che possono essere utilizzati per creare interfacce utente che riflettano la natura della rispettiva piattaforma.<\/p>\n

Inoltre, esistono numerosi framework progettati specificamente per i dispositivi mobili, come Bootstrap e Foundation. Questi framework forniscono ai progettisti gli strumenti necessari per creare siti web e applicazioni ottimizzati per i display dei dispositivi mobili. Sono inoltre dotati di sistemi di griglie e classi CSS che facilitano la creazione di esperienze responsive che si ridimensionano e si adattano automaticamente alle diverse dimensioni e orientamenti dei dispositivi.<\/p>\n

Utilizzo delle considerazioni sull'accessibilit\u00e0<\/h2>\n

I progettisti devono anche tenere conto delle considerazioni sull'accessibilit\u00e0 quando progettano per i dispositivi mobili. Gli utenti di dispositivi mobili possono avere difficolt\u00e0 a vedere gli elementi pi\u00f9 piccoli a causa di problemi di vista o possono avere bisogno di indicazioni audio per interagire con l'esperienza a causa di un problema di udito. I progettisti devono assicurarsi di tenere conto delle esigenze di questi utenti nei loro progetti. Ci\u00f2 pu\u00f2 comportare l'ingrandimento del testo e degli elementi dell'interfaccia, l'aggiunta di descrizioni testuali alternative alle immagini e la fornitura di indicazioni audio ed etichette per indicare con quali elementi \u00e8 possibile interagire. Inoltre, \u00e8 importante garantire che l'esperienza funzioni con gli screen reader, come VoiceOver e TalkBack, e sia ottimizzata per gli utenti con disabilit\u00e0 fisiche.<\/p>\n

Soluzioni per la progettazione di test<\/h2>\n

Infine, una volta creato il progetto, \u00e8 importante assicurarsi che l'esperienza sia testata su diversi dispositivi. Ci\u00f2 pu\u00f2 comportare l'esecuzione di test di usabilit\u00e0 con una serie di utenti reali su diversi dispositivi, oppure l'utilizzo di strumenti di test automatizzati progettati per simulare l'aspetto dell'esperienza su diversi dispositivi. I test e le valutazioni sono fasi fondamentali del processo di progettazione mobile, in quanto consentono ai progettisti di identificare potenziali problemi e di iterare i loro progetti per creare la migliore esperienza possibile per gli utenti.<\/p>\n

Conclusione<\/h2>\n

La progettazione per i dispositivi mobili richiede la comprensione delle qualit\u00e0 uniche di questi dispositivi. I progetti devono essere ottimizzati per adattarsi allo spazio limitato dello schermo e alle capacit\u00e0 dei dispositivi. L'utilizzo di framework esistenti, la considerazione delle esigenze di accessibilit\u00e0 e la verifica dei progetti su diversi dispositivi sono tutti passi importanti da compiere quando si progettano esperienze per i dispositivi mobili. Tenendo conto di queste considerazioni, i designer possono creare esperienze utente ottimizzate per i dispositivi mobili.<\/p>\n

1. Ridurre al minimo le dimensioni dei file: comprimere immagini e script, ridurre il numero di risorse esterne e di risorse che richiedono richieste HTTP. <\/p>\n

2. Design reattivo: utilizza le media query CSS per regolare il layout della pagina in base alle dimensioni del dispositivo e alla risoluzione dello schermo. <\/p>\n

3. Interazioni facili da toccare: assicuratevi che gli elementi interattivi siano sufficientemente grandi e distanziati per consentire un tocco preciso. <\/p>\n

4. Navigazione semplificata: riduzione del numero di opzioni di navigazione e mantenimento dei soli elementi essenziali per facilitarne l'uso su un dispositivo di dimensioni ridotte. <\/p>\n

5. Moduli ottimizzati: utilizzate input pi\u00f9 grandi e diminuite il numero di campi obbligatori per facilitare l'inserimento dei dati. <\/p>\n

6. Evitare le animazioni non necessarie: le animazioni che sembrano buone su un desktop possono essere lente o bloccarsi su un dispositivo mobile. <\/p>\n

7. Concentrarsi sul contenuto: includere solo contenuti rilevanti per gli utenti e mantenere il testo breve e conciso. <\/p>\n

8. Mantenere la semplicit\u00e0: i dispositivi mobili hanno schermi pi\u00f9 piccoli, quindi un design semplificato \u00e8 la soluzione migliore. Eliminate gli elementi non necessari per sfruttare al meglio lo spazio.<\/p>\n

Per approfondire l'argomento<\/h3>\n

Se desiderate approfondire l'argomento \"Come progettare per i dispositivi mobili\", vi consigliamo la seguente letteratura: <\/p>\n

1. Design dell'interfaccia mobile: ottimizzare l'esperienza dell'utente di Joy Reymond
\n10. Progettazione e sviluppo mobile: concetti e tecniche pratiche per la creazione di siti e applicazioni web per dispositivi mobili di Brian Fling
\n3. Progettare per il tatto: un'introduzione alla progettazione UX per i dispositivi mobili di Steve Fisher
\n4. Design web reattivo con HTML5 e CSS3 di Ben Frain
\n5. Mobile Design Pattern Gallery: Modelli di interfaccia utente per applicazioni mobili di Theresa Neil
\n6. Progettare interfacce mobili: principi, modelli e processi per una progettazione efficace dell'interazione mobile di Steven Hoober
\n7. Progettare interfacce mobili: idee, ispirazioni e consigli pratici per creare interfacce usabili su dispositivi mobili di Derek Featherstone
\n8. Progettare esperienze mobili: strategie per la progettazione e lo sviluppo di interfacce utente mobili di Marc Hassenzahl
\n9. Principi universali di design: 125 modi per migliorare l'usabilit\u00e0, influenzare la percezione, aumentare l'attrattiva, prendere decisioni di design migliori e insegnare attraverso il design, di William Lidwell, Kritina Holden e Jill Butler.
\n10. Adaptive Web Design: Creare esperienze ricche con il miglioramento progressivo di Aaron Gustafson<\/p>","protected":false},"excerpt":{"rendered":"

Introduzione Progettare per i dispositivi mobili significa considerare i vari aspetti dell'aspetto e del funzionamento del sito web o dell'applicazione su uno schermo di piccole dimensioni. I dispositivi mobili...<\/p>","protected":false},"author":1,"featured_media":11522,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_focuskw":"","_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","_yoast_wpseo_opengraph-title":"","_yoast_wpseo_opengraph-image":"","_nectar_header_bg":"","_nectar_header_bg_height":0,"_hwd_blog_posteur":"","footnotes":"","_yoast_wpseo_twitter-title":"","_yoast_wpseo_twitter-image":""},"categories":[1568],"tags":[],"class_list":{"0":"post-11523","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-englishonly"},"yoast_head":"\nHow to design for mobile devices | Cr\u00e9ation Site H\u00f4tellerie & Tourisme | Hotel Web Design<\/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:\/\/hotel-webdesign.com\/it\/come-progettare-per-i-dispositivi-mobili-2\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to design for mobile devices | Cr\u00e9ation Site H\u00f4tellerie & Tourisme | Hotel Web Design\" \/>\n<meta property=\"og:description\" content=\"Introduction Designing for mobile devices involves considering the various aspects of how the website or application will look as well as how it will function on a small screen. Mobile...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hotel-webdesign.com\/it\/come-progettare-per-i-dispositivi-mobili-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Cr\u00e9ation Site H\u00f4tellerie & Tourisme | Hotel Web Design\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hotelwebd\" \/>\n<meta property=\"article:published_time\" content=\"2023-06-11T09:27:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-18T11:18:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hotel-webdesign.com\/wp-content\/uploads\/2023\/06\/NordWood-17.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Hotel Web Design\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/en\\\/how-to-design-for-mobile-devices-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/en\\\/how-to-design-for-mobile-devices-2\\\/\"},\"author\":{\"name\":\"Hotel Web Design\",\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/#\\\/schema\\\/person\\\/61c7a52a8103c14255c8f26074eb204b\"},\"headline\":\"How to design for mobile devices\",\"datePublished\":\"2023-06-11T09:27:11+00:00\",\"dateModified\":\"2024-04-18T11:18:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/en\\\/how-to-design-for-mobile-devices-2\\\/\"},\"wordCount\":1564,\"publisher\":{\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/en\\\/how-to-design-for-mobile-devices-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hotel-webdesign.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/NordWood-17.jpg\",\"articleSection\":[\"englishonly\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/it\\\/wp-json\\\/wp\\\/v2\\\/posts\\\/11523\",\"url\":\"https:\\\/\\\/hotel-webdesign.com\\\/it\\\/wp-json\\\/wp\\\/v2\\\/posts\\\/11523\",\"name\":\"How to design for mobile devices | Cr\u00e9ation Site H\u00f4tellerie & Tourisme | Hotel Web Design\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/en\\\/how-to-design-for-mobile-devices-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/en\\\/how-to-design-for-mobile-devices-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/hotel-webdesign.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/NordWood-17.jpg\",\"datePublished\":\"2023-06-11T09:27:11+00:00\",\"dateModified\":\"2024-04-18T11:18:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/en\\\/how-to-design-for-mobile-devices-2\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hotel-webdesign.com\\\/en\\\/how-to-design-for-mobile-devices-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/en\\\/how-to-design-for-mobile-devices-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/hotel-webdesign.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/NordWood-17.jpg\",\"contentUrl\":\"https:\\\/\\\/hotel-webdesign.com\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/NordWood-17.jpg\",\"width\":1080,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/en\\\/how-to-design-for-mobile-devices-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/hotel-webdesign.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to design for mobile devices\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/#website\",\"url\":\"https:\\\/\\\/hotel-webdesign.com\\\/\",\"name\":\"Hotel Web Design\",\"description\":\"Agence Web H\u00f4tels Restaurants\",\"publisher\":{\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/#organization\"},\"alternateName\":\"Agence Web Hotels Restaurants\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hotel-webdesign.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/#organization\",\"name\":\"Hotel Web Design\",\"url\":\"https:\\\/\\\/hotel-webdesign.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/hotel-webdesign.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Hotel-Web-Design-logo-v2-version-grise.png\",\"contentUrl\":\"https:\\\/\\\/hotel-webdesign.com\\\/wp-content\\\/uploads\\\/2019\\\/11\\\/Hotel-Web-Design-logo-v2-version-grise.png\",\"width\":497,\"height\":181,\"caption\":\"Hotel Web Design\"},\"image\":{\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hotelwebd\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/hotel-webdesign.com\\\/#\\\/schema\\\/person\\\/61c7a52a8103c14255c8f26074eb204b\",\"name\":\"Hotel Web Design\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/072fe9721d7feafef4891675def49268d0b54e0cb72305cd56b8ff09cd2ae2d3?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/072fe9721d7feafef4891675def49268d0b54e0cb72305cd56b8ff09cd2ae2d3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/072fe9721d7feafef4891675def49268d0b54e0cb72305cd56b8ff09cd2ae2d3?s=96&d=mm&r=g\",\"caption\":\"Hotel Web Design\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Come progettare per i dispositivi mobili | Hotel Web Design","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:\/\/hotel-webdesign.com\/it\/come-progettare-per-i-dispositivi-mobili-2\/","og_locale":"it_IT","og_type":"article","og_title":"How to design for mobile devices | Cr\u00e9ation Site H\u00f4tellerie & Tourisme | Hotel Web Design","og_description":"Introduction Designing for mobile devices involves considering the various aspects of how the website or application will look as well as how it will function on a small screen. Mobile...","og_url":"https:\/\/hotel-webdesign.com\/it\/come-progettare-per-i-dispositivi-mobili-2\/","og_site_name":"Cr\u00e9ation Site H\u00f4tellerie & Tourisme | Hotel Web Design","article_publisher":"https:\/\/www.facebook.com\/hotelwebd","article_published_time":"2023-06-11T09:27:11+00:00","article_modified_time":"2024-04-18T11:18:56+00:00","og_image":[{"width":1080,"height":720,"url":"https:\/\/hotel-webdesign.com\/wp-content\/uploads\/2023\/06\/NordWood-17.jpg","type":"image\/jpeg"}],"author":"Hotel Web Design","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hotel-webdesign.com\/en\/how-to-design-for-mobile-devices-2\/#article","isPartOf":{"@id":"https:\/\/hotel-webdesign.com\/en\/how-to-design-for-mobile-devices-2\/"},"author":{"name":"Hotel Web Design","@id":"https:\/\/hotel-webdesign.com\/#\/schema\/person\/61c7a52a8103c14255c8f26074eb204b"},"headline":"How to design for mobile devices","datePublished":"2023-06-11T09:27:11+00:00","dateModified":"2024-04-18T11:18:56+00:00","mainEntityOfPage":{"@id":"https:\/\/hotel-webdesign.com\/en\/how-to-design-for-mobile-devices-2\/"},"wordCount":1564,"publisher":{"@id":"https:\/\/hotel-webdesign.com\/#organization"},"image":{"@id":"https:\/\/hotel-webdesign.com\/en\/how-to-design-for-mobile-devices-2\/#primaryimage"},"thumbnailUrl":"https:\/\/hotel-webdesign.com\/wp-content\/uploads\/2023\/06\/NordWood-17.jpg","articleSection":["englishonly"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/posts\/11523","url":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/posts\/11523","name":"Come progettare per i dispositivi mobili | Hotel Web Design","isPartOf":{"@id":"https:\/\/hotel-webdesign.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hotel-webdesign.com\/en\/how-to-design-for-mobile-devices-2\/#primaryimage"},"image":{"@id":"https:\/\/hotel-webdesign.com\/en\/how-to-design-for-mobile-devices-2\/#primaryimage"},"thumbnailUrl":"https:\/\/hotel-webdesign.com\/wp-content\/uploads\/2023\/06\/NordWood-17.jpg","datePublished":"2023-06-11T09:27:11+00:00","dateModified":"2024-04-18T11:18:56+00:00","breadcrumb":{"@id":"https:\/\/hotel-webdesign.com\/en\/how-to-design-for-mobile-devices-2\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hotel-webdesign.com\/en\/how-to-design-for-mobile-devices-2\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/hotel-webdesign.com\/en\/how-to-design-for-mobile-devices-2\/#primaryimage","url":"https:\/\/hotel-webdesign.com\/wp-content\/uploads\/2023\/06\/NordWood-17.jpg","contentUrl":"https:\/\/hotel-webdesign.com\/wp-content\/uploads\/2023\/06\/NordWood-17.jpg","width":1080,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/hotel-webdesign.com\/en\/how-to-design-for-mobile-devices-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/hotel-webdesign.com\/es\/"},{"@type":"ListItem","position":2,"name":"How to design for mobile devices"}]},{"@type":"WebSite","@id":"https:\/\/hotel-webdesign.com\/#website","url":"https:\/\/hotel-webdesign.com\/","name":"Web design per hotel","description":"Web Agency Alberghi Ristoranti","publisher":{"@id":"https:\/\/hotel-webdesign.com\/#organization"},"alternateName":"Agence Web Hotels Restaurants","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hotel-webdesign.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/hotel-webdesign.com\/#organization","name":"Web design per hotel","url":"https:\/\/hotel-webdesign.com\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/hotel-webdesign.com\/#\/schema\/logo\/image\/","url":"https:\/\/hotel-webdesign.com\/wp-content\/uploads\/2019\/11\/Hotel-Web-Design-logo-v2-version-grise.png","contentUrl":"https:\/\/hotel-webdesign.com\/wp-content\/uploads\/2019\/11\/Hotel-Web-Design-logo-v2-version-grise.png","width":497,"height":181,"caption":"Hotel Web Design"},"image":{"@id":"https:\/\/hotel-webdesign.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hotelwebd"]},{"@type":"Person","@id":"https:\/\/hotel-webdesign.com\/#\/schema\/person\/61c7a52a8103c14255c8f26074eb204b","name":"Web design per hotel","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/072fe9721d7feafef4891675def49268d0b54e0cb72305cd56b8ff09cd2ae2d3?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/072fe9721d7feafef4891675def49268d0b54e0cb72305cd56b8ff09cd2ae2d3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/072fe9721d7feafef4891675def49268d0b54e0cb72305cd56b8ff09cd2ae2d3?s=96&d=mm&r=g","caption":"Hotel Web Design"}}]}},"_links":{"self":[{"href":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/posts\/11523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/comments?post=11523"}],"version-history":[{"count":1,"href":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/posts\/11523\/revisions"}],"predecessor-version":[{"id":13391,"href":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/posts\/11523\/revisions\/13391"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/media\/11522"}],"wp:attachment":[{"href":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/media?parent=11523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/categories?post=11523"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hotel-webdesign.com\/it\/wp-json\/wp\/v2\/tags?post=11523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}