0
IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT:IL WEB PER UNORGANIZZAZIONE COMPLESSA        COME LUNIVERSITÀ ...
Perché cambiare ?Il web comelabbiamo conosciuto
Perché cambiare ?Il web comè oggi!                     The webs moved beyond                     the desktop, and its not ...
Perché cambiare ?Un mondo nuovo di dispositivi...
Perché cambiare ?...e di situazioni ...
Soluzioni?• Mobile Applications ?• Mobile Website ?• Responsive Web Design ?
Mobile Apps•   Migliore user                           •   Costi elevati di sviluppo e    experience possibile    sul devi...
Mobile AppsCreeresti una App per ognuno di questi ?
Mobile Website•   Interfaccia pensata e                            •   Costi di sviluppo extra    ottimizzata per    displ...
Mobile WebsiteDecifrare la user agent è così semplice ?Android Webkit Browser - Mozilla/5.0 (Linux; U; Android 2.3.5; zh-c...
Responsive Web                Design•   Abbatte i costi complessivi del       •   Il progetto di design    progetto:      ...
Responsive Web           DesignAncora dubbi ??http://mobile.smashingmagazine.com/2012/08/22/separate-mobile-responsive-web...
Ho scelto... e adesso ?Quali sono i passi necessari per realizzare un            progetto sostenibile ?
Un progetto sostenibile•   Sviluppare il progetto con la governance    dellorganizzazione e gestire positivamente le    na...
I protagonisti?                        la Governance                             dAteneo                      Università  ...
Gli obiettivi    Trasmettere                        Diffondereil brand di Ateneo                 lidentità digitale       ...
Gli obiettiviParlare con                               Raggiungere il  efficacia                              maggior nume...
Gli obiettiviLavorare con interfacce             Migliorare i  semplici e intuitive            processi interni       Inse...
Gli obiettivi Raggiungere                         Trovare velocemente                      informazionile informazioni    ...
Progettazione            partecipataSono stati raccolti i punti                                  Userdi vista di tutti i k...
Progettazione partecipata    Scelte   condivise               la Governance               dAteneo valida ogni             ...
Progettazione             partecipata     Condividere la  conoscenza aiuta lasostenibilità del progetto                   ...
Yes! We Drupal  Costicontenuti
DrupalFlessibilità                   • Integrabile                   • Modulare                   • Robusto               ...
Drupal                               “Il backend è snello e                                intuitivo. Personale           ...
Drupal         Supporto al         responsive           design
Approcci e         Metodologie UXFacilitare laccessoalle informazioni:meno livelli e piùsezioni tematiche         Architet...
Approcci e         Metodologie UXSapere esattamentecosa vuoi comunicare...       Cosa farò                             da ...
Approcci e       Metodologie UX Mantenere il tuomessaggio intatto a prescindere dalla dimensione dello     schermo     Con...
Approcci e  Metodologie UXContinuos  UserExperience
Il risultato?PC desktop        Tablet   Smartphone                           www.cineca.it
Smart TV Samsung nel salotto di Roberto
Ipad 3 di Luca, utilizzatoanche a Machu PicchuSamsung S2 di Elena,più volte scampato permiracolo alla pentola delsugoHTC M...
Blackberry9360 di Marco, 41 anni,Sony Ericsson    Ingegnere Elettronico. Pensa diP1i (a.d.2007)   acquistare anche un Play...
Nokia N97 di Fabio, uno deitanti della sua collezione
Samsung Nexus 7 di Marcopolo ExpertCasalecchio di Reno(BO)
NintendoDS di Vera, 10 anni e nativamente mobile.Interrotta durante una sessione di “Animal Crossing”
Fon Fon Tan Crin di Giuseppe, 49 anni, romagnolo
Domande ?                                i.bersanetti@cineca.itSuggerimenti per la lettura: •   http://www.lukew.com/ •   ...
DICE GRAZIE A SPONSOR       MEDIA PARTNER  IN COLLABORAZIONE CONFIRMATO: GLI ORGANIZZATORI ;)
Upcoming SlideShare
Loading in...5
×

Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT: IL WEB PER UN…

708

Published on

