SlideShare una empresa de Scribd logo
1 de 16
Descargar para leer sin conexión
1
http://www.subito.it/?xtredir=go-brand
http://www.gliaffari.it/homepage/MainPage.aspx
http://www.lostrappo.it/
Analisi di siti web comuni:
Mariagiovanna Scarale
Matricola 423062
Corso di laurea Magistrale in Informatica Umanistica,
Curriculum ‘‘ Editoria Elettronica’’
2
AFFORDANCE
PERCEPITA:
l’utente riesce
intuitivamente a
comprendere lo
scopo della “cartina-
pulsante”.
Soluzione elegante, in quanto riduce il
progetto alla sua essenza, non comunica
l’ovvio e determina, quindi, gli elementi
essenziali.
www.subito.it
3
Suddivisione degli spazi, mediante la regolarizzazione di tutti gli elementi
ottenuta in modo sobrio e non mediante l’uso eccessivo di strutture.
Casella pubblicitaria non
eccessivamente in primo piano.
Assenza di interferenze visuali e
di eccessive animazioni.
Rimando
alla
Home
page
sempre
in primo
piano.
Metodo semplice per
raffinare la ricerca.
4
Fornisce immediatamente all’utente le
informazioni che sta cercando e i contatti utili
per perseguire il suo scopo di ricerca.
Approccio immediato
dell’utente all’oggetto
mediante l’uso di
foto, video e
informazioni dettagliate
(anche sul venditore).
- ACCESSIBILITÀ;
-USABILITÀ;
- INTERAZIONE;
- AFFORDANCE;
Presenza di elementi
interattivi
5
Interferenza
visuale, mediante l’uso
eccessivo di colori
saturi, che non
supporta la leggibilità e
e provoca
affaticamento e scritte
fluttuanti.
Frammentazione che usa un
front inusuale e non leggibile
chiaramente a primo impatto.
Elementi
inutili per un
utente che sa
cosa cerca, ma
non sa dove
cercarlo, perch
é non è
presente
un’interfaccia
intuitiva.
Suddivisione
della ricerca
per area
tematica.
www.gliaffari.it
6
Approccio non immediato all’oggetto. Mancanza di
foto, video e informazioni dettagliate.
Eccessivo
contrasto.
Dimensioni
sbagliate.
Eccessiva
riduzione di
un elemento
fondamentale
ai fini della
ricerca.
7
Spreco di spazio che avrebbe
potuto ospitare foto, video e/o
informazioni utili al fine
dell’acquisto nella sua
praticità.
Eccessive
dimensioni
ed eccessivo
uso di
colori.
Comunica
l’ovvio, dato
che la
descrizione
dell’oggetto
non aggiunge
nulla di nuovo a
quella presente
nella pagina
precedente.
8
Eccessivi
dettagli e
abbellimenti e
uso di front
non chiari da
leggere.
Serie di immagini
animate non strutturate
e quindi percepite in
confusione.
Elementi
raggruppati e
strutturati, ma
non evidenziati
in gerarchie o
in un ordine che
facilita la
ricerca.
www.lostrappo.it
9
Interferenza tra
elementi strutturati, ma
non indicizzati e/o
gerarchizzati per
velocizzare la ricerca.
Meccanismo che
velocizza la ricerca e
la raffina.
Suddivisione degli
elementi in
categorie
strutturate e
divise.
cPrincipio di chiusura
risalente alle teorie della
Gestalt, ottenuto
mediante i colori.
10
Presenza di
elementi visivi
significativi
(anche se non
di ottima
qualità) come
foto.
Spreco di spazio che
poteva essere usato
per arricchire
l’annuncio con una
descrizione
dell’oggetto.
Presenza di
collegamenti
ipertestuali e
interattivi.
Spazio
strutturato,
comprensibile,
gerarchizzato
e ordinato, che
non usa
eccessive
strutture
visive.
11
EFFETTI RILEVATI VALORE
USABILITÀ
○ ○
ACCESSIBILITÀ ○ ○ ○
INTERAZIONE ○ ○ ○ ○
AFFORDANCE ○ ○
FRAMMENTAZIONE ○ ○ ○ ○ ○ ○ ○ ○
STRUTTURE ○ ○ ○ ○ ○ ○ ○
DETTAGLI E ABBELLIMENTI ○ ○ ○ ○ ○ ○
REGOLARIZZAZIONE ○ ○ ○ ○
SFRUTTAZIONE INFORMAZIONE CONTESTUALE ○ ○ ○ ○ ○ ○ ○ ○ ○
CONTRASTO ○ ○ ○ ○ ○ ○ ○ ○ ○
INTERFERENZA VISUALE ○ ○ ○ ○ ○ ○ ○ ○ ○ ○
SPRECO DI SPAZIO ○ ○ ○ ○ ○ ○ ○ ○ ○ ○
DIMENSIONI ○ ○ ○ ○ ○
FRONT ○ ○ ○ ○ ○
PRINCIPI DELLA GESTALT ○ ○ ○ ○
RAGGRUPPAMENTO ○ ○ ○
GERARCHIZZAZIONE ○ ○ ○ ○ ○
EQUILIBRIO ○ ○ ○
valore positivo;
○ nessun valore;
valore negativo.
12
EFFETTI RILEVATI VALORE
USABILITÀ
○ ○ ○ ○ ○
ACCESSIBILITÀ ○ ○ ○ ○ ○
INTERAZIONE ○ ○ ○ ○ ○ ○
AFFORDANCE ○ ○ ○ ○ ○
FRAMMENTAZIONE ○ ○ ○ ○ ○ ○ ○ ○
STRUTTURE ○ ○ ○ ○ ○ ○ ○
DETTAGLI E ABBELLIMENTI ○ ○ ○ ○ ○ ○
REGOLARIZZAZIONE ○ ○ ○ ○ ○ ○ ○ ○
SFRUTTAZIONE INFORMAZIONE CONTESTUALE ○ ○ ○ ○ ○ ○ ○ ○ ○
CONTRASTO ○ ○ ○
INTERFERENZA VISUALE ○ ○ ○ ○ ○
SPRECO DI SPAZIO ○ ○ ○ ○ ○
DIMENSIONI ○ ○ ○ ○ ○ ○ ○ ○ ○
FRONT ○ ○ ○ ○ ○ ○ ○
PRINCIPI DELLA GESTALT ○ ○ ○ ○ ○ ○ ○ ○ ○ ○
RAGGRUPPAMENTO ○ ○ ○ ○ ○ ○ ○ ○ ○
GERARCHIZZAZIONE ○ ○ ○ ○ ○ ○
EQUILIBRIO ○ ○ ○ ○ ○ ○ ○ ○ ○ ○
valore positivo;
○ nessun valore;
valore negativo.
13
EFFETTI RILEVATI VALORE
USABILITÀ
○ ○ ○ ○ ○ ○ ○ ○ ○
ACCESSIBILITÀ ○ ○ ○ ○ ○ ○ ○ ○ ○
INTERAZIONE ○ ○ ○ ○ ○ ○ ○ ○
AFFORDANCE ○ ○ ○ ○ ○ ○ ○ ○ ○
FRAMMENTAZIONE ○ ○ ○ ○ ○ ○ ○ ○
STRUTTURE ○ ○ ○ ○ ○ ○ ○
DETTAGLI E ABBELLIMENTI ○ ○ ○ ○ ○
REGOLARIZZAZIONE ○ ○ ○ ○ ○ ○ ○ ○
SFRUTTAZIONE INFORMAZIONE CONTESTUALE ○ ○ ○ ○ ○ ○ ○ ○ ○
CONTRASTO ○ ○ ○ ○ ○ ○ ○ ○ ○
INTERFERENZA VISUALE ○ ○ ○ ○ ○ ○ ○
SPRECO DI SPAZIO ○ ○ ○ ○ ○
DIMENSIONI ○ ○ ○ ○ ○ ○ ○ ○
FRONT ○ ○ ○ ○ ○ ○ ○ ○
PRINCIPI DELLA GESTALT ○ ○ ○ ○ ○ ○ ○ ○ ○
RAGGRUPPAMENTO ○ ○ ○ ○ ○ ○ ○ ○ ○
GERARCHIZZAZIONE ○ ○ ○ ○ ○ ○ ○ ○
EQUILIBRIO ○ ○ ○ ○ ○ ○ ○ ○ ○
valore positivo;
○ nessun valore;
valore negativo.
14
Qualità del sito web e livello di usabilità
www.subito.it
www.gliaffari.it
www.lostrappo.it
CONCLUDENDO:
È importante incentrare la costruzione di un sito web su un design visuale
volto alla comunicazione, che renda l’utente partecipe e intuitivamente
capace di raggiungere gli obiettivi della sua ricerca e, altrettanto importante è
rimanere nei margini di eleganza ed equilibrio della pagina, che deve offrire
le informazioni più importanti senza sovraccaricare la percezione dell’utente.
In ultima istanza, la mia analisi ha dimostrato quanto la qualità
dell’interfaccia influenzi le ricerche e la visualizzazione di un utente tipo.
In questo caso il sito web qualitativamente più usabile, si è rivelato essere
subito.it, non a caso tra i più cliccati, e che registra un numero di utenti pari a
3.235.199 e in costante crescita.
15
SITOGRAFIA:
Data ultima consultazione: 01/10/2011, ore 16:27.
 http://www.subito.it, p. 2;
 http://www.subito.it/annunci-toscana/vendita/appartamenti/?ref=list_eng_search&ps=0&pe=0 , p. 3;
 http://www.subito.it/appartamenti/appartamento-arredato-pisa-31148059.htm, p. 4;
 http://www.gliaffari.it/homepage/MainPage.aspx, p. 5;
 http://www.gliaffari.it/Immobili/, p. 6;
 http://www.gliaffari.it/ConsultazioneAnnuncioPreview/ConsultazioneAnnuncioPreview.aspx?IDAnnunc
