School.net
Corso di Prototipazione e Produzione Web, Design di Ambienti per la Comunicazone, UniversitĂ di Siena, A.A. 2008/09 Docenti: Elisa Rubegni, Maurizio Caporali, Andrea Alessandrini
Design Team:
Simona Avolio Simona Conti Antonio Dell’Ava
School.net
One
Sentence
Design
Statement
Creare una applicazione web, fruibile da workstation e da mobile devices, che proponga l'iter delle attività progettuali degli studenti del DAC al fine di connetterle alle esigenze di profili e abilità professionali delle aziende e delle pubbliche amministrazioni • permettere di creare portfolios digitali agli studenti del DAC • mettere in collegamento questi ultimi con l'azienda • favorire la collaborazione e il collegamento presente e futuro fra gli studenti
School.net
Segmentazione dell'utenza In seguito alla definizione dei macro-obiettivi da perseguire, il progetto ha previsto l’individuazione delle categorie di utenza a cui si indirizza l’applicazione web. USER SEGMENTS
Chi
Studenti DAC Primo Anno Secondo Anno
Studenti del primo anno di DAC Studenti del secondo anno di DAC
Aziende Aziende di Design Aziende di Settori Affini al Design
Addetti alla selezione del personale di aziende di design Addetti alla selezione del personale di aziende legate al design (hardware, architettura, ingegneria, ...)
Pubbliche Amministrazion i
Comuni, Provincie, Regioni, ONLUS, ...
Istituti di Ricerca
CNR, Centri di ricerca di interaction design (Limerick, Aarhus, Stoccolma, ...)
Altre Scuole di Design
Altri studenti e docenti di altre università (RCA, Aarhus, Limerick, ...)
School.net
MicroMicro-obiettivi rispetto ai segmenti di utenza Per ogni categoria di utenza sono inoltre stati definiti degli obiettivi specifici
Studenti DAC (Studenti del primo anno e del secondo anno di DAC) - rendere visibile e promuovere l'attività, le abilità e i progetti degli studenti del corso di laurea DAC - far rimanere gli studenti del DAC un gruppo unito attorno a una esperienza condivisa - definire uno spazio di collegamento tra mondo accademico e mondo professionale
Aziende di Design (Addetti alla selezione del personale di aziende di design) - creare connessioni fra le attività delle aziende e il DAC - il successo di un alunno deve tradursi in un vantaggio per tutti
Aziende di Settori Affini al Design (Addetti alla selezione del personale di aziende legate al design - hardware, architettura, ingegneria, ...- )
- far sì che le aziende vengano a conoscenza e sentano l'esigenza di avere i profili professionali che il DAC crea (interaction designer) •creare connessioni fra le attività delle aziende e il nostro lavoro •dare un ruolo all'interaction designer definendo le sue abilità multidisciplinari
School.net
Pubbliche Amministrazioni (Comuni, Provincie, Regioni, ONLUS, ...) - definire uno spazio di collegamento tra mondo accademico e mondo professionale
Istituti di Ricerca (CNR, Centri di ricerca di interaction design - Limerick, Aarhus, Stoccolma, ...- ) -creare collegamento tra la nostra realtà accademica e le analoghe realtà nel mondo
Altre Scuole di Design (Altri studenti e docenti di altre università - RCA, Aarhus, Limerick, ...- ) Rendere sempre disponibile e aggiornabile il proprio portfolio digitale
School.net Definizione dei key values La definizione di key values specifici per ogni categoria di utenza considerata ha permesso di sviluppare con maggior precisione i contenuti dell’applicazione web. Sono stati assegnati un massimo di 5 key values per ogni segmentazione di utenti. USER SEGMENTS
Key Value 1
Key Value2
Key Value 3
Key Value 4
Key Value 5
Studenti DAC
lavorare in gruppo
Essere esperti del metodo
Essere ‘giovani menti fresche’
Provenire da un ambiente didattico qualificato
flessibilità
professionalità e puntualità
unicità delle abilità offerte
essere attivi
connessione con altre aziende
creatività nel risolvere i problemi
sensibilità rispetto agli utenti
avere idee folli
essere visuali
aggiornamento rapido
capacità di ispirare l'attività
essere concreti
attitudine multidisciplinare
Pubbliche Amministrazioni
sensibilità rispetto agli utenti
essere concreti
Centri di Ricerca
saper valorizzare le idee
essere attivi
aggiornamento rapido
Altre Scuole di Design
capacità di divertirsi nel lavorare
connessioni con altre realtà accademico
avere tante idee
Aziende Aziende in generale Aziende di Design
Aziende di Settori Affini al Design
ambiente didattico qualificato
School.net Gerarchizzazione dei key values: values: survey onon-line rivolta agli stakeholders E’ stato in seguito sottoposto un questionario ad un campione rappresentativo dell’utenza considerata. Obiettivo del questionario si proponeva di definire una gerarchia precisa di key values, al fine di rendere più efficaci i contenuti. Dai risultati ottenuti nel questionario on-line (http://spreadsheets.google.com/viewform?key=pU6tyUD5VZGzzbEex_5Q9Wg&hl=it ) è emersa la seguente lista gerarchizzata di key values. Priorità Priorità Key value 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21.
Attitudine multidisciplinare Sensibilità rispetto agli utenti Essere attivi Flessibilità nell'inserirsi in un ambiente professionale Aggiornamento rapido Capacità di divertirsi nel lavorare Professionalità e puntualità nello svolgere i compiti Creatività nel risolvere i problemi Lavorare in gruppo Saper valorizzare le idee Unicità delle abilità offerte Capacità di ispirare l'attività dell'azienda Essere concreti Essere visuali Essere esperti del metodo Ambiente didattico qualificato Connessione con le altre realtà aziendali Siamo giovani menti fresche Connessione con le altre realtà accademiche Avere idee folli Avere tante idee
School.net
Benchmarking http://siandsi.wordpress.com/2008/12/10/benchmarking/ Attraverso il benchmarking si è tentato di ampliare la conoscenza su: - Scuole di Design - Aziende di interaction design - Modalità di creazione pubblicazione di portfolio digitali - Modalità di collaborazione tra professionisti e studenti - Modalità di reclutamento di figure professionali Ogni caso studio inserito nel benchmarking è stata giustificato rispetto all'attinenza con i nostri obiettivi progettuali Si è riuscito a delineare un quadro piuttosto chiaro di quelle che erano le offerte contenutistiche di altre scuole che affrontano discipline affini a quelle previste dal programma del DAC e di aziende di design.
School.net
Interviste
Durante tutto il processo di ideazione e sviluppo del progetto sono state realizzate interviste a stakeholders con lo scopo di informare e giustificare continuamente la nostra attività progettuale. Interviste agli studenti del DAC Obiettivo: - Capire necessità per uno studente del DAC di un servizio web dove mostrare/organizzare i propri lavori - Capire in che misura avrebbe speso del tempo per organizzarlo. Interviste agli stakeholder - Comprendere quanto stabilire un collegamento tra studenti e aziende (nel nostro caso attraverso il web 2.0) sia importante e utile non solo per gli studenti ma anche per le stesse aziende. Interviste a responsabili di aziende italiane connesse con l’l’interaction design - Comprendere in che misura può influire la presentazione dei portfolio sui datori di lavoro e se essi reputano appropriata una funzione che permetta loro di postare direttamente un application.
Rationale: Rationale: • Ogni utente dovrà poter postare sul DACSchool i propri contenuti ma bisognerà adeguarsi ai formati in cui essi vengono postati. • I contenuti andranno presentati sia in forma testuale che visiva in modo da esplicare maggiormente la figura professionale emergente dal DAC. •V alorizzare il team di lavoro dei vari progetti ma privilegiare l’aspetto contenutistico dei progetti al fine di offrire una migliore presentazione di quello che costituisce l’attività dell’interaction designer. • Cercare di trovare nuove modalità per proporre il proprio profilo ed affacciarsi verso il panorama professionale; cercare di attirare l’attenzione e di distinguersi percorrendo anche vie inusuali. • Una buona modalità di valutazione di un possibile candidato è quella di ricevere un feedback su attività svolte in precedenza dal soggetto per capire come le ha affrontate. • La sezione "post a job" è importante e andrà messa in evidenza nella home page •La sezione adibita ad esporre i progetti e portfolios degli studenti assume un certo valore e apre la possibilità sia al professionista e che allo studente di trovare punti di contatto nei rispettivi campi di attività.
School.net
Architettura Informativa L’architettura informativa dell’applicazione ha preso forma in base agli obiettivi preposti e il target a cui si orientava. Le sezioni principali definite per il sito web sono le seguenti: · Home · About · People · Education · Projects · Job Posting · Web 2.0 (Social Media)
School.net
0. Home Vision dell’applicazione e presentazione della laurea specialistica DAC.
1.About -Definizione della disciplina di Interaction Design, del suo apporto in svariati campi di applicazione e della figura professionale emergente. -Due sottosezioni volte a presentare l’ambiente di studio e lavoro del corso di laurea specialistica DAC: - sezione “Institute” (videoclip che mostrerà la modellizzazione 3D del dipartimento di scienze delle comunicazione dell’Università di Siena, ambiente di studio degli studenti DAC). - sezione “Location” (georeferenziazione del dipartimento universitario del DAC, facendo uso di google maps).
2.People -Profili dei docenti della laurea specialistica in Design di Ambienti per la Comunicazione -Profili e i progetti dei singoli studenti.
Home About People Education Projects Job Posting Web 2.0 (Social Media)
School.net 3.Education -Presentare le attività accademiche degli studenti DAC - sezione dedicata al programma del corso di laurea specialistica (“Master Programme”) si propone di descrivere i contenuti dei corsi di studio del DAC. - “Learning Approach”: filosofia e la modalità di approccio allo studio e all’apprendimento dell’interaction design - presentazione delle attività del Siena Design Project, evento organizzato da alcuni anni dall’Università di Siena per i giovani designer e le scuole di design internazionali
4.Projects - Attività progettuali degli studenti del DAC. Tutti i progetti, inseriti manualmente dagli studenti, saranno raccolti e categorizzati rispetto alle discipline studiate e ai temi trattati.
5.Post a job Possibilità di postare l’offerta di lavoro/tirocinio/apprendistato da parte delle aziende, istituzioni pubbliche e private, ambienti accademici interessati a precise figure professionali provenienti dall’ambiente del design potranno fare esplicita richiesta di studenti dotati di specifiche conoscenze e abilità tecnico-teoriche.
6. WEB 2.0 (Social Media) Presentare e descrivere i vari social networks con i quali il gruppo di studenti DAC si mantiene in contatto, sviluppa le proprie applicazioni, progetti, arricchisce conoscenze, si presenta al mondo del lavoro.
Home About People Education Projects Job Posting Web 2.0 (Social Media)
School.net
Organizzazione gerarchica e collegata dei contenuti: l’l’albero tramato
School.net
Mapping delle unità unità di contenuto e dei key values
Uno degli ultimi stadi di progettazione e sviluppo dei contenuti dell’applicazione web è consistita nel delineare una mappatura tra le aree di contenuto e i key values, ossia nell’assegnare ad ogni sezione del sito i corretti key values da trasmettere all’utenza.
Conten
1 ^
2 ^
3 ^
Home
x
x
x
ID
x
x
Institut e
x
t unit
4 ^
5 ^
6 ^
x x
x
8 ^
9 ^
1 0 ^
x
x
x
x
x
x
x
x
x
x
x
Locatio n Magistr i (profile s)
x
x
Studen ts (profile s and portfoli os)
x
x
Master progra m
x
x
Learnin g approa ch
x
x
Siena Design Project Project s
x
11 ^
12 ^
13 ^
x
x
x
x
x
x
x
x
x
x
x
x
x x
x
x
x
17 ^
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
x
18 ^
19 ^
x
x
20 ^
x
x
x
x
x
x
x
21 ^
x
x
x
x
x
x
x
1 6 ^
x
x
x
15 ^
x
x
x
14 ^
x
Post a Job Social media
x
7 ^
x
x
x
x
x
x
x
x
x
x
x
x
x
x x
x
x
x
x
x
x
x
x
x
x x
x
x
School.net
Matrice targetstargets - contenuti
Infine è stata definito il grado di importanza che ogni area del sito riveste nei confronti delle varie categorie di utenza considerate. Legenda: X = poco XX = XXX = fondamentale
importante importante
Unità di contenuto
Descrizione
All targets
Studenti DAC
Aziende Aziende di Design
Aziende di Settori Affini al Design
Pubbliche amministrazioni
Istituti di ricerca
Altre scuole di design
1
Home
Vision + immagini evocative + ultimi progetti inseriti
xxx
2
ID
Definizione di Interaction Design e della figura professionale che emerge da questo campo di studio/ricerca
x
xxx
xxx
xxx
xx
4
Institute
Modellizzazione del dipartimento di Interaction Design all'Università di Siena e delle attività ivi svolte
xx
xxx
xxx
x
xxx
5
Location
Google Map con georeferenziazione del nostro dipartimento
xx
xx
xxx
xxx
x
6
Magistri (profiles)
I profili dei professori del DAC
x
x
xx
xxx
xx
7
Students (profiles e portfolios)
I profili e i portofolios con tutti i progetti a cui hanno partecipato gli studenti del DAC
8
Master programme
La descrizione dei contenuti del programma del DAC
xx
x
x
x
xxx
9
Learning approach
Descrizione dell'approccio e della metodologia di apprendimento e del rapporto sociale tra discente e docente
xx
xx
xx
xx
xxx
10
Siena Design Project
Descrizione dell'evento di design per studenti di Interaction Design europei organizzato dall'Università di Siena e link ai relativi progetti
xx
xx
x
x
x
xx
11
Projects
I progetti realizzati dagli studenti del corso di studi DAC
12
Post a job
Form che permette alle aziende di offrire un lavoro agli studenti e a quest'ultimi di fare un'application per i lavori postati
xxx
xx
xx
xx
13
Social Media
Il gruppo del DAC nei social media rivela le sue mille sfaccettature
xxx
xx
x
x
x
xx
xxx
x
xxx
School.net
Contenuti testuali Scelta di utilizzare l’inglese come unica lingua attraverso cui sviluppare i contenuti testuali. I contenuti testuali presentano elementi di carattere: - informativo (soprattutto nella sezione about, in cui è inserita una definizione dell’ interaction design) - comunicativo e persuasivo (tutti i testi si indirizzano a precise categorie di utenza con il fine di far conoscere e scaturire interesse verso le attività proprie dell’interaction design e ancora più precisamente verso le abilità offerte dagli studenti della laurea specialistica DAC, tentano di spingere l’utente non solo ad informarsi ma anche ad avvicinarsi e ad entrare in contatto con gli studenti e le attività di progettazione realizzate). Continua corrispondenza visiva di ciò che viene presentato in forma testuale (logo, interfaccia grafica, immagini evocative dell’attività, progetti attinenti ai corsi frequentati, ecc.).
School.net
Implementazione della piattaforma web MODULI DRUPAL USATI - author taxonomy - information taxonomy - terms fields - tinyMCE - CCK - views - f eedAPI -job posting -costum templates
School.net
Mobile: cosa e come
Uno degli obiettivi che si propone di raggiungere il servizio DACSchool è quello di favorire la collaborazione fra gli studenti e tenerli in contatto. Necessità di un "canale unico" dove far convergere le varie voci "DAC oriented" (progetti su flickr, videoscenari su youtube, report su scribd, presentazioni su slideshare, ecc...).
L'attività del social networking è mediata sempre più spesso da mobile devices, ed in particolare l'iPhone, e modelli Nseries di Nokia i quali, come abbiamo scoperto nei questionari, sono ampiamente diffusi fra gli stakeholders. La scelta è stata quindi quella di dare la possibilità di semantizzare i nostri contenuti, caretterizzandoli come "DAC oriented" attraverso la creazione di comunità DAC sui vari social network. Ogni studente può così caricare dal suo account i suoi contenuti e semantizzarli semplicemente aggiungendoli nella community del DAC del social network in questione. Unificando il tutto con un feed aggregator come FriendFeed sarebbe emerso il lifestrem del DAC.
School.net
MockMock-Up Scenarios Al fine di mostrare visivamente come avviene l’interazione con la piattaforma web e con quella per mobile, abbiamo realizzato tre micro-scenari con una serie di screenshot degli ambienti universitari modellizzati in 3D e con delle brevi descrizioni testuali. Ogni microscenario descrive una ben precisa attività: • La prima attività è relativa ad uno scambio di informazioni in riferimento ai corsi tra uno studente del secondo anno e una studentessa del primo. • La seconda è relativa all’upload dei progetti da parte di una studentessa sulla piattaforma. • La terza attività è relativa a postare un’offerta di lavoro da parte di un’azienda.
School.net
School.net
School.net
School.net
School.net
School.net
School.net
Per concludere... Questo corso ci ha fornito le basi per creare una struttura solida al progetto che si è realizzato. Si è riusciti a raggiungere la maggior parte degli obiettivi che ci eravamo proposti in seguito a numerosi processi iterativi e ad un continuo confronto all'interno del team di lavoro e con persone esterne. Per il futuro si potrà pensare ad un’interazione sempre più complessa e vantaggiosa per gli studenti soprattutto grazie allo sviluppo di Drupal. Inoltre ciò che ci si prefigge è di continuare a valorizzare questa piattaforma aggiornandola continuamente e stimolando tutti gli studenti a prendervi parte, in modo tale da poter offrire un panorama sempre più completo delle nostre figure professionali che vanno delineandosi e formandosi.
School.net
Grazie per l’l’ascolto Simona Avolio Simona Conti Antonio Dell’Ava