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

1,138 views

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
1,138
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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 ;)

×