SlideShare a Scribd company logo

Responsive web design

•Download as PPTX, PDF•
•
D
dulgheru_vlad
Internet
1 of 11
RESPONSIVE WEB DESIGN VLAD DULGHERU & ALEKSANDAR DJOKIC
CHE COS’E? Articolo del 2010 di Ethan Marcottte scritto per A List Part Responsive design is not about “designing for mobile.” But it’s not about “designing for the desktop,” either. Rather, it’s about adopting a more flexible, device-agnostic approach to designing for the web
DESKTOP AND MOBILE Desktop: Informazioni descrittive, approfondite e dettagliate Mobile: Informazioni molto piu coincise
DESKTOP AND MOBILE
PERCHE RESPONSIVE -Addatamanto ad ogni dispositivo -Gestione semplice -Risparmio di tempo e denaro -Guadagno nuovo “target” (esempio sito albergo non responsive)
FARE ACQUISTI DA MOBILE 2010 Amazon registra vendite per 1 miliardo di dollari da dispositivi mobile. 40% delle transazioni su eBay avviene tramite l’app mobile.
DIFFUSIONE DEI DISPOSITIVI MOBILI (STATI UNITI)
SITO MOBILE ASPETTI POSITIVI: - INDIRIZZO DEDICATO - MAGGIORE VELOCITA’ DI CARICAMENTO - POSSONO ESSERE STUDIATI CONTENUTI AD HOC PER QUEL TIPO DI UTENTE ASPETTI NEGATIVI: - NON TIENE CONTO DI ALTRI DISPOSTIVI D’ACCESSO (TABLET, IPAD,EBOOK) OLTRE AL LAPTOP
SITO RESPONSIVE ASPETTI POSITIVI: - SITO UNICO DA GESTIRE (SIA PER I CONTENUTI CHE PER LA USER EXPERIENCE) - LATO SEO -> UN SITO UNICO DA PROMUOVERE - IL SITO E’ PREDISPOSTO PER IL “FUTURO”
OBAMA VS ROMNEY OBAMA: • TECNICA DEL RESPONSIVE WEB DESIGN Per il 28%Degli americani Il dispositivo mobile rappresenta la via primaria di accesso al web ROMNEY: • VERSIONE DEL SITO SPECIFICA PER I DEVICE MOBILE
RESPONSIVE WEB DESIGN & E- COMMERCE PERCHE USARE IL RESPONSIVE: • AUMENTO DELLE VENDITE DI SMARTPHONE E TABLET NEL 2012-2013 • GLI UTENTI WEB COLLEGATI DAL MOBILE SONO IN COSTANTE AUMENTO • SITO CONSULTABILE IN OGNI MOMENTO E OGNI LUOGO • UNA MIGLIORE ESPERIENZA UTENTE • E-COMMERCE E’ NELLA SUA PIENA ESPANSIONE

Recommended

Mobile App Stores Economy
Mobile App Stores EconomyMobile App Stores Economy
Mobile App Stores EconomyFabio Viola
 
Social CRM e MondoMobile 8 marzo 2012
Social CRM e MondoMobile 8 marzo 2012Social CRM e MondoMobile 8 marzo 2012
Social CRM e MondoMobile 8 marzo 2012Oversocial
 
Big data-simonetta
Big data-simonettaBig data-simonetta
Big data-simonettaJames Simonetta
 
Social...Social…Social Che?
Social...Social…Social Che?Social...Social…Social Che?
Social...Social…Social Che?Elia Ferrotti
 
Social CRM - paper
Social CRM - paperSocial CRM - paper
Social CRM - papersenders1986
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignDaniel Vedovato
 
Native App & Web App
Native App & Web AppNative App & Web App
Native App & Web AppShakur88
 
Internet of Things
Internet of ThingsInternet of Things
Internet of ThingsAndrea Gobbin
 

Recommended