io=74816&ParolaKey=&Regione=0&Categoria=1&Rubrica=&Rapida=True&Avanzata=Home&_pg=0,
p. 7;
 http://www.lostrappo.it, p. 8;
 http://www.lostrappo.it/ListaAnnuncio.aspx , p. 9;
 http://www.lostrappo.it/DettaglioAnnuncio.aspx?ID=8318 , p. 10.
16

Más contenido relacionado

Destacado

"Arbejde fremstilling og handling" Hannah Arendt's filosofi om arbejde. Works...
"Arbejde fremstilling og handling" Hannah Arendt's filosofi om arbejde. Works..."Arbejde fremstilling og handling" Hannah Arendt's filosofi om arbejde. Works...
"Arbejde fremstilling og handling" Hannah Arendt's filosofi om arbejde. Works...Tommy Kjær Lassen
 
DAILY AGRI REPORT BY EPIC RESEARCH- 3 NOVEMBER 2012
DAILY AGRI REPORT BY EPIC RESEARCH- 3 NOVEMBER 2012DAILY AGRI REPORT BY EPIC RESEARCH- 3 NOVEMBER 2012
DAILY AGRI REPORT BY EPIC RESEARCH- 3 NOVEMBER 2012Epic Research
 
Universidad nacional del altiplano sistemas dig
Universidad nacional del altiplano sistemas digUniversidad nacional del altiplano sistemas dig
Universidad nacional del altiplano sistemas digJhoel Maydana Huanca
 
