Issuu on Google+

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


Dacschool.net