Mobile App Stores Economy
Mobile App Stores EconomyMobile App Stores Economy
Mobile App Stores EconomyFabio Viola
 
Social CRM e MondoMobile 8 marzo 2012
Social CRM e MondoMobile 8 marzo 2012Social CRM e MondoMobile 8 marzo 2012
Social CRM e MondoMobile 8 marzo 2012Oversocial
 
Big data-simonetta
Big data-simonettaBig data-simonetta
Big data-simonettaJames Simonetta
 
Social...Social…Social Che?
Social...Social…Social Che?Social...Social…Social Che?
Social...Social…Social Che?Elia Ferrotti
 
Social CRM - paper
Social CRM - paperSocial CRM - paper
Social CRM - papersenders1986
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignDaniel Vedovato
 
Native App & Web App
Native App & Web AppNative App & Web App
Native App & Web AppShakur88
 
Internet of Things
Internet of ThingsInternet of Things
Internet of ThingsAndrea Gobbin
 
Social Media e Fama
Social Media e FamaSocial Media e Fama
Social Media e FamaElsifo92
 
Social CRM - slide
Social CRM - slideSocial CRM - slide
Social CRM - slidesenders1986
 
Paper presentazione social media
Paper presentazione social mediaPaper presentazione social media
Paper presentazione social mediaalessioemireni
 
Open data
Open dataOpen data
Open datasociallol
 
Big data
Big dataBig data
Big dataGiulia Corsi
 
Smart Cities
Smart CitiesSmart Cities
Smart CitiesNicola Musolino
 
Attivismo Online
Attivismo OnlineAttivismo Online
Attivismo Onlineacar2
 
Cloud e big data
Cloud e big dataCloud e big data
Cloud e big dataManuel Boscolo
 
App World War
App World WarApp World War
App World WarMattia Corami
 
Open_Data
Open_DataOpen_Data
Open_DataGiacomo Benvegnù
 
Native Mobile Apps
Native Mobile AppsNative Mobile Apps
Native Mobile Appsgreed92
 
Open data (NEW)
Open data (NEW)Open data (NEW)
Open data (NEW)Nicola Soldà
 
Internet degli oggetti
Internet degli oggettiInternet degli oggetti
Internet degli oggettiAlex Fontana
 
Presentazionesocial
PresentazionesocialPresentazionesocial
PresentazionesocialVeronica Pagini
 
Game & developer
Game & developerGame & developer
Game & developerFabiano Lovato
 
Open data
Open dataOpen data
Open datafabiomondin08
 
Smart cities
Smart citiesSmart cities
Smart citiesNicola Sgarbossa
 
Cloud storage e cloud computing
Cloud storage e cloud computingCloud storage e cloud computing
Cloud storage e cloud computingAndrea Zara
 
Social Media Marketing
Social Media MarketingSocial Media Marketing
Social Media MarketingAlessandro Vianello
 
Cloud storage
Cloud storageCloud storage
Cloud storageAlessandro Bicciato
 
Aperinfo maggio-2012 - Mobile
Aperinfo maggio-2012 - MobileAperinfo maggio-2012 - Mobile
Aperinfo maggio-2012 - Mobileaperinfo
 
Domainshow.it
Domainshow.itDomainshow.it
Domainshow.itFrancesco Cetraro
 

More Related Content

Viewers also liked

Social Media e Fama
Social Media e FamaSocial Media e Fama
Social Media e FamaElsifo92
 
Social CRM - slide
Social CRM - slideSocial CRM - slide
Social CRM - slidesenders1986
 
Paper presentazione social media
Paper presentazione social mediaPaper presentazione social media
Paper presentazione social mediaalessioemireni
 
Attivismo Online
Attivismo OnlineAttivismo Online
Attivismo Onlineacar2
 
Native Mobile Apps
Native Mobile AppsNative Mobile Apps
Native Mobile Appsgreed92
 
Internet degli oggetti
Internet degli oggettiInternet degli oggetti
Internet degli oggettiAlex Fontana
 
