master in architettura dell'informazione ied 2012
DESCRIPTION
Progetto finale del Master IED di Roma in "Architettura dell'Informazione" 2012: "dall'idea al progetto"TRANSCRIPT
![Page 1: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/1.jpg)
![Page 2: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/2.jpg)
![Page 3: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/3.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Marcello Miceli
![Page 4: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/4.jpg)
COMUNICAREv.tr.(dallat.Communicàre:rendercomune,condividere)faraltripartecipidiunacosa,darenotizia,ragguagliare.SIN.Diffondere,partecipare.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marcello Miceli
Web Comunità
Il web: il nuovo mondo
![Page 5: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/5.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marcello Miceli
TecnologiaCosti“bassi”Mercatoconcorrenziale
LibertàCredibilitàFiduciaTrasparenza
Struttura
Valori
Il web: il nuovo mercato
![Page 6: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/6.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marcello Miceli
Architetturadell’Informazione
“Lecomunitàgiàesistono,pensapiuttostoacomeaiutarleafarequelchevoglionofare.”
MarkZuckerberg(Facebook)
Il web: il nuovo “luogo”
![Page 7: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/7.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Daniele Zennaro
![Page 8: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/8.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Componenti del design di un prodotto
Estetica Pratica Usabilità
![Page 9: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/9.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Estetica
Chiarezza Elasticità Semplicità
![Page 10: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/10.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Usabilità
Insiemedifattoricherendonounsitofunzionalee
soddisfacente,neitempid’uso,richiestipercompierele
azionichegliutentidesiderano.
![Page 11: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/11.jpg)
Stadioinizialedellaprogettazionepersuggerirei“comportamentid’uso”.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Usabilità preventiva 1/2
Processoiterativo.
Osservarelemossedegliutentipercapireinqualipuntipossonotrovarsiindifficoltà.
![Page 12: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/12.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Usabilità preventiva 2/2
Tempi di risposta delle operazioni.
Struttura dei contenuti e delle informazioni.
Navigabilità di un sito.
Funzionalità del design.
![Page 13: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/13.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Indici di qualità
Qualità del design
Efficienza d’uso
Feedback dagli utenti
Fattori di controllo
Facilità di memorizzazione
![Page 14: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/14.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Criteri di usabilità
Compatibilità.
Risorse a disposizione dell’utente.
Coerenza.
Feedback.
Semplicità.
![Page 15: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/15.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Psicologia applicata al web
Velocitànelle
operazioni
Effettosorpresa
Serendipity
Analisideicomportamenti
sociali
![Page 16: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/16.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Manuele Forcucci
![Page 17: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/17.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Human-centered design (HCD)
![Page 18: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/18.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Human-centered design (HCD)
Sonoidestinatarifinali.
Lepersoneprimaditutto.
Progettiamoperloro.
![Page 19: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/19.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Human-centered design (HCD)
Lepersonedevonosentirsiall'altezzadelcontestoincuistannonavigando.
![Page 20: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/20.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Design Thinking
![Page 21: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/21.jpg)
E' un processo collaborativo, che allarga gli orizzonti del design, non relegandolo semplicemente alle forme e agli oggetti.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Design Thinking
![Page 22: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/22.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Sitrovaunasoluzioneattraversolestorie,leesperienzecomuniecomplementari.
Design Thinking
![Page 23: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/23.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Definiscenuoveopzioniesoluzionianuoviproblemi.
Design Thinking
![Page 24: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/24.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Spazioallaco‐creazione,albrainstormingeall’ideazionediscenarifuturibili
Design Thinking
![Page 25: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/25.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Sicostruisconoprototipi,sicreanoleipotesiesiverificano.
Design Thinking
![Page 26: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/26.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Spazioaitest:l'ideafunziona?
Design Thinking
![Page 27: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/27.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
User Experience (UX)
![Page 28: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/28.jpg)
LaUserExperienceèl'insiemedituttigliaspetti
comportamentali,affettiviedemozionalilegati
all'esperienzadellepersoneinundeterminatocontesto.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
User Experience (UX)
![Page 29: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/29.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
User Experience (UX)
Abbassare il rumore informativo (dare spazio alle informazioni fondamentali, esplicandole in maniera chiara).
Creare percorsi facili da percorrere.
Facilitare i flussi di navigazione.
Creare piacere, non stress nelle persone.
![Page 30: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/30.jpg)
Leesperienzeinretehannounsequelnellenostrevite.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
User Experience (UX)
LaUXèovunqueecicirconda.
![Page 31: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/31.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Service Design
![Page 32: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/32.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Service Design
Organizzazionedelle
infrastruttureedelleinformazionidiunservizio.
E'strettamentelegatoall'IApervasiva.
![Page 33: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/33.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Service Design
L’informazioneèunservizio.
![Page 34: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/34.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Service Design
Ilservicedesignnondisegnal'esperienzama“per”
l'esperienza.
![Page 35: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/35.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Antonella Spartà
![Page 36: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/36.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
IDEA RILASCIO
Analisi As-is Business analysis
Formalizzazione progetto
Marketing Sviluppo IT
Definizione obiettivi
Definizione requisiti
Progettazione operativa
Sviluppo grafico
Test
La storia di un’idea
![Page 37: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/37.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
I nostri clienti e la loro idea
![Page 38: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/38.jpg)
Vorreicheilportalefosseunluogo,perlepersonestranierecomeme,permantenerelamemoria…
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
Cipiacerebbechelepersone
pubblicasserolelororicette…
…leradiciattraversoil
cibo.
Vorreichepersonedidiverse
nazionalitàsiraccontasseroconilcibo.
…personeitalianeestraniere
Unsitochecipermettadifarconoscereevendereonlineinostriprodotti.
Saper ascoltare le storie
![Page 39: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/39.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
Brainstorming
![Page 40: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/40.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
Definizione degli obiettivi
2 AvvicinareallaculturaNordafricanaviaggiatoriepersonecuriosecheabbianovogliadisaporidiversi.
3 Vendereiprodottinondeteriorabilidelnegozio,faree‐commerce.
1
Creareunacommunity,coinvolgerelepersoneimmigratenellaproduzionedicontenuti,didattica,curiosità,consigli,maanchenelconservarelamemoria.
![Page 41: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/41.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
Gustissimo.it Giallozafferano.it
Scopriamo chi sono gli altri
![Page 42: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/42.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
swotanalysis
Le analisi
![Page 43: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/43.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
qualitativa
• Homepage
Le analisi
![Page 44: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/44.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
• L’architetturainformativa
• Lafacilitàd’uso
• L’esperienzautente
• Lanavigazione
• Icontenutiinhomepage
• Illinguaggio
• L’organizzazionedelcontenuto
• Ititoli
• Iservizi
• L’aggiornamento
• Ilprocessodiaggiornamento
descrizionenarrativa
Le analisi
![Page 45: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/45.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
• Ilmenùdellericettedi1°e2°livellodeveesseremoltochiaro.
• L’ingredientedeveesserel’elementoprincipale,relazionatoallaculturaeallastoria.
• …
Il test d’usabilità nella fase d’analisi
![Page 46: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/46.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
• Spazilogico‐semanticibendefiniti.
• Inhomepagevogliamopochielementi,machiari.
• …
Il test d’usabilità nella fase d’analisi
![Page 47: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/47.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Dal progetto al design
Marzia Bianchi
Marzia Bianchi
![Page 48: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/48.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
“Voglioricordareletradizionidellanostrafamiglia.Dapiccolanonnamiraccontavadelnostropaese.”
Allora chi sono le nostre personae
![Page 49: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/49.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
“Viaggiomolto.Vorreitrovareappassionatipercondividereesperienzediviaggioedisapori.”
Allora chi sono le nostre personae
![Page 50: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/50.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
“HounnegozioaRomadiprodottialimentaritipicidelNordAfrica.Vorreiespanderelamiaattività.”
Sono di orgine egiziana Ho la mia famiglia in Italia
Vorrei espandere la mia attività commerciale
Sono da solo in negozio
Allora chi sono le nostre personae
![Page 51: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/51.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
“Vogliopreparareunacenamarocchinapermiamoglie.
Amolacucinaetnica.Sonostufodeisolitipiatti
italiani.”
Allora chi sono le nostre personae
![Page 52: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/52.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Scegliamo l’url
couscousmediterraneo.it
![Page 53: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/53.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Tutte le nostre idee prendono una forma
e una direzione.
La mappa concettuale
![Page 54: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/54.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Èilmomentodidefinireloschemadinavigazione
delnostrosito,conilcardsorting.
Il card sorting
![Page 55: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/55.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Ilteamallavoro.
Il card sorting
![Page 56: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/56.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Allafinecisiamoriusciti.
Il card sorting
![Page 57: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/57.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
HOME
FACILE
RICETTECOMMUNI
TYSHOP SCUOLA
FESTIVITA’
INGREDIENTE
METODOFORN
O
D
C
B
A
…
…
PASQUA
NATALE
INTRO
FORUM
…
…
SCEGLI
PROPONITI
INTRO
INSERISCI
RICETTA
CHEFADOMICILIO
RACCONTAILDESERT
O
INTRO–CHI
SIAMO/DOVESIAMOPRODO
TTI
UTENSILI
CHISIAMO
ISCRIVITI
CERCA
NEWSLETTER
EVENTI
INTRO
EVENTI
PARTECIPACONVIDEO
SEGNALAVIDEO
CONTATTI
ULTIMERICETTE>>
EVENTI>>NOVELLILORENSD’ARABIA
>> * PRODOTTO
>>
QUESTOSITO>> *
FOOTERCREDITS
POLICY
ADVNOTELEGALI
Strutturadelsito.Navigazioneprimaria,
secondariaepaginecorrelate.
Mappa del sito
![Page 58: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/58.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Diamounvalorealnostrocontenuto.
L’inventario dei contenuti
![Page 59: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/59.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
ricetta
Titolo
Procedimento
Attributi
Titolo della ricetta
Descrizione Sommario Foto Video
Portata
Ingredienti
Eventi
Metainformazioni
Antipasti Piatti di carne Piatti di pesce Piatti vegetariani Zuppe e minestre Insalate Salse Dolci Bevande
Tipologia Quantità Ingredienti per persona
Festività
Difficoltà Tempo di preparazione Origine
Esempio: la ricetta
![Page 60: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/60.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Piùusabile
Fluido Google
Duraneltempo
Un contenuto di valore
![Page 61: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/61.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
I primi prototipi su carta
![Page 62: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/62.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Carlo Simoncelli
![Page 63: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/63.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Cosa abbiamo imparato
Abbiamoimparatocos’èl’usabilità.
![Page 64: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/64.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 65: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/65.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 66: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/66.jpg)
“L'usabilitàèl'efficacia,l'efficienzae
lasoddisfazioneconcuideterminate
personepossonoraggiungere
determinatiobiettiviinun
determinatocontestod'uso”.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 67: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/67.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 68: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/68.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Conmetodiesperti.
Conlepersone.
Come valutare l’usabilità
![Page 69: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/69.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Analisi Euristica
1Coerenza dell’interfaccia
2Feedback adeguato
3Facilità di uscita da situazioni critiche
4Prevenzione degli errori
5Messaggi di errore semplici
6Linguaggio chiaro e comprensibile
8Presenza di scorciatoie
9Essenzialità ed estetica dell’interfaccia
10Presenza di help e manuali
7Facilità nel riconoscere le azioni da svolgere
![Page 70: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/70.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Cognitive walktrought
Unmetodoesplorativocheconsistenel
valutareipassaggirichiestiperil
completamentodiuncompitoconlo
scopodiindividuaregliostacoli
riscontrabilinell’interfaccia.
![Page 71: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/71.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Valutare l’usabilità con le persone
Itestd’usabilità
![Page 72: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/72.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 73: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/73.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 74: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/74.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 75: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/75.jpg)
cercanounaricetta
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Abbiamo osservato come le persone …
![Page 76: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/76.jpg)
inserisconounaricetta
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Abbiamo osservato come le persone …
couscousmediterraneo.it
![Page 77: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/77.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Inserisconounaricetta
Abbiamo osservato come le persone …
couscousmediterraneo.it
![Page 78: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/78.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Testsulprototipocartaceo
Testsulprototipointerattivo
Abbiamo osservato come le persone …
inserisconounaricetta:
![Page 79: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/79.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 80: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/80.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 81: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/81.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 82: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/82.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 83: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/83.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 84: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/84.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
![Page 85: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/85.jpg)
Conduzione
Neutralità
Comportamentodegliosservatori
Prototipo
cartaceo Prototipo
HTML
Quandovannoeffettuati
Qualivantaggioffrono Ruoliprincipali
Strumentidautilizzare
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
In sintesi…
![Page 86: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/86.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Federica Scaraglio
![Page 87: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/87.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
> DESIGN
EMOZIONALEComportamentale
VisceraleRiflessivo
“Chi ha detto che il piacere non è funzionale?”
Charles Eames
E ora, come “vestiamo” il nostro sito?
![Page 88: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/88.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Emozioni positive: I luoghi > Senso di appartenenza
![Page 89: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/89.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
L’arredamento
![Page 90: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/90.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Emozioni positive I mercati > Senso di Comunità
![Page 91: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/91.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
La cucina
![Page 92: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/92.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
ICOLORIMarchioTemaSito
Testi
Definiamo:
![Page 93: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/93.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Titoli Marchio Sito Sito
Sito
I colori “evocativi”
![Page 94: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/94.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
• Evocativoedespressivo>Sitodicucina
• Affettivo>Nordafrica
• Piacevole>Originale,equilibrato
• Sintetico>Semplicità
• Adattabile>Head,favicon,iconeperapp
• Riproducibile>Supporticartacei,gadget…
USA
BILITA’
EMOZIONI
TONO
Femminile Maschile
Giovane Maturo
Lusso Economico
Giocoso Serio
(informale)
Forte Tranquillo
SempliceComplesso
Delicato Manifesto
Linee guida per il marchio e non solo…
![Page 95: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/95.jpg)
Sceltadiunlettering“evocativo”
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
>
Partiamo dal logo
![Page 96: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/96.jpg)
Sceltadiunlettering“evocativo”
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
>
Partiamo dal logo
![Page 97: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/97.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
EVOCARE LE RADICI EVOCARE LA FUNZIONE
+
Studio elaborazione del pittogramma
![Page 98: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/98.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
> ELABO
RA
ESEMPLIFICA
L’elaborazione
![Page 99: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/99.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
FAVICON ICONE PER APP PROFILO FACEBOOK
Saperi e sapori dal Nordafrica
Il marchio, tagline, icone
![Page 100: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/100.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
FAVICON ICONE PER APP PROFILO FACEBOOK
FAVICON ICONE PER APP PROFILO FACEBOOK
Saperi e sapori dal Nordafrica
Il marchio, tagline, icone
![Page 101: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/101.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Vestiamo i wireframe: elementi
![Page 102: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/102.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Vestiamo i wireframe: la creatività
![Page 103: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/103.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Vestiamo i wireframe: la creatività
![Page 104: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/104.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Screen font
Valore emotivo Capacità evocativa
Valore funzionale Leggibilità
![Page 105: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/105.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
colore: #67494D
Arial
colore: #000000
A B C D E F G H I J K
L M N O P Q R S T U V
W X Y Z ( / ) ^ _ ‘ a
b c d e f g h i j k l
m n o p q r s t u v w
x y z ( ! ? & > <
Titoli Sommari Testi
![Page 106: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/106.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
colore: #000000 colore: #67494D
Combinazione delle font
![Page 107: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/107.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
colore: #000000 colore: #67494D
Combinazione delle font
Body: Arial 15px
Titolo: Alice 36px
Sommario: Alice 18px
![Page 108: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/108.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
> GUIDA
DI STILE Accuratezza
Tono Usabilità
Ottimizzazione
Stile redazionale
![Page 109: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/109.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
L’immagine vale più di
1.000 parole
Qualità dell’immagine
Il taglio
Non inserire MAI
una foto 128549.jpg
I particolari
Ricordiamoci delle emozioni: le foto
![Page 110: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/110.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Ricordati che dal titolo parte
ottimizzazione per motori di ricerca
Crea titoli accurati
Il “profumo” dell’informazione
Titoli predittivi
Crea titoli reali, non
troppo creativi o vaghi
Essere chiari: i titoli e sommari
![Page 111: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/111.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Suddividere per
capoversi
Ricordati delle persone: usare
presente indicativo e dare del “tu”
Linguaggio semplice e chiaro
Un pò di storia
Ricordiamoci i bold
ottimizza il contenuto
Firmare le ricette
Troppo, poco, il giusto: il contenuto
![Page 112: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/112.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Ricordati delle persone: usare
presente indicativo e dare del “tu” Gli ingredienti Dosi Difficoltà
Tempo di preparazione Origini La portata
SemplificalafruizionealvisitatoreSemplificalaricerca,dentroefuoridelsito
Le Meta informazioni
![Page 113: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/113.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Giuseppe Curiale
![Page 114: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/114.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giuseppe Curiale
La produzione
![Page 115: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/115.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giuseppe Curiale
Concept Design
TecnologieRisorse
SitemapContentInventory
WireframeFlowchartsFunctions
Delivery
Progetto
![Page 116: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/116.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giuseppe Curiale
Database
Wordpress
TwentyEleven
CousCousMediterraneoWhiteLabel
SimpleTheme
Themes
Contentinventory
Sviluppo Wordpress
![Page 117: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/117.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giuseppe Curiale
ContentInventorychange…
Sviluppo Wordpress
![Page 118: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/118.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giuseppe Curiale
Database
Wordpress
TwentyEleven
CousCousMediterraneoWhiteLabel
SimpleTheme
Themes
Wireframe
Sviluppo Wordpress
![Page 119: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/119.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giseppe Curiale
TwentyEleven
CousCousMediterraneoWhiteLabel
SimpleTheme
Themes
Header.php
Style.css
Sviluppo Wordpress
![Page 120: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/120.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giseppe Curiale
• Set‐upinfrastructure:Domain,email,ftp
• Testallforms• Checkofsearchfunctionality• Checkloginpages• ValidationHTML,CSS,Javascript• Testanti‐spamfeatures
• Checkexternallinks• CheckRSSlinks• Privacy
Sviluppo Wordpress
Configuration&Test
![Page 121: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/121.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giuseppe Curiale
ConceptDesigncontents
functionalitypersonas
SetupCMS
database
Development
Design Design1AI,FlussiWireframe
DevelopmentDesign1
DevelopmentDesign2
Design2Flussi
Wireframe
Design3Flussi,Wireframe
Usability1
Sviluppo Wordpress
![Page 122: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/122.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Giulio Angeloro
![Page 123: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/123.jpg)
I siti più visitati
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
E adesso che esistiamo?
Fonte Audiweb
24MLN
Gli utenti che nel mese effettuano ricerche, pari al 93% della popolazione.
55min Il tempo trascorso da un utente medio nel mese.
![Page 124: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/124.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
• MetaTag• Sitemap• Usarenomidescrittiviperlefotooimmagini• Linkpredittivi
Indicizziamo il nostro sito
Titolo Url DescrizioneParolechiave
![Page 125: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/125.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
http://www.couscousmediterraneo.ithttp://www.couscousmediterraneo.it/ricette/http://www.couscousmediterraneo.it/ricette/algeria/http://www.couscousmediterraneo.it/ricette/algeria/tajine‐di‐gamberi‐e‐zafferano
Indicizziamo il nostro sito
• MetaTag• Sitemap• Usarenomidescrittiviperlefotooimmagini• Linkpredittivi
![Page 126: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/126.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
tajine-di-gamberi-e-zafferano.jpg
Immagine_001.jpg
Indicizziamo il nostro sito
• MetaTag• Sitemap• Usarenomidescrittiviperlefotooimmagini• Linkpredittivi
![Page 127: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/127.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Indicizziamo il nostro sito
• MetaTag• Sitemap• Usarenomidescrittiviperlefotooimmagini• Linkpredittivi
![Page 128: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/128.jpg)
Fareunsitoottimizzatoperimotoridiricercasignifica
fareunsitoaltrettantovalidopergliutentichene
usufruiranno.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Indicizziamo il nostro sito
![Page 129: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/129.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Indicizziamo il nostro sito
![Page 130: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/130.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Come e quando è visitato il nostro sito?
• WebMasterTools• Analytics• Insightsforsearch
![Page 131: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/131.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Come e quando è visitato il nostro sito?
• WebMasterTools• Analytics• Insightsforsearch
![Page 132: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/132.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Come e quando è visitato il nostro sito?
• WebMasterTools• Analytics• Insightsforsearch
![Page 133: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/133.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Inserzionisti
L’ecosistema pubblicitario Google
SiticheospitanoannuncidiGoogleAdWordspercontenuti
textadvertisingsolutionsSistemapubblicitariobasatosullequerydiricercaeicontenutideisiti
EditoriSitichevendonoiproprispazipubblicitari
displayadvertisingsolutionsSistemaperottimizzarelevenditeegliacquistidispazipubblicitari
![Page 134: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/134.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Adwords
![Page 135: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/135.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Adwords
![Page 136: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/136.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
![Page 137: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/137.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
![Page 138: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/138.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
![Page 139: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/139.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
![Page 140: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/140.jpg)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
![Page 141: Master in Architettura dell'Informazione IED 2012](https://reader034.vdocuments.mx/reader034/viewer/2022042614/55832f7fd8b42a7d1d8b4a67/html5/thumbnails/141.jpg)
Grazie a…