Drupal Day 2012 - IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT: IL WEB PER UN…
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 783 views

Guarda il talk su http://www.youtube.com/watch?v=5M6K3DpzRqw

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

Statistics

Views

Total Views
783
Views on SlideShare
783
Embed Views
0

Actions

Likes
1
Downloads
4
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • IL RESPONSIVE WEB DESIGN NON È SOLO UNA QUESTIONE DI LAYOUT:IL WEB PER UNORGANIZZAZIONE COMPLESSA COME LUNIVERSITÀ DI SIENA IGOR BERSANETTI
  • Perché cambiare ?Il web comelabbiamo conosciuto
  • 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
  • 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 device soprattutto manutenzione indirizzato • Soddisfa solo una piccola parte dellutenza • Approccio non “future friendly”
  • Mobile AppsCreeresti una App per ognuno di questi ?
  • 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
  • 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)
  • 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”
  • Responsive Web DesignAncora dubbi ??http://mobile.smashingmagazine.com/2012/08/22/separate-mobile-responsive-website-presidential-smackdown/
  • 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 naturali resistenze interne• Definire gli obiettivi della comunicazione• Scegliere una piattaforma tecnologica adeguata• Adottare le corrette metodologie di analisi e sviluppo
  • I protagonisti? la Governance dAteneo Università di Siena www.unisi.itIl Servizio portale LUtente finale il Personale dAteneo
  • 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
  • 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
  • Gli obiettiviLavorare con interfacce Migliorare i semplici e intuitive processi interni Inserire le informazioni una sola volta
  • 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
  • Progettazione partecipataSono stati raccolti i punti Userdi vista di tutti i key users research
  • Progettazione partecipata Scelte condivise la Governance dAteneo valida ogni singolo aspetto
  • Progettazione partecipata Condividere la conoscenza aiuta lasostenibilità del progetto Knowledge Transfer
  • Yes! We Drupal Costicontenuti
  • DrupalFlessibilità • Integrabile • Modulare • Robusto • Configurabile
  • 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
  • Drupal Supporto al responsive design
  • Approcci e Metodologie UXFacilitare laccessoalle informazioni:meno livelli e piùsezioni tematiche Architettura dellinformazione
  • Approcci e Metodologie UXSapere esattamentecosa vuoi comunicare... Cosa farò da grande ? Content … e cosa lutente si Strategy aspetta di trovare!
  • Approcci e Metodologie UX Mantenere il tuomessaggio intatto a prescindere dalla dimensione dello schermo Content Strategy
  • 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 Magic di Roberto, ilsuo preferito
  • Blackberry9360 di Marco, 41 anni,Sony Ericsson Ingegnere Elettronico. Pensa diP1i (a.d.2007) acquistare anche un Playbook... di Giacomo
  • 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/ • 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/
  • DICE GRAZIE A SPONSOR MEDIA PARTNER IN COLLABORAZIONE CONFIRMATO: GLI ORGANIZZATORI ;)