Cloud storage e cloud computing
Cloud storage e cloud computingCloud storage e cloud computing
Cloud storage e cloud computingAndrea Zara
 

Viewers also liked (20)

Social Media e Fama
Social Media e FamaSocial Media e Fama
Social Media e Fama
 
Social CRM - slide
Social CRM - slideSocial CRM - slide
Social CRM - slide
 
Paper presentazione social media
Paper presentazione social mediaPaper presentazione social media
Paper presentazione social media
 
Open data
Open dataOpen data
Open data
 
Big data
Big dataBig data
Big data
 
Smart Cities
Smart CitiesSmart Cities
Smart Cities
 
Attivismo Online
Attivismo OnlineAttivismo Online
Attivismo Online
 
Cloud e big data
Cloud e big dataCloud e big data
Cloud e big data
 
App World War
App World WarApp World War
App World War
 
Open_Data
Open_DataOpen_Data
Open_Data
 
Native Mobile Apps
Native Mobile AppsNative Mobile Apps
Native Mobile Apps
 
Open data (NEW)
Open data (NEW)Open data (NEW)
Open data (NEW)
 
Internet degli oggetti
Internet degli oggettiInternet degli oggetti
Internet degli oggetti
 
Presentazionesocial
PresentazionesocialPresentazionesocial
Presentazionesocial
 
Game & developer
Game & developerGame & developer
Game & developer
 
Open data
Open dataOpen data
Open data
 
Smart cities
Smart citiesSmart cities
Smart cities
 
Cloud storage e cloud computing
Cloud storage e cloud computingCloud storage e cloud computing
Cloud storage e cloud computing
 
Social Media Marketing
Social Media MarketingSocial Media Marketing
Social Media Marketing
 
Cloud storage
Cloud storageCloud storage
Cloud storage
 

Similar to Responsive web design

Aperinfo maggio-2012 - Mobile
Aperinfo maggio-2012 - MobileAperinfo maggio-2012 - Mobile
Aperinfo maggio-2012 - Mobileaperinfo
 
Dal Mobile al Responsive Design: la Rete che Cambia
Dal Mobile al Responsive Design: la Rete che CambiaDal Mobile al Responsive Design: la Rete che Cambia
Dal Mobile al Responsive Design: la Rete che CambiaFormazioneTurismo
 
Mobile - Quali approcci?
Mobile - Quali approcci?Mobile - Quali approcci?
Mobile - Quali approcci?Gaspare Novara
 
Sviluppo Mobile , quali approcci?
Sviluppo Mobile , quali approcci?Sviluppo Mobile , quali approcci?
Sviluppo Mobile , quali approcci?lostrettodigitale
 
Mobile UX - Web vs. Mobile due esperienze d'uso a confronto
Mobile UX - Web vs. Mobile due esperienze d'uso a confrontoMobile UX - Web vs. Mobile due esperienze d'uso a confronto
Mobile UX - Web vs. Mobile due esperienze d'uso a confrontoSilvia Soccol
 
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....Branding 2.0
 
App vs Mobile website: quale lo scenario vincente?
App vs Mobile website: quale lo scenario vincente?App vs Mobile website: quale lo scenario vincente?
App vs Mobile website: quale lo scenario vincente?Websolute
 
Essere o non essere Responsive by massimo.milone
Essere o non essere Responsive by massimo.miloneEssere o non essere Responsive by massimo.milone
Essere o non essere Responsive by massimo.miloneMassimo Milone
 
Web Domus Italia - Guida ai servizi
Web Domus Italia - Guida ai servizi Web Domus Italia - Guida ai servizi
Web Domus Italia - Guida ai servizi Web Domus
 
Responsive Design: Mobile, più che una Moda uno Tsunami – 5^ parte
Responsive Design: Mobile, più che una Moda uno Tsunami – 5^ parteResponsive Design: Mobile, più che una Moda uno Tsunami – 5^ parte
Responsive Design: Mobile, più che una Moda uno Tsunami – 5^ parteFormazioneTurismo
 