"Burn Down the Blocks! Sparking Collaboration Through Creative Play"
"Burn Down the Blocks! Sparking Collaboration Through Creative Play""Burn Down the Blocks! Sparking Collaboration Through Creative Play"
"Burn Down the Blocks! Sparking Collaboration Through Creative Play"WebVisions
 
Social media for financial advisors "Getting it right"
Social media for financial advisors "Getting it right"Social media for financial advisors "Getting it right"
Social media for financial advisors "Getting it right"Stephanie Sammons
 
Presentacion proyecto universidad atlantico
Presentacion proyecto universidad atlanticoPresentacion proyecto universidad atlantico
Presentacion proyecto universidad atlanticoyagari
 
Hadoopの標準GUI HUEの最新情報
Hadoopの標準GUI HUEの最新情報Hadoopの標準GUI HUEの最新情報
Hadoopの標準GUI HUEの最新情報Cloudera Japan
 
Failproof Guide to Brand Building Your Blog
Failproof Guide to Brand Building Your BlogFailproof Guide to Brand Building Your Blog
Failproof Guide to Brand Building Your BlogFiverr
 

Destacado (13)

"Arbejde fremstilling og handling" Hannah Arendt's filosofi om arbejde. Works...
"Arbejde fremstilling og handling" Hannah Arendt's filosofi om arbejde. Works..."Arbejde fremstilling og handling" Hannah Arendt's filosofi om arbejde. Works...
"Arbejde fremstilling og handling" Hannah Arendt's filosofi om arbejde. Works...
 
DAILY AGRI REPORT BY EPIC RESEARCH- 3 NOVEMBER 2012
DAILY AGRI REPORT BY EPIC RESEARCH- 3 NOVEMBER 2012DAILY AGRI REPORT BY EPIC RESEARCH- 3 NOVEMBER 2012
DAILY AGRI REPORT BY EPIC RESEARCH- 3 NOVEMBER 2012
 
Universidad nacional del altiplano sistemas dig
Universidad nacional del altiplano sistemas digUniversidad nacional del altiplano sistemas dig
Universidad nacional del altiplano sistemas dig
 
The hyper social organization
The hyper social organizationThe hyper social organization
The hyper social organization
 
SignEx - integration service
SignEx - integration serviceSignEx - integration service
SignEx - integration service
 
"Burn Down the Blocks! Sparking Collaboration Through Creative Play"
"Burn Down the Blocks! Sparking Collaboration Through Creative Play""Burn Down the Blocks! Sparking Collaboration Through Creative Play"
"Burn Down the Blocks! Sparking Collaboration Through Creative Play"
 
Social media for financial advisors "Getting it right"
Social media for financial advisors "Getting it right"Social media for financial advisors "Getting it right"
Social media for financial advisors "Getting it right"
 
