master in architettura dell'informazione ied 2012
Post on 19-Jun-2015
629 Views
Preview:
DESCRIPTION
TRANSCRIPT
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Marcello Miceli
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marcello Miceli
TecnologiaCosti“bassi”Mercatoconcorrenziale
LibertàCredibilitàFiduciaTrasparenza
Struttura
Valori
Il web: il nuovo mercato
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marcello Miceli
Architetturadell’Informazione
“Lecomunitàgiàesistono,pensapiuttostoacomeaiutarleafarequelchevoglionofare.”
MarkZuckerberg(Facebook)
Il web: il nuovo “luogo”
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Daniele Zennaro
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Componenti del design di un prodotto
Estetica Pratica Usabilità
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Estetica
Chiarezza Elasticità Semplicità
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Usabilità
Insiemedifattoricherendonounsitofunzionalee
soddisfacente,neitempid’uso,richiestipercompierele
azionichegliutentidesiderano.
Stadioinizialedellaprogettazionepersuggerirei“comportamentid’uso”.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Usabilità preventiva 1/2
Processoiterativo.
Osservarelemossedegliutentipercapireinqualipuntipossonotrovarsiindifficoltà.
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.
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Criteri di usabilità
Compatibilità.
Risorse a disposizione dell’utente.
Coerenza.
Feedback.
Semplicità.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Daniele Zennaro
Psicologia applicata al web
Velocitànelle
operazioni
Effettosorpresa
Serendipity
Analisideicomportamenti
sociali
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Manuele Forcucci
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Human-centered design (HCD)
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Human-centered design (HCD)
Sonoidestinatarifinali.
Lepersoneprimaditutto.
Progettiamoperloro.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Human-centered design (HCD)
Lepersonedevonosentirsiall'altezzadelcontestoincuistannonavigando.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Design Thinking
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Sitrovaunasoluzioneattraversolestorie,leesperienzecomuniecomplementari.
Design Thinking
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Definiscenuoveopzioniesoluzionianuoviproblemi.
Design Thinking
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Spazioallaco‐creazione,albrainstormingeall’ideazionediscenarifuturibili
Design Thinking
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Sicostruisconoprototipi,sicreanoleipotesiesiverificano.
Design Thinking
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Spazioaitest:l'ideafunziona?
Design Thinking
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
User Experience (UX)
LaUserExperienceèl'insiemedituttigliaspetti
comportamentali,affettiviedemozionalilegati
all'esperienzadellepersoneinundeterminatocontesto.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
User Experience (UX)
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.
Leesperienzeinretehannounsequelnellenostrevite.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
User Experience (UX)
LaUXèovunqueecicirconda.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Service Design
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Service Design
Organizzazionedelle
infrastruttureedelleinformazionidiunservizio.
E'strettamentelegatoall'IApervasiva.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Service Design
L’informazioneèunservizio.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Manuele Forcucci
Service Design
Ilservicedesignnondisegnal'esperienzama“per”
l'esperienza.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Antonella Spartà
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
I nostri clienti e la loro idea
Vorreicheilportalefosseunluogo,perlepersonestranierecomeme,permantenerelamemoria…
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
Cipiacerebbechelepersone
pubblicasserolelororicette…
…leradiciattraversoil
cibo.
Vorreichepersonedidiverse
nazionalitàsiraccontasseroconilcibo.
…personeitalianeestraniere
Unsitochecipermettadifarconoscereevendereonlineinostriprodotti.
Saper ascoltare le storie
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
Brainstorming
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
Definizione degli obiettivi
2 AvvicinareallaculturaNordafricanaviaggiatoriepersonecuriosecheabbianovogliadisaporidiversi.
3 Vendereiprodottinondeteriorabilidelnegozio,faree‐commerce.
1
Creareunacommunity,coinvolgerelepersoneimmigratenellaproduzionedicontenuti,didattica,curiosità,consigli,maanchenelconservarelamemoria.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
Gustissimo.it Giallozafferano.it
Scopriamo chi sono gli altri
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
swotanalysis
Le analisi
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
qualitativa
• Homepage
Le analisi
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
• Ilmenùdellericettedi1°e2°livellodeveesseremoltochiaro.
• L’ingredientedeveesserel’elementoprincipale,relazionatoallaculturaeallastoria.
• …
Il test d’usabilità nella fase d’analisi
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Antonella Spartà
• Spazilogico‐semanticibendefiniti.
• Inhomepagevogliamopochielementi,machiari.
• …
Il test d’usabilità nella fase d’analisi
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Dal progetto al design
Marzia Bianchi
Marzia Bianchi
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
“Voglioricordareletradizionidellanostrafamiglia.Dapiccolanonnamiraccontavadelnostropaese.”
Allora chi sono le nostre personae
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
“Viaggiomolto.Vorreitrovareappassionatipercondividereesperienzediviaggioedisapori.”
Allora chi sono le nostre personae
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
“Vogliopreparareunacenamarocchinapermiamoglie.
Amolacucinaetnica.Sonostufodeisolitipiatti
italiani.”
Allora chi sono le nostre personae
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Scegliamo l’url
couscousmediterraneo.it
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Tutte le nostre idee prendono una forma
e una direzione.
La mappa concettuale
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Èilmomentodidefinireloschemadinavigazione
delnostrosito,conilcardsorting.
Il card sorting
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Ilteamallavoro.
Il card sorting
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Allafinecisiamoriusciti.
Il card sorting
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Diamounvalorealnostrocontenuto.
L’inventario dei contenuti
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
Piùusabile
Fluido Google
Duraneltempo
Un contenuto di valore
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Marzia Bianchi
I primi prototipi su carta
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Carlo Simoncelli
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Cosa abbiamo imparato
Abbiamoimparatocos’èl’usabilità.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
“L'usabilitàèl'efficacia,l'efficienzae
lasoddisfazioneconcuideterminate
personepossonoraggiungere
determinatiobiettiviinun
determinatocontestod'uso”.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Conmetodiesperti.
Conlepersone.
Come valutare l’usabilità
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Cognitive walktrought
Unmetodoesplorativocheconsistenel
valutareipassaggirichiestiperil
completamentodiuncompitoconlo
scopodiindividuaregliostacoli
riscontrabilinell’interfaccia.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Valutare l’usabilità con le persone
Itestd’usabilità
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
cercanounaricetta
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Abbiamo osservato come le persone …
inserisconounaricetta
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Abbiamo osservato come le persone …
couscousmediterraneo.it
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Inserisconounaricetta
Abbiamo osservato come le persone …
couscousmediterraneo.it
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Testsulprototipocartaceo
Testsulprototipointerattivo
Abbiamo osservato come le persone …
inserisconounaricetta:
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
Conduzione
Neutralità
Comportamentodegliosservatori
Prototipo
cartaceo Prototipo
HTML
Quandovannoeffettuati
Qualivantaggioffrono Ruoliprincipali
Strumentidautilizzare
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Carlo Simoncelli
In sintesi…
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Federica Scaraglio
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?
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Emozioni positive: I luoghi > Senso di appartenenza
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
L’arredamento
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Emozioni positive I mercati > Senso di Comunità
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
La cucina
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
ICOLORIMarchioTemaSito
Testi
Definiamo:
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Titoli Marchio Sito Sito
Sito
I colori “evocativi”
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…
Sceltadiunlettering“evocativo”
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
>
Partiamo dal logo
Sceltadiunlettering“evocativo”
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
>
Partiamo dal logo
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
EVOCARE LE RADICI EVOCARE LA FUNZIONE
+
Studio elaborazione del pittogramma
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
> ELABO
RA
ESEMPLIFICA
L’elaborazione
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
FAVICON ICONE PER APP PROFILO FACEBOOK
Saperi e sapori dal Nordafrica
Il marchio, tagline, icone
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Vestiamo i wireframe: elementi
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Vestiamo i wireframe: la creatività
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Vestiamo i wireframe: la creatività
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
Screen font
Valore emotivo Capacità evocativa
Valore funzionale Leggibilità
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
colore: #000000 colore: #67494D
Combinazione delle font
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
colore: #000000 colore: #67494D
Combinazione delle font
Body: Arial 15px
Titolo: Alice 36px
Sommario: Alice 18px
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Federica Scaraglio
> GUIDA
DI STILE Accuratezza
Tono Usabilità
Ottimizzazione
Stile redazionale
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
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
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
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Giuseppe Curiale
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giuseppe Curiale
La produzione
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giuseppe Curiale
Concept Design
TecnologieRisorse
SitemapContentInventory
WireframeFlowchartsFunctions
Delivery
Progetto
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giuseppe Curiale
Database
Wordpress
TwentyEleven
CousCousMediterraneoWhiteLabel
SimpleTheme
Themes
Contentinventory
Sviluppo Wordpress
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giuseppe Curiale
ContentInventorychange…
Sviluppo Wordpress
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giuseppe Curiale
Database
Wordpress
TwentyEleven
CousCousMediterraneoWhiteLabel
SimpleTheme
Themes
Wireframe
Sviluppo Wordpress
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giseppe Curiale
TwentyEleven
CousCousMediterraneoWhiteLabel
SimpleTheme
Themes
Header.php
Style.css
Sviluppo Wordpress
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
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Giulio Angeloro
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.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
• MetaTag• Sitemap• Usarenomidescrittiviperlefotooimmagini• Linkpredittivi
Indicizziamo il nostro sito
Titolo Url DescrizioneParolechiave
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
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
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Indicizziamo il nostro sito
• MetaTag• Sitemap• Usarenomidescrittiviperlefotooimmagini• Linkpredittivi
Fareunsitoottimizzatoperimotoridiricercasignifica
fareunsitoaltrettantovalidopergliutentichene
usufruiranno.
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Indicizziamo il nostro sito
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Indicizziamo il nostro sito
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Come e quando è visitato il nostro sito?
• WebMasterTools• Analytics• Insightsforsearch
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Come e quando è visitato il nostro sito?
• WebMasterTools• Analytics• Insightsforsearch
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Come e quando è visitato il nostro sito?
• WebMasterTools• Analytics• Insightsforsearch
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Inserzionisti
L’ecosistema pubblicitario Google
SiticheospitanoannuncidiGoogleAdWordspercontenuti
textadvertisingsolutionsSistemapubblicitariobasatosullequerydiricercaeicontenutideisiti
EditoriSitichevendonoiproprispazipubblicitari
displayadvertisingsolutionsSistemaperottimizzarelevenditeegliacquistidispazipubblicitari
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Adwords
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012 Giulio Angeloro
Adwords
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
IED MASTER ARCHITETTURA DELL’INFORMAZIONE 2012
Grazie a…
top related