Workshop SMAU Bari 07022013
Workshop SMAU Bari 07022013Workshop SMAU Bari 07022013
Workshop SMAU Bari 07022013E-labora
 
Mobile, le opportunità di una tecnologia vicina
Mobile, le opportunità di una tecnologia vicinaMobile, le opportunità di una tecnologia vicina
Mobile, le opportunità di una tecnologia vicinaAndrea Piovani
 
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicinaRiccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicinaDigital Accademia
 
Mobile: le opportunità di una tecnologia vicina
Mobile: le opportunità di una tecnologia vicinaMobile: le opportunità di una tecnologia vicina
Mobile: le opportunità di una tecnologia vicinaAndrea Piovani
 
Mobile Marketing per le Destinazioni Turistiche
Mobile Marketing per le Destinazioni TuristicheMobile Marketing per le Destinazioni Turistiche
Mobile Marketing per le Destinazioni TuristicheAntonio Maresca
 
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPS
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPSLezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPS
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPSGianluigi Cogo
 
Break Even adv - Mobile Adv
Break Even adv - Mobile AdvBreak Even adv - Mobile Adv
Break Even adv - Mobile Advbreakevenadv
 

Similar to Responsive web design (20)

Aperinfo maggio-2012 - Mobile
Aperinfo maggio-2012 - MobileAperinfo maggio-2012 - Mobile
Aperinfo maggio-2012 - Mobile
 
Domainshow.it
Domainshow.itDomainshow.it
Domainshow.it
 
Dal Mobile al Responsive Design: la Rete che Cambia
Dal Mobile al Responsive Design: la Rete che CambiaDal Mobile al Responsive Design: la Rete che Cambia
Dal Mobile al Responsive Design: la Rete che Cambia
 
Mobile - Quali approcci?
Mobile - Quali approcci?Mobile - Quali approcci?
Mobile - Quali approcci?
 
Sviluppo Mobile , quali approcci?
Sviluppo Mobile , quali approcci?Sviluppo Mobile , quali approcci?
Sviluppo Mobile , quali approcci?
 
Mobile UX - Web vs. Mobile due esperienze d'uso a confronto
Mobile UX - Web vs. Mobile due esperienze d'uso a confrontoMobile UX - Web vs. Mobile due esperienze d'uso a confronto
Mobile UX - Web vs. Mobile due esperienze d'uso a confronto
 
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....
App vs mobile website - Intervento di Claudio Tonti (Websolute) a Branding 2....
 
App vs Mobile website: quale lo scenario vincente?
App vs Mobile website: quale lo scenario vincente?App vs Mobile website: quale lo scenario vincente?
App vs Mobile website: quale lo scenario vincente?
 
Le app
Le appLe app
Le app
 
Essere o non essere Responsive by massimo.milone
Essere o non essere Responsive by massimo.miloneEssere o non essere Responsive by massimo.milone
Essere o non essere Responsive by massimo.milone
 
Web Domus Italia - Guida ai servizi
Web Domus Italia - Guida ai servizi Web Domus Italia - Guida ai servizi
Web Domus Italia - Guida ai servizi
 
Responsive Design: Mobile, più che una Moda uno Tsunami – 5^ parte
Responsive Design: Mobile, più che una Moda uno Tsunami – 5^ parteResponsive Design: Mobile, più che una Moda uno Tsunami – 5^ parte
Responsive Design: Mobile, più che una Moda uno Tsunami – 5^ parte
 
Workshop SMAU Bari 07022013
Workshop SMAU Bari 07022013Workshop SMAU Bari 07022013
Workshop SMAU Bari 07022013
 