Presentacion proyecto universidad atlantico
Presentacion proyecto universidad atlanticoPresentacion proyecto universidad atlantico
Presentacion proyecto universidad atlantico
 
CBO’s Cost Estimates
CBO’s Cost EstimatesCBO’s Cost Estimates
CBO’s Cost Estimates
 
9th argumentative essay
9th argumentative essay9th argumentative essay
9th argumentative essay
 
The 2012 SoDA Report
The 2012 SoDA ReportThe 2012 SoDA Report
The 2012 SoDA Report
 
Hadoopの標準GUI HUEの最新情報
Hadoopの標準GUI HUEの最新情報Hadoopの標準GUI HUEの最新情報
Hadoopの標準GUI HUEの最新情報
 
Failproof Guide to Brand Building Your Blog
Failproof Guide to Brand Building Your BlogFailproof Guide to Brand Building Your Blog
Failproof Guide to Brand Building Your Blog
 

Similar a Il software MARIE (Progettazione interfacce e valutazione dell'usabilità)

VISUAL DESIGN di Mariagiovanna Scarale
VISUAL DESIGN di Mariagiovanna ScaraleVISUAL DESIGN di Mariagiovanna Scarale
VISUAL DESIGN di Mariagiovanna ScaraleMariagiovanna Scarale
 
Conversion Oriented Design
Conversion Oriented DesignConversion Oriented Design
Conversion Oriented DesignDigital Natives
 
Landingpage - Concetti base per la realizzazione di landingpage efficaci
Landingpage - Concetti base per la realizzazione di landingpage efficaciLandingpage - Concetti base per la realizzazione di landingpage efficaci
Landingpage - Concetti base per la realizzazione di landingpage efficaciMassimo Petrucci
 
Fatti trovare dai tuoi potenziali clienti proprio quando hanno bisogno di te!
Fatti trovare dai tuoi potenziali clienti proprio quando hanno bisogno di te!Fatti trovare dai tuoi potenziali clienti proprio quando hanno bisogno di te!
Fatti trovare dai tuoi potenziali clienti proprio quando hanno bisogno di te!Paolo Abbiati
 
User Experience & Web Analytics - VIII SEMrush Marathon
User Experience & Web Analytics - VIII SEMrush MarathonUser Experience & Web Analytics - VIII SEMrush Marathon
User Experience & Web Analytics - VIII SEMrush MarathonMarco Micheli
 
Migliorare la performance delle tue Campagne: Scopri la Free Masterclass Ninj...
Migliorare la performance delle tue Campagne: Scopri la Free Masterclass Ninj...Migliorare la performance delle tue Campagne: Scopri la Free Masterclass Ninj...
Migliorare la performance delle tue Campagne: Scopri la Free Masterclass Ninj...Ninja Academy
 
I 7 peccati capitali del Digital Marketing: scopri il Corso Ninja Academy
I 7 peccati capitali del Digital Marketing: scopri il Corso Ninja Academy I 7 peccati capitali del Digital Marketing: scopri il Corso Ninja Academy
I 7 peccati capitali del Digital Marketing: scopri il Corso Ninja Academy Ninja Academy
 
Neo4j GraphTalk Florence - Tools for Business
Neo4j GraphTalk Florence - Tools for BusinessNeo4j GraphTalk Florence - Tools for Business
Neo4j GraphTalk Florence - Tools for BusinessNeo4j
 
Neuro Web Design slides by Neuroset
Neuro Web Design slides by Neuroset Neuro Web Design slides by Neuroset
Neuro Web Design slides by Neuroset Giovanni Lufrano
 
Usabilità e User Experience​ - L'utente al centro della progettazione
Usabilità e User Experience​ - L'utente al centro della progettazioneUsabilità e User Experience​ - L'utente al centro della progettazione
Usabilità e User Experience​ - L'utente al centro della progettazionesemrush_webinars
 
User Experience per prodotti e servizi digitali. Elisabetta Schiatti
User Experience per prodotti e servizi digitali. Elisabetta SchiattiUser Experience per prodotti e servizi digitali. Elisabetta Schiatti
User Experience per prodotti e servizi digitali. Elisabetta SchiattiInSide Training
 
Architettura dell'informazione
Architettura dell'informazioneArchitettura dell'informazione
Architettura dell'informazioneEtnograph
 
Gli strumenti SEO & SEM: scopri il Webinar Ninja Academy
Gli strumenti SEO & SEM: scopri il Webinar Ninja Academy Gli strumenti SEO & SEM: scopri il Webinar Ninja Academy
Gli strumenti SEO & SEM: scopri il Webinar Ninja Academy Ninja Academy
 

Similar a Il software MARIE (Progettazione interfacce e valutazione dell'usabilità) (14)

VISUAL DESIGN di Mariagiovanna Scarale
VISUAL DESIGN di Mariagiovanna ScaraleVISUAL DESIGN di Mariagiovanna Scarale
VISUAL DESIGN di Mariagiovanna Scarale
 
Conversion Oriented Design
Conversion Oriented DesignConversion Oriented Design
Conversion Oriented Design
 
Landingpage - Concetti base per la realizzazione di landingpage efficaci
Landingpage - Concetti base per la realizzazione di landingpage efficaciLandingpage - Concetti base per la realizzazione di landingpage efficaci
Landingpage - Concetti base per la realizzazione di landingpage efficaci
 
Fatti trovare dai tuoi potenziali clienti proprio quando hanno bisogno di te!
Fatti trovare dai tuoi potenziali clienti proprio quando hanno bisogno di te!Fatti trovare dai tuoi potenziali clienti proprio quando hanno bisogno di te!
Fatti trovare dai tuoi potenziali clienti proprio quando hanno bisogno di te!
 
User Experience & Web Analytics - VIII SEMrush Marathon
User Experience & Web Analytics - VIII SEMrush MarathonUser Experience & Web Analytics - VIII SEMrush Marathon
User Experience & Web Analytics - VIII SEMrush Marathon
 
Migliorare la performance delle tue Campagne: Scopri la Free Masterclass Ninj...
Migliorare la performance delle tue Campagne: Scopri la Free Masterclass Ninj...Migliorare la performance delle tue Campagne: Scopri la Free Masterclass Ninj...
Migliorare la performance delle tue Campagne: Scopri la Free Masterclass Ninj...
 
I 7 peccati capitali del Digital Marketing: scopri il Corso Ninja Academy
I 7 peccati capitali del Digital Marketing: scopri il Corso Ninja Academy I 7 peccati capitali del Digital Marketing: scopri il Corso Ninja Academy
I 7 peccati capitali del Digital Marketing: scopri il Corso Ninja Academy
 
Neo4j GraphTalk Florence - Tools for Business
Neo4j GraphTalk Florence - Tools for BusinessNeo4j GraphTalk Florence - Tools for Business
Neo4j GraphTalk Florence - Tools for Business
 
Neuro Web Design slides by Neuroset
Neuro Web Design slides by Neuroset Neuro Web Design slides by Neuroset
Neuro Web Design slides by Neuroset
 
Usabilità e User Experience​ - L'utente al centro della progettazione
Usabilità e User Experience​ - L'utente al centro della progettazioneUsabilità e User Experience​ - L'utente al centro della progettazione
Usabilità e User Experience​ - L'utente al centro della progettazione
 
Come promuovere online una struttura ricettiva
Come promuovere online una struttura ricettivaCome promuovere online una struttura ricettiva
Come promuovere online una struttura ricettiva
 
User Experience per prodotti e servizi digitali. Elisabetta Schiatti
User Experience per prodotti e servizi digitali. Elisabetta SchiattiUser Experience per prodotti e servizi digitali. Elisabetta Schiatti
User Experience per prodotti e servizi digitali. Elisabetta Schiatti
 
Architettura dell'informazione
Architettura dell'informazioneArchitettura dell'informazione
Architettura dell'informazione
 
Gli strumenti SEO & SEM: scopri il Webinar Ninja Academy
Gli strumenti SEO & SEM: scopri il Webinar Ninja Academy Gli strumenti SEO & SEM: scopri il Webinar Ninja Academy
Gli strumenti SEO & SEM: scopri il Webinar Ninja Academy
 

Más de Mariagiovanna Scarale

Web Mining e analisi di reti sociali
Web Mining e analisi di reti socialiWeb Mining e analisi di reti sociali
Web Mining e analisi di reti socialiMariagiovanna Scarale
 
Analisi della blogosfera italiana e analisi statistica dei corpora dei blog g...
Analisi della blogosfera italiana e analisi statistica dei corpora dei blog g...Analisi della blogosfera italiana e analisi statistica dei corpora dei blog g...
Analisi della blogosfera italiana e analisi statistica dei corpora dei blog g...Mariagiovanna Scarale
 
L'opera di Flaubert tra Realismo e Romanticismo. Jeunesse et Maturité
L'opera di Flaubert tra Realismo e Romanticismo. Jeunesse et MaturitéL'opera di Flaubert tra Realismo e Romanticismo. Jeunesse et Maturité
L'opera di Flaubert tra Realismo e Romanticismo. Jeunesse et MaturitéMariagiovanna Scarale
 
Adattamento dispositivo (Progettazione interfacce e valutazione dell'usabilità)
Adattamento dispositivo (Progettazione interfacce e valutazione dell'usabilità)Adattamento dispositivo (Progettazione interfacce e valutazione dell'usabilità)
Adattamento dispositivo (Progettazione interfacce e valutazione dell'usabilità)Mariagiovanna Scarale
 
Adattabilità (Progettazione interfacce e valutazione dell'usabilità)
Adattabilità (Progettazione interfacce e valutazione dell'usabilità)Adattabilità (Progettazione interfacce e valutazione dell'usabilità)
Adattabilità (Progettazione interfacce e valutazione dell'usabilità)Mariagiovanna Scarale
 
IL DIRITTO D'AUTORE NELL'ERA DIGITALE
IL DIRITTO D'AUTORE NELL'ERA DIGITALEIL DIRITTO D'AUTORE NELL'ERA DIGITALE
IL DIRITTO D'AUTORE NELL'ERA DIGITALEMariagiovanna Scarale
 
Hanging out, messing around and geeking out. GAMING
Hanging out, messing around and geeking out. GAMINGHanging out, messing around and geeking out. GAMING
Hanging out, messing around and geeking out. GAMINGMariagiovanna Scarale
 
Strumenti statistici per l'analisi della distribuzione dei fatti linguistici
Strumenti statistici per l'analisi della distribuzione dei fatti linguisticiStrumenti statistici per l'analisi della distribuzione dei fatti linguistici
Strumenti statistici per l'analisi della distribuzione dei fatti linguisticiMariagiovanna Scarale
 

Más de Mariagiovanna Scarale (12)

Web Mining e analisi di reti sociali
Web Mining e analisi di reti socialiWeb Mining e analisi di reti sociali
Web Mining e analisi di reti sociali
 
Analisi della blogosfera italiana e analisi statistica dei corpora dei blog g...
Analisi della blogosfera italiana e analisi statistica dei corpora dei blog g...Analisi della blogosfera italiana e analisi statistica dei corpora dei blog g...
Analisi della blogosfera italiana e analisi statistica dei corpora dei blog g...
 
Analisi del fenomeno dei blog
Analisi del fenomeno dei blogAnalisi del fenomeno dei blog
Analisi del fenomeno dei blog
 
L'opera di Flaubert tra Realismo e Romanticismo. Jeunesse et Maturité
L'opera di Flaubert tra Realismo e Romanticismo. Jeunesse et MaturitéL'opera di Flaubert tra Realismo e Romanticismo. Jeunesse et Maturité
L'opera di Flaubert tra Realismo e Romanticismo. Jeunesse et Maturité
 
Valutazione dell'Accessibilità
Valutazione dell'AccessibilitàValutazione dell'Accessibilità
Valutazione dell'Accessibilità
 
Valutazione dell'usabilità
Valutazione dell'usabilità Valutazione dell'usabilità
Valutazione dell'usabilità
 
Adattamento dispositivo (Progettazione interfacce e valutazione dell'usabilità)
Adattamento dispositivo (Progettazione interfacce e valutazione dell'usabilità)Adattamento dispositivo (Progettazione interfacce e valutazione dell'usabilità)
Adattamento dispositivo (Progettazione interfacce e valutazione dell'usabilità)
 
Adattabilità (Progettazione interfacce e valutazione dell'usabilità)
Adattabilità (Progettazione interfacce e valutazione dell'usabilità)Adattabilità (Progettazione interfacce e valutazione dell'usabilità)
Adattabilità (Progettazione interfacce e valutazione dell'usabilità)
 
IL DIRITTO D'AUTORE NELL'ERA DIGITALE
IL DIRITTO D'AUTORE NELL'ERA DIGITALEIL DIRITTO D'AUTORE NELL'ERA DIGITALE
IL DIRITTO D'AUTORE NELL'ERA DIGITALE
 
Hanging out, messing around and geeking out. GAMING
Hanging out, messing around and geeking out. GAMINGHanging out, messing around and geeking out. GAMING
Hanging out, messing around and geeking out. GAMING
 
Tra filologia e programmazione
Tra filologia e programmazioneTra filologia e programmazione
Tra filologia e programmazione
 
Strumenti statistici per l'analisi della distribuzione dei fatti linguistici
Strumenti statistici per l'analisi della distribuzione dei fatti linguisticiStrumenti statistici per l'analisi della distribuzione dei fatti linguistici
Strumenti statistici per l'analisi della distribuzione dei fatti linguistici
 

Il software MARIE (Progettazione interfacce e valutazione dell'usabilità)

  • 1. 1 http://www.subito.it/?xtredir=go-brand http://www.gliaffari.it/homepage/MainPage.aspx http://www.lostrappo.it/ Analisi di siti web comuni: Mariagiovanna Scarale Matricola 423062 Corso di laurea Magistrale in Informatica Umanistica, Curriculum ‘‘ Editoria Elettronica’’
  • 2. 2 AFFORDANCE PERCEPITA: l’utente riesce intuitivamente a comprendere lo scopo della “cartina- pulsante”. Soluzione elegante, in quanto riduce il progetto alla sua essenza, non comunica l’ovvio e determina, quindi, gli elementi essenziali. www.subito.it
  • 3. 3 Suddivisione degli spazi, mediante la regolarizzazione di tutti gli elementi ottenuta in modo sobrio e non mediante l’uso eccessivo di strutture. Casella pubblicitaria non eccessivamente in primo piano. Assenza di interferenze visuali e di eccessive animazioni. Rimando alla Home page sempre in primo piano. Metodo semplice per raffinare la ricerca.
  • 4. 4 Fornisce immediatamente all’utente le informazioni che sta cercando e i contatti utili per perseguire il suo scopo di ricerca. Approccio immediato dell’utente all’oggetto mediante l’uso di foto, video e informazioni dettagliate (anche sul venditore). - ACCESSIBILITÀ; -USABILITÀ; - INTERAZIONE; - AFFORDANCE; Presenza di elementi interattivi
  • 5. 5 Interferenza visuale, mediante l’uso eccessivo di colori saturi, che non supporta la leggibilità e e provoca affaticamento e scritte fluttuanti. Frammentazione che usa un front inusuale e non leggibile chiaramente a primo impatto. Elementi inutili per un utente che sa cosa cerca, ma non sa dove cercarlo, perch é non è presente un’interfaccia intuitiva. Suddivisione della ricerca per area tematica. www.gliaffari.it
  • 6. 6 Approccio non immediato all’oggetto. Mancanza di foto, video e informazioni dettagliate. Eccessivo contrasto. Dimensioni sbagliate. Eccessiva riduzione di un elemento fondamentale ai fini della ricerca.
  • 7. 7 Spreco di spazio che avrebbe potuto ospitare foto, video e/o informazioni utili al fine dell’acquisto nella sua praticità. Eccessive dimensioni ed eccessivo uso di colori. Comunica l’ovvio, dato che la descrizione dell’oggetto non aggiunge nulla di nuovo a quella presente nella pagina precedente.
  • 8. 8 Eccessivi dettagli e abbellimenti e uso di front non chiari da leggere. Serie di immagini animate non strutturate e quindi percepite in confusione. Elementi raggruppati e strutturati, ma non evidenziati in gerarchie o in un ordine che facilita la ricerca. www.lostrappo.it
  • 9. 9 Interferenza tra elementi strutturati, ma non indicizzati e/o gerarchizzati per velocizzare la ricerca. Meccanismo che velocizza la ricerca e la raffina. Suddivisione degli elementi in categorie strutturate e divise. cPrincipio di chiusura risalente alle teorie della Gestalt, ottenuto mediante i colori.
  • 10. 10 Presenza di elementi visivi significativi (anche se non di ottima qualità) come foto. Spreco di spazio che poteva essere usato per arricchire l’annuncio con una descrizione dell’oggetto. Presenza di collegamenti ipertestuali e interattivi. Spazio strutturato, comprensibile, gerarchizzato e ordinato, che non usa eccessive strutture visive.
  • 11. 11 EFFETTI RILEVATI VALORE USABILITÀ ○ ○ ACCESSIBILITÀ ○ ○ ○ INTERAZIONE ○ ○ ○ ○ AFFORDANCE ○ ○ FRAMMENTAZIONE ○ ○ ○ ○ ○ ○ ○ ○ STRUTTURE ○ ○ ○ ○ ○ ○ ○ DETTAGLI E ABBELLIMENTI ○ ○ ○ ○ ○ ○ REGOLARIZZAZIONE ○ ○ ○ ○ SFRUTTAZIONE INFORMAZIONE CONTESTUALE ○ ○ ○ ○ ○ ○ ○ ○ ○ CONTRASTO ○ ○ ○ ○ ○ ○ ○ ○ ○ INTERFERENZA VISUALE ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ SPRECO DI SPAZIO ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ DIMENSIONI ○ ○ ○ ○ ○ FRONT ○ ○ ○ ○ ○ PRINCIPI DELLA GESTALT ○ ○ ○ ○ RAGGRUPPAMENTO ○ ○ ○ GERARCHIZZAZIONE ○ ○ ○ ○ ○ EQUILIBRIO ○ ○ ○ valore positivo; ○ nessun valore; valore negativo.
  • 12. 12 EFFETTI RILEVATI VALORE USABILITÀ ○ ○ ○ ○ ○ ACCESSIBILITÀ ○ ○ ○ ○ ○ INTERAZIONE ○ ○ ○ ○ ○ ○ AFFORDANCE ○ ○ ○ ○ ○ FRAMMENTAZIONE ○ ○ ○ ○ ○ ○ ○ ○ STRUTTURE ○ ○ ○ ○ ○ ○ ○ DETTAGLI E ABBELLIMENTI ○ ○ ○ ○ ○ ○ REGOLARIZZAZIONE ○ ○ ○ ○ ○ ○ ○ ○ SFRUTTAZIONE INFORMAZIONE CONTESTUALE ○ ○ ○ ○ ○ ○ ○ ○ ○ CONTRASTO ○ ○ ○ INTERFERENZA VISUALE ○ ○ ○ ○ ○ SPRECO DI SPAZIO ○ ○ ○ ○ ○ DIMENSIONI ○ ○ ○ ○ ○ ○ ○ ○ ○ FRONT ○ ○ ○ ○ ○ ○ ○ PRINCIPI DELLA GESTALT ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ RAGGRUPPAMENTO ○ ○ ○ ○ ○ ○ ○ ○ ○ GERARCHIZZAZIONE ○ ○ ○ ○ ○ ○ EQUILIBRIO ○ ○ ○ ○ ○ ○ ○ ○ ○ ○ valore positivo; ○ nessun valore; valore negativo.
  • 13. 13 EFFETTI RILEVATI VALORE USABILITÀ ○ ○ ○ ○ ○ ○ ○ ○ ○ ACCESSIBILITÀ ○ ○ ○ ○ ○ ○ ○ ○ ○ INTERAZIONE ○ ○ ○ ○ ○ ○ ○ ○ AFFORDANCE ○ ○ ○ ○ ○ ○ ○ ○ ○ FRAMMENTAZIONE ○ ○ ○ ○ ○ ○ ○ ○ STRUTTURE ○ ○ ○ ○ ○ ○ ○ DETTAGLI E ABBELLIMENTI ○ ○ ○ ○ ○ REGOLARIZZAZIONE ○ ○ ○ ○ ○ ○ ○ ○ SFRUTTAZIONE INFORMAZIONE CONTESTUALE ○ ○ ○ ○ ○ ○ ○ ○ ○ CONTRASTO ○ ○ ○ ○ ○ ○ ○ ○ ○ INTERFERENZA VISUALE ○ ○ ○ ○ ○ ○ ○ SPRECO DI SPAZIO ○ ○ ○ ○ ○ DIMENSIONI ○ ○ ○ ○ ○ ○ ○ ○ FRONT ○ ○ ○ ○ ○ ○ ○ ○ PRINCIPI DELLA GESTALT ○ ○ ○ ○ ○ ○ ○ ○ ○ RAGGRUPPAMENTO ○ ○ ○ ○ ○ ○ ○ ○ ○ GERARCHIZZAZIONE ○ ○ ○ ○ ○ ○ ○ ○ EQUILIBRIO ○ ○ ○ ○ ○ ○ ○ ○ ○ valore positivo; ○ nessun valore; valore negativo.
  • 14. 14 Qualità del sito web e livello di usabilità www.subito.it www.gliaffari.it www.lostrappo.it
  • 15. CONCLUDENDO: È importante incentrare la costruzione di un sito web su un design visuale volto alla comunicazione, che renda l’utente partecipe e intuitivamente capace di raggiungere gli obiettivi della sua ricerca e, altrettanto importante è rimanere nei margini di eleganza ed equilibrio della pagina, che deve offrire le informazioni più importanti senza sovraccaricare la percezione dell’utente. In ultima istanza, la mia analisi ha dimostrato quanto la qualità dell’interfaccia influenzi le ricerche e la visualizzazione di un utente tipo. In questo caso il sito web qualitativamente più usabile, si è rivelato essere subito.it, non a caso tra i più cliccati, e che registra un numero di utenti pari a 3.235.199 e in costante crescita. 15
  • 16. SITOGRAFIA: Data ultima consultazione: 01/10/2011, ore 16:27.  http://www.subito.it, p. 2;  http://www.subito.it/annunci-toscana/vendita/appartamenti/?ref=list_eng_search&ps=0&pe=0 , p. 3;  http://www.subito.it/appartamenti/appartamento-arredato-pisa-31148059.htm, p. 4;  http://www.gliaffari.it/homepage/MainPage.aspx, p. 5;  http://www.gliaffari.it/Immobili/, p. 6;  http://www.gliaffari.it/ConsultazioneAnnuncioPreview/ConsultazioneAnnuncioPreview.aspx?IDAnnunc io=74816&ParolaKey=&Regione=0&Categoria=1&Rubrica=&Rapida=True&Avanzata=Home&_pg=0, p. 7;  http://www.lostrappo.it, p. 8;  http://www.lostrappo.it/ListaAnnuncio.aspx , p. 9;  http://www.lostrappo.it/DettaglioAnnuncio.aspx?ID=8318 , p. 10. 16