Guarda il talk su http://www.youtube.com/watch?v=5M6K3DpzRqw
E dai un giudizio su https://joind.in/talk/view/7712

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
708
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT: IL WEB PER UN…"

  1. 1. IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT:IL WEB PER UNORGANIZZAZIONE COMPLESSA COME LUNIVERSITÀ DI SIENA IGOR BERSANETTI
  2. 2. Perché cambiare ?Il web comelabbiamo conosciuto
  3. 3. Perché cambiare ?Il web comè oggi! The webs moved beyond the desktop, and its not looking back. The number of devices were designing for is growing just as quickly as mobile traffic. Ethan Marcott
  4. 4. Perché cambiare ?Un mondo nuovo di dispositivi...
  5. 5. Perché cambiare ?...e di situazioni ...
  6. 6. Soluzioni?• Mobile Applications ?• Mobile Website ?• Responsive Web Design ?
  7. 7. Mobile Apps• Migliore user • Costi elevati di sviluppo e experience possibile sul device soprattutto manutenzione indirizzato • Soddisfa solo una piccola parte dellutenza • Approccio non “future friendly”
  8. 8. Mobile AppsCreeresti una App per ognuno di questi ?
  9. 9. Mobile Website• Interfaccia pensata e • Costi di sviluppo extra ottimizzata per display più piccoli • Veicola solo una parte dei contenuti disponibili• Contenuti riveduti e ottimizzati per • Richiede un doppio schermi piccoli lavoro di redazione• Sito semplice, rapido • User Agent da consultare
  10. 10. Mobile WebsiteDecifrare la user agent è così semplice ?Android Webkit Browser - Mozilla/5.0 (Linux; U; Android 2.3.5; zh-cn; HTC_IncredibleS_S710eBuild/GRJ90) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0Mobile Safari/533.1- Mozilla/5.0 (Linux; U; Android 2.3.5; en-us; HTC Vision Build/GRI40)AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 MobileSafari/533.1IE Mobile- Mozilla/5.0 (compatible; MSIE 9.0; Windows Phone OS 7.5;Trident/5.0; IEMobile/9.0)- HTC_Touch_3G Mozilla/4.0 (compatible; MSIE 6.0; Windows CE;IEMobile 7.11)- Mozilla/4.0 (compatible; MSIE 7.0; Windows Phone OS 7.0;Trident/3.1; IEMobile/7.0; Nokia;N70)
  11. 11. Responsive Web Design• Abbatte i costi complessivi del • Il progetto di design progetto: aumenta in complessità - 1 solo progetto - 1 sola redazione • Servono competenze mirate in tutte le fasi del• La user experience è sempre progetto. coerente• Il contenuto di un sito responsive è lo stesso per tutti; anche questa è una forma di equità sociale• È “future friendly”
  12. 12. Responsive Web DesignAncora dubbi ??http://mobile.smashingmagazine.com/2012/08/22/separate-mobile-responsive-website-presidential-smackdown/
  13. 13. Ho scelto... e adesso ?Quali sono i passi necessari per realizzare un progetto sostenibile ?
  14. 14. Un progetto sostenibile• Sviluppare il progetto con la governance dellorganizzazione e gestire positivamente le naturali resistenze interne• Definire gli obiettivi della comunicazione• Scegliere una piattaforma tecnologica adeguata• Adottare le corrette metodologie di analisi e sviluppo
  15. 15. I protagonisti? la Governance dAteneo Università di Siena www.unisi.itIl Servizio portale LUtente finale il Personale dAteneo
  16. 16. Gli obiettivi Trasmettere Diffondereil brand di Ateneo lidentità digitale e le soluzioni tecnologicheIntegrare i su tutti i gestionali siti satelliti Mantenere bassi Un portale i costi orientato allo studente e allinternazionalizzazione
  17. 17. Gli obiettiviParlare con Raggiungere il efficacia maggior numero a tutte di utenti possibilele categorie di utenti Valorizzare e promuovere con efficacia leLavorare con un strumento eccellenze dAteneo veloce e flessibile
  18. 18. Gli obiettiviLavorare con interfacce Migliorare i semplici e intuitive processi interni Inserire le informazioni una sola volta
  19. 19. Gli obiettivi Raggiungere Trovare velocemente informazionile informazioni comprensibili!che mi servono Conoscere Rimanere aggiornata lUniversità e sulle opportunità per la città di Siena lo studio e per il lavoro
  20. 20. Progettazione partecipataSono stati raccolti i punti Userdi vista di tutti i key users research
  21. 21. Progettazione partecipata Scelte condivise la Governance dAteneo valida ogni singolo aspetto
  22. 22. Progettazione partecipata Condividere la conoscenza aiuta lasostenibilità del progetto Knowledge Transfer
  23. 23. Yes! We Drupal Costicontenuti
  24. 24. DrupalFlessibilità • Integrabile • Modulare • Robusto • Configurabile
  25. 25. Drupal “Il backend è snello e intuitivo. Personale molto eterogeneo lo usa in egual modo” Giacomo “Dopo unoretta di corsotutte le resistenze verso lo Semplicità strumento scompaiono” Giacomo
  26. 26. Drupal Supporto al responsive design
  27. 27. Approcci e Metodologie UXFacilitare laccessoalle informazioni:meno livelli e piùsezioni tematiche Architettura dellinformazione
  28. 28. Approcci e Metodologie UXSapere esattamentecosa vuoi comunicare... Cosa farò da grande ? Content … e cosa lutente si Strategy aspetta di trovare!
  29. 29. Approcci e Metodologie UX Mantenere il tuomessaggio intatto a prescindere dalla dimensione dello schermo Content Strategy
  30. 30. Approcci e Metodologie UXContinuos UserExperience
  31. 31. Il risultato?PC desktop Tablet Smartphone www.cineca.it
  32. 32. Smart TV Samsung nel salotto di Roberto
  33. 33. Ipad 3 di Luca, utilizzatoanche a Machu PicchuSamsung S2 di Elena,più volte scampato permiracolo alla pentola delsugoHTC Magic di Roberto, ilsuo preferito
  34. 34. Blackberry9360 di Marco, 41 anni,Sony Ericsson Ingegnere Elettronico. Pensa diP1i (a.d.2007) acquistare anche un Playbook... di Giacomo
  35. 35. Nokia N97 di Fabio, uno deitanti della sua collezione
  36. 36. Samsung Nexus 7 di Marcopolo ExpertCasalecchio di Reno(BO)
  37. 37. NintendoDS di Vera, 10 anni e nativamente mobile.Interrotta durante una sessione di “Animal Crossing”
  38. 38. Fon Fon Tan Crin di Giuseppe, 49 anni, romagnolo
  39. 39. Domande ? i.bersanetti@cineca.itSuggerimenti per la lettura: • http://www.lukew.com/ • http://www.alistapart.com/articles/responsive-web-design • http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/ • http://www.alistapart.com/articles/your-content-now-mobile/
  40. 40. DICE GRAZIE A SPONSOR MEDIA PARTNER IN COLLABORAZIONE CONFIRMATO: GLI ORGANIZZATORI ;)
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×