Mobile, le opportunità di una tecnologia vicina
Mobile, le opportunità di una tecnologia vicinaMobile, le opportunità di una tecnologia vicina
Mobile, le opportunità di una tecnologia vicina
 
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicinaRiccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
Riccardo Bosio e Andrea Piovani: Mobile, le opportunità di una tecnologia vicina
 
Mobile: le opportunità di una tecnologia vicina
Mobile: le opportunità di una tecnologia vicinaMobile: le opportunità di una tecnologia vicina
Mobile: le opportunità di una tecnologia vicina
 
Mobile Marketing per le Destinazioni Turistiche
Mobile Marketing per le Destinazioni TuristicheMobile Marketing per le Destinazioni Turistiche
Mobile Marketing per le Destinazioni Turistiche
 
App, sito mobile o entrambi ?
App, sito mobile o entrambi ?App, sito mobile o entrambi ?
App, sito mobile o entrambi ?
 
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPS
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPSLezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPS
Lezione 11 del 13 marzo 2012 - L'ECOSISTEMA DELLE APPS
 
Break Even adv - Mobile Adv
Break Even adv - Mobile AdvBreak Even adv - Mobile Adv
Break Even adv - Mobile Adv
 

Responsive web design

  • 1. RESPONSIVE WEB DESIGN VLAD DULGHERU & ALEKSANDAR DJOKIC
  • 2. CHE COS’E? Articolo del 2010 di Ethan Marcottte scritto per A List Part Responsive design is not about “designing for mobile.” But it’s not about “designing for the desktop,” either. Rather, it’s about adopting a more flexible, device-agnostic approach to designing for the web
  • 3. DESKTOP AND MOBILE Desktop: Informazioni descrittive, approfondite e dettagliate Mobile: Informazioni molto piu coincise
  • 5. PERCHE RESPONSIVE -Addatamanto ad ogni dispositivo -Gestione semplice -Risparmio di tempo e denaro -Guadagno nuovo “target” (esempio sito albergo non responsive)
  • 6. FARE ACQUISTI DA MOBILE 2010 Amazon registra vendite per 1 miliardo di dollari da dispositivi mobile. 40% delle transazioni su eBay avviene tramite l’app mobile.
  • 7. DIFFUSIONE DEI DISPOSITIVI MOBILI (STATI UNITI)
  • 8. SITO MOBILE ASPETTI POSITIVI: - INDIRIZZO DEDICATO - MAGGIORE VELOCITA’ DI CARICAMENTO - POSSONO ESSERE STUDIATI CONTENUTI AD HOC PER QUEL TIPO DI UTENTE ASPETTI NEGATIVI: - NON TIENE CONTO DI ALTRI DISPOSTIVI D’ACCESSO (TABLET, IPAD,EBOOK) OLTRE AL LAPTOP
  • 9. SITO RESPONSIVE ASPETTI POSITIVI: - SITO UNICO DA GESTIRE (SIA PER I CONTENUTI CHE PER LA USER EXPERIENCE) - LATO SEO -> UN SITO UNICO DA PROMUOVERE - IL SITO E’ PREDISPOSTO PER IL “FUTURO”
  • 10. OBAMA VS ROMNEY OBAMA: • TECNICA DEL RESPONSIVE WEB DESIGN Per il 28%Degli americani Il dispositivo mobile rappresenta la via primaria di accesso al web ROMNEY: • VERSIONE DEL SITO SPECIFICA PER I DEVICE MOBILE
  • 11. RESPONSIVE WEB DESIGN & E- COMMERCE PERCHE USARE IL RESPONSIVE: • AUMENTO DELLE VENDITE DI SMARTPHONE E TABLET NEL 2012-2013 • GLI UTENTI WEB COLLEGATI DAL MOBILE SONO IN COSTANTE AUMENTO • SITO CONSULTABILE IN OGNI MOMENTO E OGNI LUOGO • UNA MIGLIORE ESPERIENZA UTENTE • E-COMMERCE E’ NELLA SUA PIENA ESPANSIONE